Last change
on this file since 4ee640e was 4ee640e, checked in by DenicaKj <dkorvezir@…>, 23 months ago |
Update header.html
|
-
Property mode
set to
100644
|
File size:
1.3 KB
|
Line | |
---|
1 | <!DOCTYPE html>
|
---|
2 | <html lang="en">
|
---|
3 | <head>
|
---|
4 | <meta charset="UTF-8">
|
---|
5 | <title>Title</title>
|
---|
6 | </head>
|
---|
7 | <style>
|
---|
8 | @import url("https://fonts.googleapis.com/css?family=Varela+Round");
|
---|
9 | html {
|
---|
10 | box-sizing: border-box;
|
---|
11 | }
|
---|
12 |
|
---|
13 | *,
|
---|
14 | *:before,
|
---|
15 | *:after {
|
---|
16 | box-sizing: inherit;
|
---|
17 | padding: 0;
|
---|
18 | margin: 0;
|
---|
19 | letter-spacing: 1.1px;
|
---|
20 | }
|
---|
21 |
|
---|
22 | body,
|
---|
23 | html {
|
---|
24 | width: 100%;
|
---|
25 | height: 10%;
|
---|
26 | background: #1c1d22;
|
---|
27 | font-family: "Varela Round", sans-serif;
|
---|
28 | }
|
---|
29 |
|
---|
30 | .menu {
|
---|
31 | display: flex;
|
---|
32 | justify-content: start;
|
---|
33 | align-items: start;
|
---|
34 | margin: 20px auto;
|
---|
35 | /*height: 100vh;*/
|
---|
36 | list-style: none;
|
---|
37 | }
|
---|
38 |
|
---|
39 | .menu li {
|
---|
40 | width: 125px;
|
---|
41 | height: 50px;
|
---|
42 | transition: background-position-x 0.9s linear;
|
---|
43 | text-align: center;
|
---|
44 |
|
---|
45 | }
|
---|
46 | .menu li a {
|
---|
47 | font-size: 22px;
|
---|
48 | color: #777;
|
---|
49 | text-decoration: none;
|
---|
50 | transition: all 0.45s;
|
---|
51 | }
|
---|
52 |
|
---|
53 |
|
---|
54 | </style>
|
---|
55 | <body>
|
---|
56 | <nav>
|
---|
57 | <ul class="menu">
|
---|
58 | <li><a href="#!">MovieZone</a></li>
|
---|
59 | <li><a href="#!">Филмови</a></li>
|
---|
60 | <li><a href="#!">Програма</a></li>
|
---|
61 | <li><a href="#!">Настани</a></li>
|
---|
62 | <li><a href="#!">Faq</a></li>
|
---|
63 | </ul>
|
---|
64 | </nav>
|
---|
65 | </body>
|
---|
66 | </html> |
---|
Note:
See
TracBrowser
for help on using the repository browser.