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

Last change on this file since b5ce654 was a69d48c, checked in by milamihajlovska <mila.mihajlovska01@…>, 22 months ago

changes in some htmls

  • Property mode set to 100644
File size: 2.0 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>
[a69d48c]64 <li class="begin"><a href="/films">Филмови</a></li>
65 <li class="begin"><a href="/projections">Програма</a></li>
66 <li class="begin"><a href="/events">Настани</a></li>
67<!-- <li class="begin"><a href="#!">Faq</a></li>-->
68 <li class="begin"><a href="/myTickets">Мои Карти</a></li>
69 <li class="begin"><a href="/workers">Вработени</a></li>
70 <li class="begin"><a href="/addProjection">Нова Проекција</a></li>
71 <li class="begin"><a href="/addFilm">Нов Филм</a></li>
72 <li class="begin"><a href="/addEvent">Нов Настан</a></li>
73
[ade54f6]74 </ul>
75 <ul class="menu-right">
[f9cc555]76 <li class="reg"><a href="/login">Најава</a></li>
77 <li class="reg"><a href="/register">Регистрација</a></li>
[4ee640e]78 </ul>
[eb5426c]79</nav></div>
[ac25203]80</body>
81</html>
Note: See TracBrowser for help on using the repository browser.