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

Last change on this file was d3cf3a1, checked in by Marija Micevska <marija_micevska@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 3.6 KB
Line 
1<!DOCTYPE html >
2<html lang="en" xmlns:th="http://www.thymeleaf.org">
3<head>
4 <meta charset="UTF-8">
5 <title>EDUCATUM - НАЈАВА</title>
6 <link rel="stylesheet" href="/css/style.css">
7 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
8 rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
9 crossorigin="anonymous">
10 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
11 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
12 integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
13 crossorigin="anonymous"></script>
14 <link rel="stylesheet"
15 href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
16
17 <style>
18 * {
19 box-sizing: border-box;
20 }
21
22 body {
23 background: linear-gradient(to right, #93A3CE, #1C294E);
24 color: #000029;
25 /*background: rgb(219, 226, 226);*/
26 }
27
28 .no-gutters {
29 background: floralwhite;
30 border-radius: 5px;
31 box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
32 }
33 img {
34 width:100%;
35 height:100%;
36 object-fit: fill;
37 position: relative;
38 bottom: -30px;
39 }
40 </style>
41
42</head>
43<body>
44
45<section class="Form my-4 mx-5">
46 <div class="container">
47 <div class="row no-gutters">
48 <div class="col-lg-5">
49 <img src="/img/loginBook.png" class="img-fluid" alt="login image"/>
50 </div>
51 <div class="col-lg-7 px-5 pt-5">
52 <h1 class="font-weight-bold py3">Најави се</h1>
53
54 <form method="post" action="/login">
55 <div class="form-row">
56 <div class="col-lg-7">
57 <input type="text" id="username" name="username" class="form-control my-3 p-2"
58 placeholder="Email" required=""
59 autofocus="">
60 </div>
61 </div>
62 <div class="form-row">
63 <div class="col-lg-7">
64 <input type="password" id="password" name="password" class="form-control my-3 p-2"
65 placeholder="Password" required=""
66 autofocus="">
67 </div>
68 </div>
69 <div class="form-row">
70 <div class="col-lg-7">
71 <div>
72 <div th:if="${haserror!=null}" th:text="${error}" class="text-danger"></div>
73 <button id="submit" class="btn1 mt-t mb-4" type="submit">Најави се</button>
74 </div>
75 </div>
76 </div>
77 <p id="register"> Нов корисник? <a href="/register" style="font-weight: bold; color: #1C294E;">
78 Регистрирај се</a></p>
79 <p><a href="/login/forgotPassword" style="font-weight: bold; color: #1C294E;">Заборавена лозинка?</a></p>
80 </form>
81 </div>
82 </div>
83 <div style="height: 30px;"></div>
84 </div>
85
86</section>
87<img src="/img/wave-1.png" alt="Wave" class="bottom-img" style="position: relative; bottom: -60px;">
88</body>
89</html>
Note: See TracBrowser for help on using the repository browser.