source: src/main/resources/templates/register.html@ d3cf3a1

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

Initial commit

  • Property mode set to 100644
File size: 5.7 KB
RevLine 
[d3cf3a1]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/register.png" class="img-fluid" alt="register image"/>
50 </div>
51 <div class="col-lg-7 px-5 pt-5">
52 <h1 class="font-weight-bold py3">Регистирај се</h1>
53 <form th:method="post" th:action="@{'/register/registrirajSe'}">
54 <div class="form-row">
55 <div class="col-lg-7">
56 <input type="text" id="ime" name="ime" placeholder="ИМЕ" class="form-control my-3 p-2"
57 required="" autofocus="">
58 </div>
59 </div>
60 <div class="form-row">
61 <div class="col-lg-7">
62 <input type="text" id="prezime" name="prezime" placeholder="ПРЕЗИМЕ"
63 class="form-control my-3 p-2" required="" autofocus="">
64 </div>
65 </div>
66 <div class="form-row">
67 <div class="col-lg-7">
68 <input type="text" id="email" name="email" placeholder="E-MAIL"
69 class="form-control my-3 p-2" required="" autofocus="">
70 </div>
71 </div>
72 <div class="form-row">
73 <div class="col-lg-7">
74 <input type="password" id="password" name="password" placeholder="PASSWORD"
75 class="form-control my-3 p-2" required="" autofocus="">
76 </div>
77 </div>
78 <div class="form-row">
79 <div class="col-lg-7">
80 <input type="password" id="repeatPassword" name="repeatPassword"
81 placeholder="REPEAT PASSWORD" class="form-control my-3 p-2" required="" autofocus="">
82 </div>
83 </div>
84 <div class="form-row">
85 <div class="col-lg-7">
86 <label style=" color: #1C294E;">Изберете една опција*</label>
87 <br>
88 <input type="radio" name="role" th:value="ROLE_NASTAVNIK" th:text="Наставник">
89 <input type="radio" name="role" th:value="ROLE_UCENIK" th:text="Ученик">
90 </div>
91 </div>
92 <div class="form-row">
93 <div class="col-lg-7">
94 <input type="number" id="telBroj" name="telBroj" placeholder="ТЕЛЕФОНСКИ БРОЈ"
95 class="form-control my-3 p-2" required="" autofocus="">
96 </div>
97 </div>
98 <div class="form-row">
99 <div class="col-lg-7">
100 <input type="text" maxlength="500" id="opis" name="opis" placeholder="ОПИС"
101 class="form-control my-3 p-2" required="" autofocus="">
102 </div>
103 </div>
104 <div class="form-row">
105 <div class="col-lg-7">
106 <div>
107 <button id="submit" class="btn1 mt-t mb-4" type="submit">Регистрирај се</button>
108 </div>
109 </div>
110 </div>
111
112 <p id="login">Веќе си член?
113 <a href="/login" style="font-weight: bold; color: #1C294E;"> Најави се тука!</a></p>
114 <div style="height: 25px;">
115 <div style="text-align: center;" th:if="${hasErrors!=null}" th:text="${errors}"
116 class="text-danger"></div>
117 </div>
118 </form>
119 </div>
120 </div>
121 </div>
122 <div style="height: 30px;"></div>
123
124
125</section>
126<img src="/img/wave-1.png" alt="Wave" class="bottom-img" style="position: relative; bottom: -60px;">
127</body>
128</html>
Note: See TracBrowser for help on using the repository browser.