-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfile.html
99 lines (98 loc) · 4.6 KB
/
file.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel = "stylesheet" href = "style.css">
</head>
<body>
<div id = "main">
<h1>BFH</h1>
<h2>Passerelle 2023</h2>
<div id="chapters">
<p>Nunc aliquam a ipsum sed dignissim. Donec a pretium nulla. Aenean non lorem fermentum, tempus est vel, pulvinar quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque ultricies nulla nec turpis maximus, eu venenatis erat blandit. In pharetra odio in orci lobortis placerat. Suspendisse libero turpis, lacinia eget nunc tincidunt, elementum eleifend neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis pulvinar ex. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin dignissim odio erat, sed ullamcorper nibh iaculis quis.</p>
<p>Ouisque molestie ex massa, at mollis risus hendrerit ac. Aliquam quis purus ut justo accumsan consequat. Praesent et semper neque.
Sed tincidunt erat ut eros mattis, non facilisis lectus euismod. Morbi et libero sem. Sed semper quam et lacus lacinia gravida. Nam consectetur ullamcorper tellus. In gravida metus ut lectus rhoncus sodales. Duis eget condimentum massa. Nullam mollis eu mauris vitae egestas. Nullam at velit ut tellus convallis tincidunt.</p>
<p>Nulla sit amet fermentum sapien. Vivamus euismod turpis metus, et vehicula tortor lacinia eget. Nam sagittis maximus sem, non finibus augue pulvinar non. Aliquam pharetra quis erat eget efficitur. Vivamus elementum enim at justo rhoncus sodales. Sed congue dui in nisl dictum, ac fermentum est semper. Sed sodales erat vitae efficitur luctus. Donec in urna sed sapien pharetra sodales nec eu purus. Vestibulum lacus risus, hendrerit at gravida at, efficitur in lectus. Nam sit amet mollis turpis, ut bibendum urna. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer sodales ipsum sit amet augue egestas sagittis. Suspendisse risus eros, fermentum nec tincidunt eget, tincidunt ut ligula.
</div>
</p>
<table class="beauty-table">
<tr class = "head">
<th>First name</th>
<th>Last name</th>
<th>Email address</th>
<th>Groups</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mehmet</td>
<td>Aydin</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
<tr>
<td>Inna</td>
<td>Butenko</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
<tr class = "active-row">
<td>Ramazan Serhat</td>
<td>Kiziltoprak</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
<tr>
<td>Anastasiia</td>
<td>Kulcsar</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
<tr>
<td>Oksana</td>
<td>Mashurova</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
<tr>
<td>Moumn</td>
<td>Mouslli</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
<tr>
<td>Yunus</td>
<td>Tartik</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
<tr>
<td>Ebubekir</td>
<td>Tosun</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
<tr>
<td>Oguzhan</td>
<td>Yaman</td>
<td>[email protected]</td>
<td>Students</td>
</tr>
</tbody>
</table>
<footer>
<div class ="waviy">
<span id = "letter1">W</span>
<span id = "letter2">E</span>
<span id = "letter3">B</span>
<span id = "letter4">D</span>
<span id = "letter5">E</span>
<span id = "letter6">V</span>
</div>
</div>
</footer>
</footer>
</body>
</html>