source: src/main/resources/templates/teachers.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: 3.4 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>Title</title>
6 <style>
7
8 @import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@600&display=swap');
9 @import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@600&display=swap');
10 body {
11 margin: 0;
12 background: whitesmoke;
13 font-family: 'Cormorant Unicase', serif;
14 font-weight: bold;
15 }
16 *{
17 background-color: whitesmoke;
18 font-family: 'Cormorant Unicase', serif;
19 }
20
21 .container {
22 width: 80%;
23 margin: 0 auto;
24 }
25
26 header {
27 background: white;
28 }
29
30 header::after {
31 content: '';
32 display: table;
33 clear: both;
34 }
35
36 .logo {
37 float: left;
38 padding: 10px 0;
39 }
40
41 nav {
42 float: right;
43 }
44
45 nav ul {
46 margin: 0;
47 padding: 0;
48 list-style: none;
49 }
50
51 nav li {
52 display: inline-block;
53 margin-left: 70px;
54 padding-top: 23px;
55
56 position: relative;
57 }
58
59 nav a {
60 color: #444;
61 text-decoration: none;
62 text-transform: uppercase;
63 font-size: 14px;
64 }
65
66 nav a:hover {
67 color: #000;
68 }
69
70 nav a::before {
71 content: '';
72 display: block;
73 height: 5px;
74 background-color: #444;
75
76 position: absolute;
77 top: 0;
78 width: 0%;
79
80 transition: all ease-in-out 250ms;
81 }
82
83 nav a:hover::before {
84 width: 100%;
85 }
86
87
88
89
90 .Accordion {
91 margin-top: 0;
92 margin-bottom: 0;
93 padding-left: 0;
94 list-style: none;
95 }
96
97 .Accordion + .Accordion {
98 margin-top: 1em;
99 }
100
101 .Accordion input[type="radio"],
102 .Accordion input[type="checkbox"] {
103 display: none;
104 }
105
106 .Accordion input:checked + .Accordion-subElements > .Accordion-subElement {
107 height: 2em;
108 -webkit-transform: scale(1);
109 transform: scale(1);
110 }
111
112 .Accordion-item label {
113 display: block;
114 padding: 1em;
115 background-color: lightsteelblue;
116 color: black;
117 font-weight: bold;
118 cursor: pointer;
119 }
120
121 .Accordion-item label:hover {
122 background-color: cornflowerblue;
123 }
124
125
126 .Accordion-subElement a {
127 display: block;
128 padding-left: 2em;
129 color: inherit;
130 text-decoration: none;
131 }
132
133
134 </style>
135</head>
136<body>
137
138<header>
139 <div class="container">
140 <h3 class="logo">EDUCATUM</h3>
141
142 <nav>
143 <ul>
144 <li><a href="/admin/allTeachers">НАСТАВНИЦИ</a></li>
145 <li><a href="/admin/allSubjects">ПРЕДМЕТИ</a></li>
146 <li><a href="/admin/allStudents">УЧЕНИЦИ</a></li>
147 <li><a href="#">ПРОФИЛ</a></li>
148 <li><a href="/logout">ОДЈАВИ СЕ</a></li>
149 </ul>
150 </nav>
151 </div>
152</header>
153
154<ul>
155 <li th:each="t:${teachers}" th:text="${t.getName()}"></li>
156</ul>
157
158</body>
159</html>
Note: See TracBrowser for help on using the repository browser.