source:
src/main/resources/templates/fragments/header.html@
693f587
Last change on this file since 693f587 was ade54f6, checked in by , 22 months ago | |
---|---|
|
|
File size: 1.6 KB |
Rev | Line | |
---|---|---|
[ac25203] | 1 | <!DOCTYPE html> |
2 | <html lang="en"> | |
3 | <head> | |
4 | <meta charset="UTF-8"> | |
5 | <title>Title</title> | |
6 | </head> | |
[4ee640e] | 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 { | |
[ade54f6] | 24 | |
[4ee640e] | 25 | height: 10%; |
26 | background: #1c1d22; | |
27 | font-family: "Varela Round", sans-serif; | |
28 | } | |
29 | ||
30 | .menu { | |
[ade54f6] | 31 | width: 100%; |
[4ee640e] | 32 | display: flex; |
[ade54f6] | 33 | justify-content: space-between; |
[4ee640e] | 34 | /*height: 100vh;*/ |
[ade54f6] | 35 | |
[4ee640e] | 36 | } |
[ac25203] | 37 | |
[ade54f6] | 38 | .menu ul li{ |
39 | width: 150px; | |
[4ee640e] | 40 | height: 50px; |
41 | transition: background-position-x 0.9s linear; | |
42 | text-align: center; | |
[ade54f6] | 43 | list-style: none; |
[4ee640e] | 44 | } |
[ade54f6] | 45 | .menu ul li a { |
[4ee640e] | 46 | font-size: 22px; |
47 | color: #777; | |
48 | text-decoration: none; | |
49 | transition: all 0.45s; | |
50 | } | |
[ade54f6] | 51 | .menu-left{ |
52 | display: flex; | |
53 | } | |
54 | .menu-right{ | |
55 | display: flex; | |
56 | } | |
[4ee640e] | 57 | |
58 | </style> | |
59 | <body> | |
[ade54f6] | 60 | <nav class="menu"> |
61 | <ul class="menu-left"> | |
62 | <li class="begin"><a href="#!">MovieZone</a></li> | |
63 | <li class="begin"><a href="#!">Филмови</a></li> | |
64 | <li class="begin"><a href="#!">Програма</a></li> | |
65 | <li class="begin"><a href="#!">Настани</a></li> | |
66 | <li class="begin"><a href="#!">Faq</a></li> | |
67 | </ul> | |
68 | <ul class="menu-right"> | |
69 | <li class="reg"><a href="#!">Најава</a></li> | |
70 | <li class="reg"><a href="#!">Регистрација</a></li> | |
[4ee640e] | 71 | </ul> |
72 | </nav> | |
[ac25203] | 73 | </body> |
74 | </html> |
Note:
See TracBrowser
for help on using the repository browser.