source: src/main/resources/templates/fragments/header.html@ f8ef9bd

Last change on this file since f8ef9bd was eb5426c, checked in by DenicaKj <dkorvezir@…>, 22 months ago

Home Page

  • Property mode set to 100644
File size: 1.6 KB
RevLine 
[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>
[eb5426c]60<div style="width: 100%">
[ade54f6]61<nav class="menu">
62 <ul class="menu-left">
63 <li class="begin"><a href="#!">MovieZone</a></li>
64 <li class="begin"><a href="#!">Филмови</a></li>
65 <li class="begin"><a href="#!">Програма</a></li>
66 <li class="begin"><a href="#!">Настани</a></li>
67 <li class="begin"><a href="#!">Faq</a></li>
68 </ul>
69 <ul class="menu-right">
70 <li class="reg"><a href="#!">Најава</a></li>
71 <li class="reg"><a href="#!">Регистрација</a></li>
[4ee640e]72 </ul>
[eb5426c]73</nav></div>
[ac25203]74</body>
75</html>
Note: See TracBrowser for help on using the repository browser.