source: src/main/resources/templates/login_form.html@ 850b344

Last change on this file since 850b344 was 850b344, checked in by Tamara Simikj <tamara.simic12@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 1.9 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Log in</title>
6 <link href="https://bootswatch.com/5/journal/bootstrap.css" rel="stylesheet">
7 <script src="https://bootswatch.com/_assets/css/custom.min.css"></script>
8 <script src="https://bootswatch.com/_vendor/prismjs/themes/prism-okaidia.css" ></script>
9 <script src="https://bootswatch.com/_vendor/font-awesome/css/font-awesome.min.css"></script>
10</head>
11<body>
12<div th:replace="layout.html ::header"></div>
13
14<form class="form-signin mt-xl-5" method="post" th:action="@{/login}">
15 <fieldset style="margin: 5%; ">
16
17 <div class="container justify-content-center bg-light bg-gradient rounded" style="width: 50%; margin:auto;
18 padding: 5%; box-shadow: 5px 10px 8px #888888">
19 <h3 class="text-center">Log in</h3>
20 <div class="form-group">
21 <label for="username" class="sr-only form-label mt-4">Username:</label>
22 <input type="text" id="username" name="username" class="form-control" placeholder="Username" required=""
23 autofocus="">
24 </div>
25
26 <div class="form-group">
27 <label for="password" class=" sr-only form-label mt-4" style="font-weight: bold">Password:</label>
28 <input type="password" class="form-control" id="password" name="password"
29 placeholder="Password" required="">
30 </div>
31 <br>
32
33 <div th:if="${hasError}">
34 <div th:text="${error}" class="text-danger"></div>
35 </div>
36
37 <div class="text-center">
38 <button class="btn btn-primary btn-lg" id="submit" type="submit">Log in</button>
39 <a class="btn btn-link" href="/register" style="display: block">Register here</a>
40 </div>
41 </div>
42 </div>
43 </fieldset>
44</form>
45<div th:replace="layout.html ::footer"></div>
46</body>
47</html>
Note: See TracBrowser for help on using the repository browser.