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

Last change on this file since 0fb69cc was 0fb69cc, checked in by DenicaKj <dkorvezir@…>, 23 months ago

Adding Events To Home Page

  • Property mode set to 100644
File size: 2.0 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<div style="width: 100%">
61<nav class="menu">
62 <ul class="menu-left">
63 <li class="begin"><a href="/home">MovieZone</a></li>
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
74 </ul>
75 <ul class="menu-right">
76 <li class="reg"><a href="/login">Најава</a></li>
77 <li class="reg"><a href="/register">Регистрација</a></li>
78 </ul>
79</nav></div>
80</body>
81</html>
Note: See TracBrowser for help on using the repository browser.