source: src/main/resources/templates/addNewClass.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: 5.3 KB
RevLine 
[d3cf3a1]1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Додади нов час</title>
6
7 <style>
8 @import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
9 @import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@600&display=swap');
10
11 body {
12 margin: 0;
13 background: whitesmoke;
14 font-family: 'Cormorant Unicase', serif;
15 font-weight: 800;
16 }
17
18 .container {
19 width: 80%;
20 margin: 0 auto;
21 }
22
23 header {
24 background: whitesmoke;
25 }
26
27 header::after {
28 content: '';
29 display: table;
30 clear: both;
31 }
32
33 .logo {
34 float: left;
35 padding: 10px 0;
36 }
37
38 nav {
39 float: right;
40 }
41
42 nav ul {
43 margin: 0;
44 padding: 0;
45 list-style: none;
46 }
47
48 nav li {
49 display: inline-block;
50 margin-left: 70px;
51 padding-top: 23px;
52
53 position: relative;
54 }
55
56 nav a {
57 color: #444;
58 text-decoration: none;
59 text-transform: uppercase;
60 font-size: 14px;
61 }
62
63 nav a:hover {
64 color: #000;
65 }
66
67 nav a::before {
68 content: '';
69 display: block;
70 height: 5px;
71 background-color: #444;
72
73 position: absolute;
74 top: 0;
75 width: 0%;
76
77 transition: all ease-in-out 250ms;
78 }
79
80 nav a:hover::before {
81 width: 100%;
82 }
83
84 .Accordion + .Accordion {
85 margin-top: 1em;
86 }
87
88 .Accordion input[type="radio"],
89 .Accordion input[type="checkbox"] {
90 display: none;
91 }
92
93 .Accordion input:checked + .Accordion-subElements > .Accordion-subElement {
94 height: 2em;
95 -webkit-transform: scale(1);
96 transform: scale(1);
97 }
98
99 .Accordion-item label {
100 display: block;
101 padding: 1em;
102 background-color: lightsteelblue;
103 color: black;
104 font-weight: bold;
105 cursor: pointer;
106 }
107
108 .Accordion-item label:hover {
109 background-color: cornflowerblue;
110 }
111
112 button {
113 display: inline-block;
114 border-radius: 4px;
115 background-color: black;
116 border: none;
117 color: snow;
118 text-align: center;
119 font-size: 18px;
120 padding: 10px;
121 width: 100px;
122 transition: all 0.5s;
123 cursor: pointer;
124 margin: 5px;
125
126
127 }
128
129 input[type=submit], input[type=reset],input[type=password],input[type=number] {
130 background-color: snow;
131 border: none;
132 color: black;
133 padding: 16px 32px;
134 text-decoration: none;
135 margin: 4px 2px;
136 cursor: pointer;
137 }
138 footer {
139 text-align: center;
140 padding: 3px;
141 color: white;
142 }
143 *{
144 background-color: whitesmoke;
145 font-family: 'Cormorant Unicase', serif;
146 }
147 a:link, a:visited {
148 color: black;
149 text-align: center;
150 text-decoration: none;
151 display: inline-block;
152 }
153
154
155 #search{
156 background-color: whitesmoke;
157 border-style: solid;
158 border-width: thin;
159 border-color: black;
160 color: black;
161 padding: 12px 20px;
162 text-decoration: none;
163 margin: 8px 0;
164
165 cursor: pointer;
166 }
167
168 input[type=text],input[type=password],input[type=number]{
169 width: 60%;
170 padding: 12px 20px;
171 margin: 8px 0;
172 box-sizing: border-box;
173 }
174 input[type=text]:focus,input[type=password]:focus,input[type=number]{
175 background-color: snow;
176 }
177
178
179 .Accordion-subElement a {
180 display: block;
181 padding-left: 2em;
182 color: inherit;
183 text-decoration: none;
184 }
185
186
187 </style>
188</head>
189<body>
190
191<form method="POST" th:action="@{'/teachers/addClass'}">
192
193<!-- <div>-->
194<!-- <label for="email">Email на ученик</label>-->
195<!-- <input type="text"-->
196<!-- id="email"-->
197<!-- name="email"-->
198<!-- th:value="${students?.email}"-->
199<!-- required>-->
200<!-- </div>-->
201
202 <div>
203 <label for="date">Дата на почеток</label>
204 <input type="datetime-local"
205 id="date"
206 name="date"
207 th:value="${classes?.vreme_pocetok}"
208 required>
209 </div>
210
211 <div>
212 <label for="desc">Опис</label>
213 <input type="text"
214 id="desc"
215 name="desc"
216 th:value="${classes?.opis}"
217 required>
218 </div>
219
220 <div>
221 <label for="ime">Име на предмет</label>
222 <input type="text"
223 id="ime"
224 name="ime"
225 th:value="${predmet?.ime}"
226 required>
227 </div>
228
229 <button id="submit" type="submit">Додади</button>
230
231</form>
232
233
234</body>
235</html>
Note: See TracBrowser for help on using the repository browser.