-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjournal.html
More file actions
408 lines (399 loc) · 20.2 KB
/
journal.html
File metadata and controls
408 lines (399 loc) · 20.2 KB
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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Students App</title>
<script
src="https://kit.fontawesome.com/a579f8d9ef.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="css/styles.css" />
<script src="./js/journal.js" defer></script>
</head>
<body>
<header class="header">
<h1 class="header__h1 title">JOURNAL</h1>
<p class="header__label label"></p>
</header>
<main>
<div class="btn__center">
<button class="btn__rate-today body__large">
Rate Today <i class="fa-regular fa-star"></i>
</button>
</div>
<div class="journal__dynamic"></div>
<form class="main__journal">
<h2 class="headline today"></h2>
<div>
<span class="label">Rating:</span>
<div class="stars_rate">
<svg
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.23458 7.2288L0.825543 8.30177L0.71598 8.32379C0.00767595 8.50741 -0.252463 9.41029 0.291856 9.93924L5.65288 15.1498L4.38762 22.5059L4.37507 22.6116C4.32751 23.3425 5.11049 23.8714 5.78483 23.5179L12.4119 20.0448L19.039 23.5179L19.136 23.5625C19.8185 23.8334 20.565 23.2545 20.4362 22.5059L19.17 15.1498L24.532 9.93924L24.6076 9.85723C25.0724 9.29362 24.7505 8.41074 23.9983 8.30177L16.5883 7.2288L13.2754 0.535137C12.9222 -0.178379 11.9016 -0.178379 11.5484 0.535137L8.23458 7.2288Z"
class="star__inactive"
/>
</svg>
<svg
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.23458 7.2288L0.825543 8.30177L0.71598 8.32379C0.00767595 8.50741 -0.252463 9.41029 0.291856 9.93924L5.65288 15.1498L4.38762 22.5059L4.37507 22.6116C4.32751 23.3425 5.11049 23.8714 5.78483 23.5179L12.4119 20.0448L19.039 23.5179L19.136 23.5625C19.8185 23.8334 20.565 23.2545 20.4362 22.5059L19.17 15.1498L24.532 9.93924L24.6076 9.85723C25.0724 9.29362 24.7505 8.41074 23.9983 8.30177L16.5883 7.2288L13.2754 0.535137C12.9222 -0.178379 11.9016 -0.178379 11.5484 0.535137L8.23458 7.2288Z"
class="star__inactive"
/>
</svg>
<svg
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.23458 7.2288L0.825543 8.30177L0.71598 8.32379C0.00767595 8.50741 -0.252463 9.41029 0.291856 9.93924L5.65288 15.1498L4.38762 22.5059L4.37507 22.6116C4.32751 23.3425 5.11049 23.8714 5.78483 23.5179L12.4119 20.0448L19.039 23.5179L19.136 23.5625C19.8185 23.8334 20.565 23.2545 20.4362 22.5059L19.17 15.1498L24.532 9.93924L24.6076 9.85723C25.0724 9.29362 24.7505 8.41074 23.9983 8.30177L16.5883 7.2288L13.2754 0.535137C12.9222 -0.178379 11.9016 -0.178379 11.5484 0.535137L8.23458 7.2288Z"
class="star__inactive"
/>
</svg>
<svg
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.23458 7.2288L0.825543 8.30177L0.71598 8.32379C0.00767595 8.50741 -0.252463 9.41029 0.291856 9.93924L5.65288 15.1498L4.38762 22.5059L4.37507 22.6116C4.32751 23.3425 5.11049 23.8714 5.78483 23.5179L12.4119 20.0448L19.039 23.5179L19.136 23.5625C19.8185 23.8334 20.565 23.2545 20.4362 22.5059L19.17 15.1498L24.532 9.93924L24.6076 9.85723C25.0724 9.29362 24.7505 8.41074 23.9983 8.30177L16.5883 7.2288L13.2754 0.535137C12.9222 -0.178379 11.9016 -0.178379 11.5484 0.535137L8.23458 7.2288Z"
class="star__inactive"
/>
</svg>
<svg
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.23458 7.2288L0.825543 8.30177L0.71598 8.32379C0.00767595 8.50741 -0.252463 9.41029 0.291856 9.93924L5.65288 15.1498L4.38762 22.5059L4.37507 22.6116C4.32751 23.3425 5.11049 23.8714 5.78483 23.5179L12.4119 20.0448L19.039 23.5179L19.136 23.5625C19.8185 23.8334 20.565 23.2545 20.4362 22.5059L19.17 15.1498L24.532 9.93924L24.6076 9.85723C25.0724 9.29362 24.7505 8.41074 23.9983 8.30177L16.5883 7.2288L13.2754 0.535137C12.9222 -0.178379 11.9016 -0.178379 11.5484 0.535137L8.23458 7.2288Z"
class="star__inactive"
/>
</svg>
</div>
</div>
<div>
<span class="label">Comprehension:</span>
<div class="block_rate">
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="22"
width="22"
height="22"
rx="4"
transform="rotate(-90 0 22)"
class="block__inactive"
/>
</svg>
</div>
</div>
<div>
<span class="label">Motto:</span>
<textarea name="motto" id="" cols="30" rows="1"></textarea>
</div>
<div>
<span class="label">Notes:</span>
<textarea name="notes" id="" cols="30" rows="5"></textarea>
</div>
<div class="btn__group">
<button class="body__large btn__cancel">Cancel</button>
<button class="btn__save body__large">
Save
<svg
width="16"
height="13"
viewBox="0 0 16 13"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.0236 8.59557L13.2944 1.18074C13.7014 0.815827 14.326 0.8454 14.6968 1.24714L14.8148 1.375C15.1798 1.77051 15.1663 2.38396 14.7842 2.76304L5.74604 11.7312C5.34912 12.1251 4.70637 12.1169 4.31956 11.7132L0.824495 8.06465C0.458803 7.6829 0.453407 7.08248 0.812179 6.69422L0.881718 6.61897C1.22921 6.24292 1.80461 6.19009 2.21476 6.49659L5.0236 8.59557Z"
fill="white"
/>
</svg>
</button>
</div>
</form>
</main>
<footer>
<div class="footer">
<ul class="footer__nav">
<li>
<a href="./index.html">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="DashboardIcon">
<path
id="DashboardIcon_2"
fill-rule="evenodd"
clip-rule="evenodd"
d="M10.5 9.75C11.5544 9.75 12.4182 10.5659 12.4945 11.6007L12.5 11.75V20.25C12.5 21.3044 11.6841 22.1682 10.6493 22.2445L10.5 22.25H3.5C2.44564 22.25 1.58183 21.4341 1.50549 20.3993L1.5 20.25V11.75C1.5 10.6956 2.31588 9.83183 3.35074 9.75549L3.5 9.75H10.5ZM20.5 15.75C21.5544 15.75 22.4182 16.5659 22.4945 17.6007L22.5 17.75V20.25C22.5 21.3044 21.6841 22.1682 20.6493 22.2445L20.5 22.25H16.5C15.4456 22.25 14.5818 21.4341 14.5055 20.3993L14.5 20.25V17.75C14.5 16.6956 15.3159 15.8318 16.3507 15.7555L16.5 15.75H20.5ZM10.5 11.75H3.5V20.25H10.5V11.75ZM20.5 17.75H16.5V20.25H20.5V17.75ZM20.5 1.75C21.5544 1.75 22.4182 2.56588 22.4945 3.60074L22.5 3.75V11.75C22.5 12.8044 21.6841 13.6682 20.6493 13.7445L20.5 13.75H16.5C15.4456 13.75 14.5818 12.9341 14.5055 11.8993L14.5 11.75V3.75C14.5 2.69564 15.3159 1.83183 16.3507 1.75549L16.5 1.75H20.5ZM20.5 3.75H16.5V11.75H20.5V3.75ZM10.5 1.75C11.5544 1.75 12.4182 2.56588 12.4945 3.60074L12.5 3.75V5.75C12.5 6.80436 11.6841 7.66817 10.6493 7.74451L10.5 7.75H3.5C2.44564 7.75 1.58183 6.93412 1.50549 5.89926L1.5 5.75V3.75C1.5 2.69564 2.31588 1.83183 3.35074 1.75549L3.5 1.75H10.5ZM10.5 3.75H3.5V5.75H10.5V3.75Z"
class="footer__navicon"
/>
</g>
</svg>
</a>
</li>
<li>
<a href="./codebuddys.html">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M12 14.0002C14.6888 14.0002 16.8818 16.1226 16.9954 18.7834L17 19.0002V21.0002C17 21.5525 16.5523 22.0002 16 22.0002C15.4872 22.0002 15.0645 21.6142 15.0067 21.1169L15 21.0002V19.0002C15 17.4026 13.7511 16.0966 12.1763 16.0053L12 16.0002H5C3.40232 16.0002 2.09634 17.2492 2.00509 18.824L2 19.0002V21.0002C2 21.5525 1.55228 22.0002 1 22.0002C0.487164 22.0002 0.0644928 21.6142 0.00672773 21.1169L0 21.0002V19.0002C0 16.3115 2.12231 14.1184 4.78311 14.0049L5 14.0002H12ZM20.2552 14.0334C22.3885 14.5964 23.8951 16.508 23.9947 18.7255L24 18.956V21.0002C24 21.5525 23.5523 22.0002 23 22.0002C22.4872 22.0002 22.0645 21.6142 22.0067 21.1169L22 21.0002V18.9567C21.999 17.544 21.0679 16.3163 19.7448 15.9671C19.2108 15.8262 18.8922 15.2791 19.0331 14.7451C19.174 14.2111 19.7212 13.8924 20.2552 14.0334ZM8 2.00025C10.7614 2.00025 13 4.23882 13 7.00025C13 9.76167 10.7614 12.0002 8 12.0002C5.23858 12.0002 3 9.76167 3 7.00025C3 4.23882 5.23858 2.00025 8 2.00025ZM16.2562 2.03361C18.4649 2.61892 20 4.66566 20 7.00025C20 9.33483 18.4649 11.3816 16.2562 11.9669C15.7223 12.1084 15.1748 11.7903 15.0334 11.2564C14.8919 10.7225 15.21 10.1751 15.7439 10.0336C17.0657 9.68334 18 8.43755 18 7.00025C18 5.56294 17.0657 4.31715 15.7439 3.96688C15.21 3.82542 14.8919 3.27796 15.0334 2.7441C15.1748 2.21024 15.7223 1.89214 16.2562 2.03361ZM8 4.00025C6.34315 4.00025 5 5.34339 5 7.00025C5 8.6571 6.34315 10.0002 8 10.0002C9.65685 10.0002 11 8.6571 11 7.00025C11 5.34339 9.65685 4.00025 8 4.00025Z"
class="footer__navicon"
/>
</svg>
</a>
</li>
<li>
<a href="./teams.html">
<svg
width="30"
height="24"
viewBox="0 0 30 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M18.7059 14.0002C21.5528 14.0002 23.8749 16.1226 23.9951 18.7834L24 19.0002V21.0002C24 21.5525 23.5259 22.0002 22.9412 22.0002C22.3982 22.0002 21.9506 21.6142 21.8895 21.1169L21.8824 21.0002V19.0002C21.8824 17.4026 20.56 16.0966 18.8925 16.0053L18.7059 16.0002H11.2941C9.60246 16.0002 8.21965 17.2492 8.12304 18.824L8.11765 19.0002V21.0002C8.11765 21.5525 7.6436 22.0002 7.05882 22.0002C6.51582 22.0002 6.06829 21.6142 6.00712 21.1169L6 21.0002V19.0002C6 16.3115 8.24715 14.1184 11.0645 14.0049L11.2941 14.0002H18.7059ZM3.74482 14.0334C4.27882 13.8924 4.82596 14.2111 4.96689 14.7451C5.10783 15.2791 4.78918 15.8262 4.25518 15.9671C2.98959 16.3012 2.08273 17.4389 2.00536 18.7735L2 18.9567L2 21.0002L1.99327 21.1169C1.93551 21.6142 1.51284 22.0002 1 22.0002C0.487164 22.0002 0.0644928 21.6142 0.00672773 21.1169L0 21.0002V18.956L0.00525209 18.7255C0.104851 16.508 1.61151 14.5964 3.74482 14.0334ZM26.2554 14.0334C28.3887 14.5964 29.8954 16.508 29.995 18.7255L30.0002 18.956V21.0002C30.0002 21.5525 29.5525 22.0002 29.0002 22.0002C28.4874 22.0002 28.0647 21.6142 28.007 21.1169L28.0002 21.0002V18.9567C27.9992 17.544 27.0682 16.3163 25.7451 15.9671C25.2111 15.8262 24.8924 15.2791 25.0334 14.7451C25.1743 14.2111 25.7214 13.8924 26.2554 14.0334ZM15.0002 2.00025C17.7617 2.00025 20.0002 4.23882 20.0002 7.00025C20.0002 9.76167 17.7617 12.0002 15.0002 12.0002C12.2388 12.0002 10.0002 9.76167 10.0002 7.00025C10.0002 4.23882 12.2388 2.00025 15.0002 2.00025ZM7.74385 2.03361C8.27771 1.89214 8.82517 2.21024 8.96664 2.7441C9.1081 3.27796 8.79001 3.82542 8.25615 3.96688C6.93434 4.31715 6 5.56294 6 7.00025C6 8.43755 6.93434 9.68334 8.25615 10.0336C8.79001 10.1751 9.1081 10.7225 8.96664 11.2564C8.82517 11.7903 8.27771 12.1084 7.74385 11.9669C5.53506 11.3816 4 9.33483 4 7.00025C4 4.66566 5.53506 2.61892 7.74385 2.03361ZM22.2564 2.03361C24.4652 2.61892 26.0002 4.66566 26.0002 7.00025C26.0002 9.33483 24.4652 11.3816 22.2564 11.9669C21.7225 12.1084 21.1751 11.7903 21.0336 11.2564C20.8921 10.7225 21.2102 10.1751 21.7441 10.0336C23.0659 9.68334 24.0002 8.43755 24.0002 7.00025C24.0002 5.56294 23.0659 4.31715 21.7441 3.96688C21.2102 3.82542 20.8921 3.27796 21.0336 2.7441C21.1751 2.21024 21.7225 1.89214 22.2564 2.03361ZM15.0002 4.00025C13.3434 4.00025 12.0002 5.34339 12.0002 7.00025C12.0002 8.6571 13.3434 10.0002 15.0002 10.0002C16.6571 10.0002 18.0002 8.6571 18.0002 7.00025C18.0002 5.34339 16.6571 4.00025 15.0002 4.00025Z"
class="footer__navicon"
/>
</svg>
</a>
</li>
<li>
<a href="./energy.html">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M2.23369 13.3631L2.16585 13.4538C1.73382 14.1022 2.19261 15.0032 3.00191 15.0032H10.8679L10.0096 21.8792C9.88578 22.87 11.1309 23.4105 11.7701 22.6434L21.7701 10.6434L21.838 10.5526C22.27 9.90424 21.8112 9.00324 21.0019 9.00324H13.1349L13.9942 2.12727C14.118 1.13644 12.8729 0.59595 12.2337 1.36305L2.23369 13.3631ZM11.5859 5.26424L11.0096 9.8792L11.0018 9.99751C10.9977 10.544 11.4405 11.0032 12.0019 11.0032H18.8659L12.4169 18.7412L12.9942 14.1273L13.002 14.009C13.0061 13.4625 12.5633 13.0032 12.0019 13.0032H5.13691L11.5859 5.26424Z"
class="footer__navicon"
/>
</svg>
</a>
</li>
<li>
<a href="./journal.html">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M19.0714 1C20.6691 1 21.9751 2.24892 22.0663 3.82373L22.0714 4V20C22.0714 21.5977 20.8225 22.9037 19.2477 22.9949L19.0714 23H7.07143C5.47375 23 4.16777 21.7511 4.07652 20.1763L4.07143 20L4.071 19H2.5C1.94772 19 1.5 18.5523 1.5 18C1.5 17.4872 1.88604 17.0645 2.38338 17.0067L2.5 17H4.071V15H2.5C1.94772 15 1.5 14.5523 1.5 14C1.5 13.4872 1.88604 13.0645 2.38338 13.0067L2.5 13H4.071V11H2.5C1.94772 11 1.5 10.5523 1.5 10C1.5 9.48716 1.88604 9.06449 2.38338 9.00673L2.5 9H4.071V7H2.5C1.94772 7 1.5 6.55228 1.5 6C1.5 5.48716 1.88604 5.06449 2.38338 5.00673L2.5 5H4.071L4.07143 4C4.07143 2.40232 5.32035 1.09634 6.89516 1.00509L7.07143 1H19.0714ZM19.0714 3H7.07143C6.55859 3 6.13592 3.38604 6.07816 3.88338L6.07143 4L6.071 5H7.64286C8.19514 5 8.64286 5.44772 8.64286 6C8.64286 6.51284 8.25682 6.93551 7.75948 6.99327L7.64286 7H6.071V9H7.64286C8.19514 9 8.64286 9.44772 8.64286 10C8.64286 10.5128 8.25682 10.9355 7.75948 10.9933L7.64286 11H6.071V13H7.64286C8.19514 13 8.64286 13.4477 8.64286 14C8.64286 14.5128 8.25682 14.9355 7.75948 14.9933L7.64286 15H6.071V17H7.64286C8.19514 17 8.64286 17.4477 8.64286 18C8.64286 18.5128 8.25682 18.9355 7.75948 18.9933L7.64286 19H6.071L6.07143 20C6.07143 20.5128 6.45747 20.9355 6.95481 20.9933L7.07143 21H19.0714C19.5843 21 20.0069 20.614 20.0647 20.1166L20.0714 20V4C20.0714 3.48716 19.6854 3.06449 19.188 3.00673L19.0714 3Z"
class="footer__navicon--active"
/>
</svg>
</a>
</li>
</ul>
</div>
</footer>
</body>
</html>