source: src/main/resources/templates/addNewStudent.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.4 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<header>
192 <div class="container">
193 <h3 class="logo"></h3>
194
195 <nav>
196 <ul>
197 <li><a href="/teachers/allClasses" style="font-weight: bold">РАСПОРЕД</a></li>
198 <li><a href="/teachers/allSubjects" style="font-weight: bold">ПРЕДМЕТИ</a></li>
199 <li><a href="/teachers/allStudents" style="font-weight: bold">УЧЕНИЦИ</a></li>
200 <li><a href="/teachers/profile" style="font-weight: bold">ПРОФИЛ</a></li>
201 <li><a href="/logout" style="font-weight: bold">ОДЈАВИ СЕ</a></li>
202 </ul>
203 </nav>
204 </div>
205</header>
206
207<div class="container">
208<section>
209 <form th:method="post" th:action="@{/teachers/addStudent}">
210 <input id='email' type='text' name='email' placeholder="E-MAIL НА УЧЕНИКОТ"/><br/>
211 <input id='price' type='text' name='price' placeholder="ЦЕНА ПО ЧАС"/><br/>
212 <input id='numClasses' type='text' name='numClasses' placeholder="БРОЈ НА ДОГОВОРЕНИ ЧАСОВИ"/><br/>
213 <input type='submit' value='Submit' />
214 </form>
215</section>
216
217</div>
218
219</body>
220</html>
Note: See TracBrowser for help on using the repository browser.