source:
src/main/resources/templates/fragments/header.html@
a073dad
| Last change on this file since a073dad 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.
