|
Last change
on this file since 533c366 was ade54f6, checked in by DenicaKj <dkorvezir@…>, 22 months ago |
|
Update header.html
|
-
Property mode
set to
100644
|
|
File size:
1.6 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 |
|
|---|
| 25 | height: 10%;
|
|---|
| 26 | background: #1c1d22;
|
|---|
| 27 | font-family: "Varela Round", sans-serif;
|
|---|
| 28 | }
|
|---|
| 29 |
|
|---|
| 30 | .menu {
|
|---|
| 31 | width: 100%;
|
|---|
| 32 | display: flex;
|
|---|
| 33 | justify-content: space-between;
|
|---|
| 34 | /*height: 100vh;*/
|
|---|
| 35 |
|
|---|
| 36 | }
|
|---|
| 37 |
|
|---|
| 38 | .menu ul li{
|
|---|
| 39 | width: 150px;
|
|---|
| 40 | height: 50px;
|
|---|
| 41 | transition: background-position-x 0.9s linear;
|
|---|
| 42 | text-align: center;
|
|---|
| 43 | list-style: none;
|
|---|
| 44 | }
|
|---|
| 45 | .menu ul li a {
|
|---|
| 46 | font-size: 22px;
|
|---|
| 47 | color: #777;
|
|---|
| 48 | text-decoration: none;
|
|---|
| 49 | transition: all 0.45s;
|
|---|
| 50 | }
|
|---|
| 51 | .menu-left{
|
|---|
| 52 | display: flex;
|
|---|
| 53 | }
|
|---|
| 54 | .menu-right{
|
|---|
| 55 | display: flex;
|
|---|
| 56 | }
|
|---|
| 57 |
|
|---|
| 58 | </style>
|
|---|
| 59 | <body>
|
|---|
| 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>
|
|---|
| 71 | </ul>
|
|---|
| 72 | </nav>
|
|---|
| 73 | </body>
|
|---|
| 74 | </html> |
|---|
Note:
See
TracBrowser
for help on using the repository browser.
