source: source/src/main/resources/templates/home.html

Last change on this file was bc0eeb4, checked in by Evgenija2000 <eva_nikolaevska@…>, 2 years ago

all files

  • Property mode set to 100644
File size: 5.3 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>ShopAHolic</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="/">ShopAHolic</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">Home</a>
26 </li>
27 <li class="nav-item m-auto" >
28 <a class="nav-link active" href="/onlinestores">Shops</a>
29 </li>
30 <li class="nav-item m-auto" >
31 <a class="nav-link active" href="/products">Products</a>
32 </li>
33 <li class="nav-item m-auto" >
34 <a class="nav-link active" href="/users">Users</a>
35 </li>
36 </ul>
37
38
39
40 <ul class="nav navbar-nav navbar-right">
41 <li style="color: white; padding-left: 5px;" class="nav-item" th:if="${session.user != null}"
42 th:text="${'Welcome, ' + session.user.getUserName() + ' ' + ' ' + session.user.getSurname()}">
43 <a class="nav-link" href="#">
44
45 </a>
46 </li>
47
48 <li class="nav-item" th:if="${session.user == null}">
49 <a class="btn btn-light btn-sm ml-3" href="/login">
50 <i class="fa fa-shopping-cart"></i> Login
51 </a>
52 </li>
53 <li class="nav-item">
54 <a class="btn btn-light btn-sm ml-3" href="/logout">
55 <i class="fa fa-shopping-cart"></i> Logout
56 </a>
57 </li>
58 </ul>
59 </div>
60 </div>
61 </nav>
62</header>
63
64<section class="jumbotron text-center" xmlns:th="http://www.thymeleaf.org">
65 <div class="container">
66 <h1 class="jumbotron-heading">ShopAHolic</h1>
67 </div>
68</section>
69
70
71<footer class="text-black-50 mt-xl-5" xmlns:th="http://www.thymeleaf.org">
72 <div class="container">
73 <div class="row">
74 <div class="col-md-3 col-lg-4 col-xl-3">
75 <h5>About</h5>
76 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
77 <p class="mb-0">
78 Se najubavo
79 </p>
80 </div>
81
82 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
83 <h5>Informations</h5>
84 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
85 <ul class="list-unstyled">
86 <li><a href="">Link 1</a></li>
87 <li><a href="">Link 2</a></li>
88 <li><a href="">Link 3</a></li>
89 <li><a href="">Link 4</a></li>
90 </ul>
91 </div>
92
93 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
94 <h5>Others links</h5>
95 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
96 <ul class="list-unstyled">
97 <li><a href="">Link 1</a></li>
98 <li><a href="">Link 2</a></li>
99 <li><a href="">Link 3</a></li>
100 <li><a href="">Link 4</a></li>
101 </ul>
102 </div>
103
104 <div class="col-md-4 col-lg-3 col-xl-3">
105 <h5>Contact</h5>
106 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
107 <ul class="list-unstyled">
108 <li><i class="fa fa-home mr-2"></i> My company</li>
109 <li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
110 <li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
111 <li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
112 </ul>
113 </div>
114 </div>
115 </div>
116</footer>
117</body>
118</html>
Note: See TracBrowser for help on using the repository browser.