Show sourcecode
The following files exists in this folder. Click to view.
public_html/exercises/Projekt/FramtidensTeknik/
framtidensjordbruk.html
framtidensteknik.css
framtidenstekniksvante.html
fsfaq.html
fsomoss.html
index.css
index.html
jordbrukai.html
kontakt.html
style.css
styleframtid.css
styleprecision.css
tack.html
styleprecision.css
115 lines ASCII Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
* {
text-align: center;
}
body {
font-family: Arial, sans-serif;
margin: 0;
line-height: 1.6;
background: #e2e2e2;
color: #1f2937
}
header {
background: #2f855a;
padding: 40px 20px;
}
section {
max-width: 1000px;
margin: auto;
padding: 40px 20px
}
.grid {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px
}
.hero {
font-size: 1.2rem;
max-width: 800px;
margin: auto
}
footer {
background: #1a202c;
color: #fff;
padding: 20px;
margin-top: 40px
}
nav {
padding: 10px;
background-color: #3eb178;
}
a {
color: rgb(102, 102, 102);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
form {
font-size: x-large;
background-color: white;
box-shadow: 0 0 30px;
padding: 30px;
width: fit-content;
border-radius: 20px;
position: relative;
transform: translate(-50%);
left: 50%;
margin-top: 50px;
}
input {
margin: 10px;
}
#room {
height: 50px;
}
button {
font-size: large;
}
p {
padding: 30px;
}
#card {
border-radius: 50px;
transform: translate(-50%);
position: relative;
left: 50%;
box-shadow: 0 0 30px;
padding: 40px;
margin-top: 50px;
margin-bottom: 50px;
}
@media (min-width: 600px ) {
#card {
width: 70vw;
}
input {
width: 500px;
}
textarea {
width: 500px;
}
}
@media (max-width: 600px) {
button {
font-size: xx-large;
}
}