source: src/main/resources/templates/home.html@ 0e4d807

Last change on this file since 0e4d807 was 0e4d807, checked in by Ivona <ivonatapshanovska@…>, 10 months ago

Initial commit
  • Property mode set to 100644
File size: 7.6 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns:sec="http://www.w3.org/1999/xhtml">
3<head>
4 <meta charset="UTF-8">
5 <title>LaggerNet</title>
6 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
7 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
8 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
9 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
10</head>
11
12<body>
13<header xmlns:th="http://www.thymeleaf.org">
14 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
15 <div class="container">
16 <a class="navbar-brand" href="/">LaggerNet</a>
17 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
18 aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
19 <span class="navbar-toggler-icon"></span>
20 </button>
21
22 <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
23 <ul class="navbar-nav m-auto">
24 <li class="nav-item m-auto">
25 <a class="nav-link active" href="/home">Дома</a>
26 </li>
27 <li class="nav-item m-auto" >
28 <a class="nav-link active" href="/proizvodi">Продукти</a>
29 </li>
30 <li class="nav-item m-auto" >
31 <a class="nav-link active" href="/korisnici">Корисници</a>
32 </li>
33 </ul>
34
35
36
37 <ul class="nav navbar-nav navbar-right">
38 <li style="color: black; padding-left: 5px;" class="nav-item" th:if="${session.korisnik != null}"
39 th:text="${'Welcome, ' + session.korisnik }">
40 <a class="nav-link" href="#">
41
42 </a>
43 </li>
44
45 <li class="nav-item" th:if="${session.korisnik == null}">
46 <a class="btn btn-light btn-sm ml-3" href="/login">
47 <i class="fa fa-shopping-cart"></i> Login
48 </a>
49 </li>
50 <li class="nav-item" th:if="${session.korisnik == null}">
51 <a class="btn btn-light btn-sm ml-3" href="/register">
52 <i class="fa fa-shopping-cart"></i> Регистрирај се
53 </a>
54 </li>
55 <li class="nav-item">
56 <a class="btn btn-light btn-sm ml-3" href="/logout">
57 <i class="fa fa-shopping-cart"></i> Logout
58 </a>
59 </li>
60 </ul>
61 </div>
62 </div>
63 </nav>
64</header>
65
66<section class="jumbotron text-center" xmlns:th="http://www.thymeleaf.org">
67 <div class="container">
68 <h1 class="jumbotron-heading">LaggerNet</h1>
69 </div>
70</section>
71
72
73
74<footer class="text-black-50 mt-xl-5" xmlns:th="http://www.thymeleaf.org">
75 <div class="container">
76 <div class="row">
77 <div class="col-md-3 col-lg-4 col-xl-3">
78 <h5>За нас</h5>
79 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
80 <p class="mb-0">
81 Компанијата LaggerNet постои од 2001 година и е тука за да ви овозможи да го најдете производот што ви треба за најдобрата цена!
82 </p>
83 </div>
84
85 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
86 <h5>Информации</h5>
87 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
88 <ul class="list-unstyled">
89 <li><a href="">Link 1</a></li>
90 <li><a href="">Link 2</a></li>
91 <li><a href="">Link 3</a></li>
92 <li><a href="">Link 4</a></li>
93 </ul>
94 </div>
95
96 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
97 <h5>Други линкови</h5>
98 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
99 <ul class="list-unstyled">
100 <li><a href="">Link 1</a></li>
101 <li><a href="">Link 2</a></li>
102 <li><a href="">Link 3</a></li>
103 <li><a href="">Link 4</a></li>
104 </ul>
105 </div>
106
107 <div class="col-md-4 col-lg-3 col-xl-3">
108 <h5>Контакт</h5>
109 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
110 <ul class="list-unstyled">
111 <li><i class="fa fa-home mr-2"></i>За дополнителни информации можете да ни се обратите на следната е-пошта или телефонските броеви оставени подолу. </li>
112 <li><i class="fa fa-envelope mr-2" ></i> <b>laggernet@yahoo.com</b></li>
113 <li><i class="fa fa-phone mr-2"></i><b> +389 323 200</b></li>
114 <li><i class="fa fa-print mr-2"></i> <b>+389 775 632</b></li>
115 </ul>
116 </div>
117 </div>
118 </div>
119</footer>
120</body>
121</html>
122<style>
123 body {
124 background-color: #f2f2f2;
125 }
126
127 .navbar {
128 border-radius: 0;
129 }
130
131 .navbar-brand {
132 font-family: 'Montserrat', sans-serif;
133 font-size: 2rem;
134 font-weight: bold;
135 color: #fff;
136 }
137
138 .nav-link {
139 font-size: 1.2rem;
140 color: #fff !important;
141 text-transform: uppercase;
142 font-weight: bold;
143 margin-right: 1.5rem;
144 }
145
146 .nav-link:hover {
147 color: #00a6ff !important;
148 }
149
150 .jumbotron-heading {
151 font-size: 4rem;
152 color: #3a3c3d;
153 font-weight: bold;
154 text-shadow: 2px 2px #226781;
155 margin-top: 3rem;
156 }
157
158 .btn {
159 border-radius: 20px;
160 font-weight: bold;
161 text-transform: uppercase;
162 }
163
164 .btn-light {
165 background-color: #fff;
166 color: #000;
167 border: none;
168 }
169
170 .btn-light:hover {
171 background-color: #c2c2c5;
172 color: #fff;
173 }
174
175 footer {
176 background-color: #4f535d;
177 color: #fff;
178 padding: 4rem 0;
179 margin-top: 3rem;
180 }
181
182 h5 {
183 font-size: 1.5rem;
184 text-transform: uppercase;
185 font-weight: bold;
186 margin-bottom: 1.5rem;
187 }
188
189 p {
190 font-size: 1.2rem;
191 margin-bottom: 2rem;
192 }
193
194 hr.bg-white {
195 border-color: #fff;
196 }
197
198 @media (max-width: 991.98px) {
199 .navbar-nav.m-auto {
200 margin-top: 1.5rem;
201 display: flex;
202 flex-direction: column;
203 align-items: center;
204 }
205
206 .nav-link {
207 margin-right: 0;
208 margin-bottom: 1.5rem;
209 }
210
211 .jumbotron-heading {
212 font-size: 3.5rem;
213 }
214 }
215</style>
Note: See TracBrowser for help on using the repository browser.