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

Last change on this file was ed20c2c, checked in by HumaSejdini <humasejdini12@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 5.4 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>TheBookSpot</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="/">TheBookSpot</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="/books">Books</a>
29 </li>
30 <li class="nav-item m-auto" >
31 <a class="nav-link active" href="/members">View Memebers</a>
32 </li>
33 <li class="nav-item m-auto" >
34 <a class="nav-link active" href="/borrow">Borrowed books</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.getIme() + ' ' + ' ' + session.user.getPrezime()}">
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">TheBookSpot</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 Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant
79 impression.
80 </p>
81 </div>
82
83 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
84 <h5>Informations</h5>
85 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
86 <ul class="list-unstyled">
87 <li><a href="">Link 1</a></li>
88 <li><a href="">Link 2</a></li>
89 <li><a href="">Link 3</a></li>
90 <li><a href="">Link 4</a></li>
91 </ul>
92 </div>
93
94 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
95 <h5>Others links</h5>
96 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
97 <ul class="list-unstyled">
98 <li><a href="">Link 1</a></li>
99 <li><a href="">Link 2</a></li>
100 <li><a href="">Link 3</a></li>
101 <li><a href="">Link 4</a></li>
102 </ul>
103 </div>
104
105 <div class="col-md-4 col-lg-3 col-xl-3">
106 <h5>Contact</h5>
107 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
108 <ul class="list-unstyled">
109 <li><i class="fa fa-home mr-2"></i> My company</li>
110 <li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
111 <li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
112 <li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
113 </ul>
114 </div>
115 </div>
116 </div>
117</footer>
118</body>
119</html>
Note: See TracBrowser for help on using the repository browser.