-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpresenza.html
118 lines (116 loc) · 15.6 KB
/
presenza.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<div class="WindowLezioni" style="width: 1440px; height: 1955px; background: white; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
<div class="Nav" style="align-self: stretch; height: 107px; padding-top: 17px; padding-bottom: 17px; padding-left: 33px; padding-right: 10px; background: black; flex-direction: column; justify-content: center; align-items: flex-start; gap: 26px; display: flex">
<div class="Titolo" style="align-self: stretch; justify-content: flex-start; align-items: flex-start; display: inline-flex">
<div class="PortaleScuola" style="color: white; font-size: 51px; font-family: Istok Web; font-weight: 700; word-wrap: break-word">Portale Scuola</div>
</div>
</div>
<div class="Main" style="align-self: stretch; height: 1688px; justify-content: flex-start; align-items: flex-start; display: inline-flex">
<div class="ListaRegistri" style="align-self: stretch; padding: 10px; background: #929292; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div class="Titolo" style="align-self: stretch; height: 55px; padding-top: 10px; padding-bottom: 10px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
<div class="TuttiIRegistri" style="color: white; font-size: 24px; font-family: Istok Web; font-weight: 400; word-wrap: break-word">Tutti i registri</div>
</div>
<div class="Lista" style="width: 386px; flex: 1 1 0; padding-left: 13px; padding-right: 13px; padding-top: 19px; padding-bottom: 19px; background: white; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 13px; display: flex">
<div class="Materia" style="width: 360px; height: 36px; background: #4A4A4A; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; display: flex">
<div class="TitoloMateria" style="align-self: stretch; flex: 1 1 0; padding-left: 27px; padding-right: 27px; justify-content: flex-start; align-items: center; gap: 203px; display: inline-flex">
<div class="Chimica" style="color: white; font-size: 24px; font-family: Inter; font-weight: 400; word-wrap: break-word">Chimica</div>
</div>
</div>
<div class="Materia" style="width: 360px; height: 36px; background: #EC5555; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; display: flex">
<div class="TitoloMateria" style="align-self: stretch; flex: 1 1 0; padding-left: 27px; padding-right: 27px; justify-content: flex-start; align-items: center; gap: 211px; display: inline-flex">
<div class="Italiano" style="color: white; font-size: 24px; font-family: Inter; font-weight: 400; word-wrap: break-word">Italiano</div>
</div>
</div>
<div class="Materia" style="width: 360px; height: 36px; background: #975437; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; display: flex">
<div class="TitoloMateria" style="align-self: stretch; flex: 1 1 0; padding-left: 27px; padding-right: 27px; justify-content: flex-start; align-items: center; gap: 225px; display: inline-flex">
<div class="Chimica" style="color: white; font-size: 24px; font-family: Inter; font-weight: 400; word-wrap: break-word">Storia</div>
</div>
</div>
<div class="Materia" style="width: 360px; height: 36px; background: #50669E; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; display: flex">
<div class="TitoloMateria" style="align-self: stretch; flex: 1 1 0; padding-left: 27px; padding-right: 27px; justify-content: flex-start; align-items: center; gap: 158px; display: inline-flex">
<div class="Chimica" style="color: white; font-size: 24px; font-family: Inter; font-weight: 400; word-wrap: break-word">Matematica</div>
</div>
</div>
<div class="Materia" style="width: 360px; height: 36px; background: #BDBDBD; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: center; display: flex">
<div class="TitoloMateria" style="align-self: stretch; flex: 1 1 0; flex-direction: column; justify-content: center; align-items: center; display: flex">
<div class="Italiano" style="color: white; font-size: 31px; font-family: Inter; font-weight: 400; word-wrap: break-word">+</div>
</div>
</div>
</div>
</div>
<div class="VisualeLezione" style="flex: 1 1 0; height: 1688px; padding-left: 77px; padding-right: 77px; padding-top: 51px; padding-bottom: 51px; background: #BDBDBD; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex">
<div class="TitoloMateria" style="color: black; font-size: 40px; font-family: Inter; font-weight: 400; word-wrap: break-word">Chimica </div>
<div class="OpzioniMateria" style="align-self: stretch; padding-top: 14px; padding-bottom: 14px; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex">
<div class="BottoneElencaStudenti" style="width: 219px; align-self: stretch; padding-top: 7px; padding-bottom: 7px; background: #929292; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: center; display: inline-flex">
<div class="ElencoStudenti" style="color: white; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">Elenco studenti</div>
</div>
<div class="BottoneMostraLezioni" style="width: 219px; align-self: stretch; padding-top: 7px; padding-bottom: 7px; background: #929292; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: center; display: inline-flex">
<div class="Lezioni" style="color: white; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">Lezioni</div>
</div>
</div>
<div class="Lezioni" style="width: 571px; height: 1470px; padding: 10px; background: #ffffff; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
<div class="Anno2023" style="align-self: stretch; height: 1081px; padding-top: 17px; padding-bottom: 17px; padding-left: 23px; padding-right: 24px; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="Titolo" style="justify-content: center; align-items: center; gap: 10px; display: inline-flex">
<div class="AnnoTitolo" style="color: black; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">2023</div>
<img class="ExpandArrow" style="width: 22px; height: 22px" src="https://via.placeholder.com/22x22" />
</div>
<div class="MeseNovembre" style="align-self: stretch; height: 726px; padding-top: 17px; padding-bottom: 17px; padding-left: 29px; padding-right: 27px; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="Titolo" style="justify-content: center; align-items: center; gap: 2px; display: inline-flex">
<div class="Novembre" style="color: black; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">Novembre</div>
<img class="ExpandArrow" style="width: 22px; height: 22px" src="https://via.placeholder.com/22x22" />
</div>
<div class="Lezione" style="align-self: stretch; height: 584px; padding-top: 17px; padding-bottom: 17px; padding-left: 23px; padding-right: 26px; background: white; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="ArgomentoDellaLezione" style="color: black; font-size: 22px; font-family: Inter; font-weight: 600; word-wrap: break-word">13 - Argomento della lezione</div>
<div class="Presenze" style="align-self: stretch; height: 462px; padding: 10px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="Presenti" style="color: black; font-size: 32px; font-family: Istok Web; font-weight: 700; word-wrap: break-word">presenti</div>
<div class="Presenti" style="align-self: stretch; padding: 10px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div class="Gianluca900Roberto900Pippo900Paperino900Paperina915Pluto915John920Doe920Fizz930Buzz945" style="color: black; font-size: 14px; font-family: Istok Web; font-weight: 700; word-wrap: break-word">Gianluca - 9:00<br/>Roberto - 9:00<br/>Pippo - 9:00<br/>Paperino - 9:00<br/>Paperina - 9:15<br/>Pluto - 9:15<br/>John - 9:20<br/>Doe - 9:20<br/>Fizz - 9:30<br/>Buzz - 9:45</div>
</div>
<div class="Assenti" style="color: black; font-size: 32px; font-family: Istok Web; font-weight: 700; word-wrap: break-word">assenti</div>
<div class="Assenti" style="align-self: stretch; padding: 10px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div class="GianlucaRobertoPippoPaperino" style="color: black; font-size: 14px; font-family: Istok Web; font-weight: 700; word-wrap: break-word">Gianluca<br/>Roberto<br/>Pippo<br/>Paperino</div>
</div>
</div>
<div class="Opzione" style="align-self: stretch; height: 41px; padding-top: 7px; padding-bottom: 7px; background: #929292; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: center; display: flex">
<div class="ModificaLezione" style="color: white; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">modifica lezione</div>
</div>
</div>
<div class="AggiungiLezione" style="align-self: stretch; height: 61px; padding-left: 26px; padding-right: 26px; padding-top: 17px; padding-bottom: 17px; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="Titolo" style="color: black; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">+ nuova lezione</div>
</div>
</div>
<div class="MeseDicembre" style="align-self: stretch; height: 274px; padding-left: 26px; padding-right: 26px; padding-top: 17px; padding-bottom: 17px; background: #AD7AFF; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="Titolo" style="justify-content: center; align-items: center; gap: 2px; display: inline-flex">
<div class="Dicembre" style="color: black; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">Dicembre</div>
<img class="ExpandArrow" style="width: 22px; height: 22px" src="https://via.placeholder.com/22x22" />
</div>
<div class="Lezione1" style="align-self: stretch; height: 61px; padding-left: 26px; padding-right: 26px; padding-top: 17px; padding-bottom: 17px; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="Titolo" style="color: black; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">1 - Agomento della lezione</div>
</div>
<div class="Lezione3" style="align-self: stretch; height: 61px; padding-left: 26px; padding-right: 26px; padding-top: 17px; padding-bottom: 17px; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="Titolo" style="color: black; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">3 - Agomento della lezione</div>
</div>
<div class="AggiungiLezione" style="align-self: stretch; height: 61px; padding-left: 26px; padding-right: 26px; padding-top: 17px; padding-bottom: 17px; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="Titolo" style="color: black; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">+ nuova lezione</div>
</div>
</div>
</div>
<div class="Anno2024" style="align-self: stretch; height: 61px; padding-top: 17px; padding-bottom: 17px; padding-left: 23px; padding-right: 24px; background: #6F16FF; border: 1px black solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
<div class="AnnoTitolo" style="color: black; font-size: 22px; font-family: Inter; font-weight: 400; word-wrap: break-word">2024 ></div>
</div>
</div>
</div>
<div class="MenuEdita" style="width: 265px; align-self: stretch; padding: 10px; background: #929292; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div class="Titolo" style="align-self: stretch; height: 55px; padding-top: 10px; padding-bottom: 10px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
<div class="Edita" style="color: white; font-size: 24px; font-family: Istok Web; font-weight: 400; word-wrap: break-word">edita</div>
</div>
<div class="Lista" style="align-self: stretch; flex: 1 1 0; padding-left: 13px; padding-right: 13px; padding-top: 19px; padding-bottom: 19px; background: white; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 13px; display: flex">
<div class="Opzione" style="align-self: stretch; height: 36px; background: #929292; border-radius: 19px; overflow: hidden; flex-direction: column; justify-content: center; align-items: center; display: flex">
<div class="EliminaRegistro" style="color: white; font-size: 24px; font-family: Inter; font-weight: 400; word-wrap: break-word">elimina registro</div>
</div>
</div>
</div>
</div>
<div class="Footer" style="align-self: stretch; height: 223px; padding: 10px; background: black"></div>
</div>