-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
239 lines (184 loc) · 11.1 KB
/
index.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
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
<!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">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="screen.css">
<link rel="icon" href="icon.png">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
<title>A Family</title>
</head>
<body>
<div id="loading">
<div id="loading-bar"></div>
</div>
<a href="https://www.instagram.com/alienstudy_/" class="instagram" target="_blank"> <img src="logo_ig.png"></a>
<h1>KELAS "A" SMPN 26 BATAM</h1>
<div id="anggotaKeluarga">
<hr>
<h2>kami adalah keluarga kelas 'A' di SMPN 26 Batam angkatan ke-##</h2>
<hr>
<article>Ketua Kelas :<ul style="font-weight: 100;">
<li>Muhammad Syauqi Maulana <7A></li>
<li>Raudatul Amaliyah <8A></li>
</ul></article>
<article>Wakil Ketua Kelas :<ul style="font-weight: 100;">
<li>Faris Arfa <7A></li>
<li>Hardi Putra Ardiansyah <7A></li>
<li>Muhammad Desta Aditya <8A></li>
<li>Nayla Zakiyah Gusrianto <8A></li>
</ul></article>
<article>Sekretaris & Bendahara Kelas :<ul style="font-weight: 100;">
<li>Talitha Febrina Helga (S) <7A 8A></li>
<li>Filia Raisha Sayidatina (S) <7A 8A></li>
<li>Maria Martha Hadisasmita (B) <7A 8A></li>
<li>Chelsea Malicca A Farhan (B) <7A 8A></li>
</ul></article>
<article>Anggota Kelas :
<ul style="font-weight: 100;">
<li>Ahmad Alief Almujaddied<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Anak Dwiatha Wiryawan<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Aprilia Rohmatul Nur Azizah<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Aulia<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Avindita Maulidya Nur Ufa..<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Balya Sakura<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Bunga Aprilia Siagian<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Celyne Celay<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Chelsea Malicca A FArhan<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Cut Masyithah<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Dela Natalia Situmorang<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Edward Amos Siahaan<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Fadhli Mahardika<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Faris Araf Dias Putra<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Ferris Erland Wijaya<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Filia Raisha Sayidatina<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Gesta Iqone Lifdaya Sinaga<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Giofanni Octovianus Habeahan<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Hanna Ramadhani<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Hesyekiel Alexsandro Sinaga<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Jonatan Sitompul<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Keishya Gladys Silitonga<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Maria Martha Hadisasmita<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Martin Damora Simanjuntak<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Muhammad Adrian Syahriza<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Muhammad Desta Aditya<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Muhammad Fathurrahman Al Arsyad<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Muhammad Rizqi<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Muhammad Syauqi Maulana<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Nayla Zakiyah Gustianto<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Nisa Hilmatul Aulia ZA...<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Nurkholis Panji<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Putra Ardi Hansya<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Raffa Geovani Putra Husni<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Rafha Kusuma Anugrah<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Rafhi Satria Anugrah<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Ragina Kezya Rehulin...<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Raudatul Amaliyah<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Romual Girelly Situmorang<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Sari Monalisa Sormin<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Talita Ramadhani<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Talitha Febrina Helga<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Vera Stefanie Situmeang<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
<li>Yohana Adelia<div class="tombol_desc">^</div>
<div class="hide"><p class="desc">"Hallllo"</p><img class="center2" src="sample.webp">
</div>
</ul></article>
</div>
<div>
<img class="centerLandscape"src="foto/rame1.webp">
<img class="centerLandscape"src="foto/rame2.webp">
<img class="centerPortrait"src="foto/rame3.webp">
<img class="centerPortrait"src="foto/rame4.webp">
<img class="centerPortrait"src="foto/rame5.webp">
<img class="centerPortrait"src="foto/rame6.webp">
<img class="centerLandscape"src="sample.webp">
<
</html>