File size: 1,103 Bytes
8e04534 0ab06c1 e81b6e7 0ab06c1 e81b6e7 8e04534 0ab06c1 e81b6e7 0ab06c1 e81b6e7 8e04534 0ab06c1 e81b6e7 8e04534 0ab06c1 8e04534 0ab06c1 e81b6e7 0ab06c1 e81b6e7 0ab06c1 e81b6e7 0ab06c1 e81b6e7 0ab06c1 e81b6e7 0ab06c1 e81b6e7 0ab06c1 8e04534 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 |
body {
margin: 0;
font-family: 'Segoe UI', sans-serif;
background-color: #0e0e0e;
color: #ffffff;
line-height: 1.6;
}
header {
background-color: #111;
padding: 20px;
text-align: center;
position: sticky;
top: 0;
z-index: 10;
}
header h1 {
margin: 0;
font-size: 2.8em;
}
nav {
margin-top: 10px;
}
nav a {
color: #ccc;
text-decoration: none;
margin: 0 12px;
font-weight: bold;
}
nav a:hover {
color: #00ccff;
}
#hero {
position: relative;
}
#hero img {
width: 100%;
height: auto;
display: block;
filter: brightness(0.8);
}
.hero-text {
position: absolute;
bottom: 30px;
left: 40px;
color: #fff;
background: rgba(0, 0, 0, 0.6);
padding: 20px;
border-radius: 10px;
}
section {
padding: 60px 20px;
text-align: center;
}
section ul {
list-style: none;
padding: 0;
margin-top: 20px;
}
section ul li {
margin: 10px 0;
font-size: 1.1em;
}
h2 {
font-size: 2em;
margin-bottom: 15px;
}
a {
color: #00ccff;
}
footer {
background-color: #111;
padding: 20px;
text-align: center;
font-size: 0.9em;
color: #888;
}
|