source: src/main/resources/templates/login.html@ 044bd76

Last change on this file since 044bd76 was 763289e, checked in by Gjoko <goko_kostadinov@…>, 2 years ago

Fix security

  • Property mode set to 100644
File size: 3.9 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Login</title>
6
7 <!-- Font Awesome -->
8 <link
9 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
10 rel="stylesheet"
11 />
12 <!-- Google Fonts -->
13 <link
14 href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
15 rel="stylesheet"
16 />
17 <!-- MDB -->
18 <link
19 href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.css"
20 rel="stylesheet"
21 />
22 <link rel="stylesheet" href="css/login.css">
23
24</head>
25<div class="px-4 py-5 px-md-5 text-center text-lg-start" style="background-color: hsl(0, 0%, 96%); height: 100vh;">
26 <div class="container">
27 <div class="row gx-lg-5 align-items-center">
28 <div class="col-lg-6 mb-5 mb-lg-0">
29 <h1 class="my-5 display-3 fw-bold ls-tight">
30 This city's best offers <br/>
31 <span class="text-primary">available to you</span>
32 </h1>
33 <p style="color: hsl(217, 10%, 50.8%)">
34 If you are looking for the best deals for the lowest price,
35 then Schedlr is the platform for you.
36 </p>
37 </div>
38
39 <div class="col-lg-6 mb-5 mb-lg-0">
40 <div class="card">
41 <div class="card-body py-5 px-md-5">
42 <form action="#" th:action="@{/login}" th:object="${stakeholder}" method="post">
43 <!-- Email input -->
44 <div class="form-outline mb-4">
45 <input type="text" id="username" class="form-control" required th:field="*{username}" />
46 <label class="form-label" for="username">Username</label>
47 </div>
48
49 <!-- Password input -->
50 <div class="form-outline mb-4">
51 <input type="password" id="password" class="form-control" th:field="*{password}" />
52 <label class="form-label" for="password">Password</label>
53 </div>
54
55 <!-- Submit button -->
56 <button type="submit" class="btn btn-primary btn-block mb-4">
57 Login
58 </button>
59 </form>
60
61 <div class="text-center">
62 <p>No account? <a href="/register_customer" class="link-primary">Register</a></p>
63 </div>
64 <!-- Register buttons -->
65 <div class="text-center">
66 <p>or register with:</p>
67 <button type="button" class="btn btn-link btn-floating mx-1">
68 <i class="fab fa-facebook-f"></i>
69 </button>
70
71 <button type="button" class="btn btn-link btn-floating mx-1">
72 <i class="fab fa-google"></i>
73 </button>
74
75 <button type="button" class="btn btn-link btn-floating mx-1">
76 <i class="fab fa-twitter"></i>
77 </button>
78
79 <button type="button" class="btn btn-link btn-floating mx-1">
80 <i class="fab fa-github"></i>
81 </button>
82 </div>
83 </div>
84 </div>
85 </div>
86 </div>
87 </div>
88</div>
89<script>
90</script>
91<!-- Jumbotron -->
92<!-- MDB -->
93<script
94 type="text/javascript"
95 src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
96></script>
97</body>
98</html>
Note: See TracBrowser for help on using the repository browser.