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

Last change on this file was b3f2adb, checked in by Aleksandar Siljanoski <acewow3@…>, 14 months ago

Adding project to repo

  • Property mode set to 100644
File size: 4.0 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
7
8 <style>
9
10 .width1 {
11 width: 27rem;
12 background: #f3f3f3;
13 border-radius: 7px;
14 padding: 1rem;
15 margin-top: 5vh;
16 }
17
18 body {
19 background-color: rgb(24, 25, 26);
20 color: white;
21 min-height: 100vh;
22 display: flex;
23 flex-direction: column;
24 }
25
26 a {
27 text-decoration: none;
28 }
29
30 footer {
31 margin-top: auto;
32 padding: 15px 0;
33 color: white;
34 background: #262626;
35 }
36
37 footer li {
38 float: left;
39 padding: 0 10px;
40 list-style: none;
41 }
42
43 footer a {
44 color: white;
45 }
46
47 footer p {
48 float: right;
49 }
50
51 .linkovi {
52 text-decoration: none;
53 color: white;
54 padding: 0 10px;
55 }
56
57 .lists {
58 list-style-type: none;
59 }
60
61 .bttns {
62 color: white;
63 }
64
65 </style>
66
67</head>
68<body>
69
70<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
71 <div class="container-fluid">
72 <a class="navbar-brand" href="/">Eaty's</a>
73 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
74 <span class="navbar-toggler-icon"></span>
75 </button>
76 <div class="collapse navbar-collapse" id="mynavbar">
77 <ul class="navbar-nav me-auto">
78 <li class="nav-item">
79 <a class="nav-link" href="/menija">Менија</a>
80 </li>
81 <li class="nav-item">
82 <a class="nav-link" href="/obroci">Оброци</a>
83 </li>
84 </ul>
85 <form class="d-flex">
86 <li class="lists"><a class="linkovi" href="/register">Регистрација</a></li>
87 </form>
88 </div>
89 </div>
90</nav>
91
92
93<div xmlns:th="http://www.thymeleaf.org">
94 <div class="d-flex text-center container justify-content-center">
95 <div class="width1 bg-dark">
96
97 <form class="form-signin custom-inline" method="post" action="/login">
98 <h2 class="form-signin-heading align-self-top">Логин</h2>
99 <br>
100 <p>
101 <label for="username" class="sr-only">Корисничко име:</label>
102 <br>
103 <input type="text" id="username" name="username" class="form-control" placeholder="Username" required=""
104 autofocus="">
105 </p>
106 <p>
107 <label for="password" class="sr-only">Лозинка:</label>
108 <br>
109
110 <input type="password" id="password" name="password" class="form-control" placeholder="Password"
111 required="">
112 </p>
113
114 <div th:text="${param.error}" class="text-danger"></div>
115 <button id="submit" class="btn bttns" type="submit">Потврда</button>
116 </form>
117 <a href="/register" class="btn bttns">Регистрирајте нов профил</a>
118 </div>
119 </div>
120</div>
121
122<footer>
123 <div class="container">
124 <div class="row">
125 <div class="col-md-12">
126 <ul>
127 <li><a href="/">За Нас</a></li>
128 <li><a href="/">ЧПП</a></li>
129 <li><a href="/">Контакт</a></li>
130 <li><a href="/"></a></li>
131 <p>&copy; Сите права задржани. <a href="/">Eaty's Скопје</a></p>
132 </ul>
133 </div>
134 </div>
135 </div>
136</footer>
137
138</body>
139</html>
Note: See TracBrowser for help on using the repository browser.