source: src/main/resources/templates/dodadiForma.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: 7.5 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
7 <link rel="stylesheet" href="css/style.css">
8 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
9 rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
10 crossorigin="anonymous">
11 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
12 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
13 integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
14 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
15
16 <style>
17 body
18 {
19 background: rgb(219,226,226);
20 }
21 .form-control
22 {
23 size: 10px;
24 }
25 .btn1
26 {
27 border: none;
28 outline: none;
29 height: 50px;
30 width: 100%;
31 background: linear-gradient(to right, #93A3CE, #1C294E);
32 color: white;
33 border-radius: 4px;
34 font-weight: bold;
35 margin-top: 20px;
36 margin-bottom: 20px;
37 }
38 .btn1:hover
39 {
40 background: linear-gradient(to right, white, #93A3CE );
41 border: 1px #1C294E;
42 color: #1C294E;
43 }
44
45
46
47 </style>
48
49</head>
50<body>
51<div style="height: 80px;"></div>
52<div>
53 <h1 style="text-align: center;color: #1C294E;">Додадете предмет кој го нема во листата на понудени предмети</h1>
54</div>
55<div class="container" xmlns:th="http://www.thymeleaf.org">
56 <form class="form-signin mt-xl-5" method="POST" th:action="@{'/home/chooseSubject'}">
57 <div class="row">
58 <div class="col-md-6 offset-md-3">
59 <input type="text" id="ime" name="ime"
60 th:value="${chooseSubject?.ime}" placeholder="Име на предметот" required class="form-control">
61 </div>
62 </div>
63 <div class="row">
64 <div class="col-md-6 offset-md-3">
65 <div>
66 <div th:if="${haserror!=null}" th:text="${error}" class="text-danger"></div>
67 </div>
68 <button id="submit" class="btn1" type="submit" >Submit
69 </button>
70 </div>
71 </div>
72 </form>
73 <div class="row">
74 <div class="col-md-6 offset-md-3 text-center">
75 <p id="back"> <a href="/home/chooseSubject" style="font-weight: bold;text-decoration: none;font-size: medium;
76 color: #1C294E;">
77 Назад кон листата со предмети</a></p>
78 </div>
79 </div>
80</div>
81<footer style="height: 50px;"></footer>
82</body>
83</html>
84
85
86<!--<!DOCTYPE html>-->
87<!--<html lang="en">-->
88<!--<head>-->
89<!-- <meta charset="UTF-8">-->
90<!-- <title>Title</title>-->
91<!--</head>-->
92<!--<body>-->
93
94
95<!--<form method="POST" th:action="@{'/home/chooseSubject'}">-->
96
97<!-- <div>-->
98<!-- <label for="ime">Ime</label>-->
99<!-- <input type="text"-->
100<!-- id="ime"-->
101<!-- name="ime"-->
102<!-- th:value="${chooseSubject?.ime}"-->
103<!-- required>-->
104<!-- </div>-->
105
106<!--&lt;!&ndash; <div>&ndash;&gt;-->
107<!--&lt;!&ndash; <label>admin</label><br/>&ndash;&gt;-->
108<!--&lt;!&ndash; <select id="adminList" name="adminList" >&ndash;&gt;-->
109<!--&lt;!&ndash; &lt;!&ndash; For each category you should have one <option> like below &ndash;&gt;&ndash;&gt;-->
110<!--&lt;!&ndash; <option th:each="a: ${adminList}" th:value="${a.id}" th:text="${a.ime}" name="idAdmin"> [a.ime]</option>&ndash;&gt;-->
111<!--&lt;!&ndash; </select>&ndash;&gt;-->
112<!--&lt;!&ndash; </div>&ndash;&gt;-->
113
114<!-- <button id="submit" type="submit">Додај го предметот</button>-->
115<!-- <a id="back" href="/home/chooseSubject" type="button">Назад кон предмети</a>-->
116<!--</form>-->
117
118<!--</body>-->
119<!--</html>-->
120
121
122<!--...-->
123
124
125<!--<style type="text/css">-->
126<!-- @import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');-->
127<!-- @import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@600&display=swap');-->
128
129<!-- body {-->
130<!-- width: 800px;-->
131<!-- margin: auto;-->
132<!-- }-->
133
134<!-- table {-->
135<!-- width: 100%;-->
136<!-- }-->
137
138<!-- table, td, th {-->
139<!-- border: 1px solid black;-->
140<!-- padding: 3px 2px;-->
141<!-- }-->
142
143<!-- section {-->
144<!-- float: left;-->
145<!-- margin: 0 1.5%;-->
146<!-- width: 63%;-->
147<!-- }-->
148
149<!-- aside {-->
150<!-- float: right;-->
151<!-- margin: 0 1.5%;-->
152<!-- width: 30%;-->
153<!-- }-->
154
155<!-- button {-->
156<!-- display: inline-block;-->
157<!-- border-radius: 4px;-->
158<!-- background-color: black;-->
159<!-- border: none;-->
160<!-- color: snow;-->
161<!-- text-align: center;-->
162<!-- font-size: 18px;-->
163<!-- padding: 10px;-->
164<!-- width: 300px;-->
165<!-- transition: all 0.5s;-->
166<!-- cursor: pointer;-->
167<!-- margin: 5px;-->
168
169
170<!-- }-->
171
172<!-- button span {-->
173<!-- cursor: pointer;-->
174<!-- display: inline-block;-->
175<!-- position: relative;-->
176<!-- transition: 0.5s;-->
177<!-- }-->
178
179<!-- button span:after {-->
180<!-- content: '\00bb';-->
181<!-- position: absolute;-->
182<!-- opacity: 0;-->
183<!-- top: 0;-->
184<!-- right: -20px;-->
185<!-- transition: 0.5s;-->
186<!-- }-->
187
188<!-- button:hover span {-->
189<!-- padding-right: 25px;-->
190<!-- }-->
191
192<!-- button:hover span:after {-->
193<!-- opacity: 1;-->
194<!-- right: 0;-->
195<!-- }-->
196
197<!-- input[type=button], input[type=submit], input[type=reset], input[type=password] {-->
198<!-- background-color: snow;-->
199<!-- border: none;-->
200<!-- color: black;-->
201<!-- padding: 16px 32px;-->
202<!-- text-decoration: none;-->
203<!-- margin: 4px 2px;-->
204<!-- cursor: pointer;-->
205<!-- }-->
206
207<!-- * {-->
208<!-- background-color: whitesmoke;-->
209<!-- font-family: 'Cormorant Unicase', serif;-->
210<!-- }-->
211
212<!-- a:link, a:visited {-->
213<!-- color: black;-->
214<!-- text-align: center;-->
215<!-- text-decoration: none;-->
216<!-- display: inline-block;-->
217<!-- }-->
218
219<!-- a:hover, a:active {-->
220<!-- background-color: snow;-->
221<!-- }-->
222
223<!-- input[type=text], input[type=password] {-->
224<!-- width: 60%;-->
225<!-- padding: 12px 20px;-->
226<!-- margin: 8px 0;-->
227<!-- box-sizing: border-box;-->
228<!-- }-->
229
230<!-- input[type=text]:focus, input[type=password]:focus {-->
231<!-- background-color: snow;-->
232<!-- }-->
233
234<!-- li {-->
235<!-- position: relative;-->
236<!-- left: -33px;-->
237<!-- }-->
238
239<!-- #search {-->
240<!-- background-color: whitesmoke;-->
241<!-- border-style: solid;-->
242<!-- border-color: snow;-->
243<!-- color: black;-->
244<!-- padding: 12px 20px;-->
245<!-- text-decoration: none;-->
246<!-- margin: 8px 0;-->
247<!-- cursor: pointer;-->
248<!-- }-->
249
250<!-- #navbar li {-->
251<!-- display: inline-block;-->
252<!-- }-->
253
254<!-- .container {-->
255<!-- margin: 25px;-->
256<!-- position: relative;-->
257<!-- right: -150px;-->
258<!-- height: 200px;-->
259<!-- }-->
260<!--</style>-->
Note: See TracBrowser for help on using the repository browser.