-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathGI.html
More file actions
353 lines (348 loc) · 13.7 KB
/
GI.html
File metadata and controls
353 lines (348 loc) · 13.7 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
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<link rel="stylesheet" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Genshin Impact WebTest</title>
</head>
<nav
class="navbar navbar-expand-lg bg-body-tertiary navbar sticky-top bg-body-tertiary navbar bg-dark border-bottom border-body"
data-bs-theme="dark"
>
<div class="container-fluid">
<a class="navbar-brand" href="#">Navbar</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
More Project
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="lamp.html">Lampu</a></li>
<li><a class="dropdown-item" href="calculator.html">Simple Calculator</a></li>
<li><hr class="dropdown-divider" /></li>
</ul>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
Characters
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="#scrollspyHeading1"
>Neuvillette</a
>
</li>
<li>
<a class="dropdown-item" href="#scrollspyHeading2">Arlechino</a>
</li>
<li>
<a class="dropdown-item" href="#scrollspyHeading3">Alhaitham</a>
</li>
<li>
<a class="dropdown-item" href="#scrollspyHeading4">Hu Tao</a>
</li>
<li>
<a class="dropdown-item" href="#scrollspyHeading5">Furina</a>
</li>
<li><hr class="dropdown-divider" /></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<body>
<!-- Isi -->
<div class="container-md">
<!-- Neuvilette -->
<div
data-bs-spy="scroll"
data-bs-target="#navbar-example2"
data-bs-root-margin="0px 0px -40%"
data-bs-smooth-scroll="true"
class="scrollspy-example bg-body-tertiary p-3 rounded-2"
tabindex="0"
>
<h4 id="scrollspyHeading1">Neuvillette</h4>
<div class="card mb-3" style="max-width: 100%">
<div class="row g-0">
<div class="col-sm-4">
<img
src="assets/images/Neuvillette.jpg"
class="img-thumbnail"
style="
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
width: 100%;
height: 100%;
"
alt="..."
/>
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Neuvillette</h5>
<p class="card-text">
Neuvillette is the Iudex of Fontaine, and the leader of the
Marechaussee Phantom. While Neuvillette upholds the rules of
the court with utmost reverence, he is quite aloof when
dealing with human emotions and often distances himself from
the public eye.
<br />
<br />
Despite his human appearance, he is actually the Hydro Dragon
Sovereign. However, he did not obtain full dragonhood until
the events of Archon Quest Chapter IV: Act V - Masquerade of
the Guilty when the Hydro Archon Focalors returned the powers
stolen by the Heavenly Principles from the Sovereigns back to
him.
</p>
<p class="card-text">
<small class="text-body-secondary"
>Last updated 1 mins ago</small
>
</p>
</div>
</div>
</div>
</div>
<!-- Arlecchino -->
<h4 id="scrollspyHeading2">Arlecchino</h4>
<div class="card mb-3" style="max-width: 100%">
<div class="row g-0">
<div class="col-md-4">
<img
src="assets/images/Arlecchino.jpg"
class="img-thumbnail"
class="rounded mx-auto d-block"
style="
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
width: 100%;
height: 100%;
"
alt="..."
/>
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Arlecchino</h5>
<p class="card-text">
Arlecchino, also known by her codename "The Knave," is a
playable Pyro character in Genshin Impact.She is the Fourth of
the Eleven Fatui Harbingers and the current head of the House
of the Hearth. She is addressed as "Father" by members of the
House, who she calls her "children."
<br />
<br />
As one of the Eleven Fatui Harbingers, Arlecchino greatly
respects the Tsaritsa, though she states that she is willing
to betray the Tsaritsa if their interests ever were to differ.
Arlecchino is working to achieve her goals by acquiring the
Gnoses on her behalf. She handles Fatui matters with utmost
importance and comes off as graceful and cordial.
</p>
<p class="card-text">
<small class="text-body-secondary"
>Last updated 3 mins ago</small
>
</p>
</div>
</div>
</div>
</div>
<!-- Alhaitham -->
<h4 id="scrollspyHeading3">Alhaitham</h4>
<div class="card mb-3" style="max-width: 100%">
<div class="row g-0">
<div class="col-md-4">
<img
src="assets/images/Alhaitham.jpg"
class="img-thumbnail"
style="
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
width: 100%;
height: 100%;
"
alt="..."
/>
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Alhaitham</h5>
<p class="card-text">
Alhaitham is a member of the Haravatat of the Sumeru Akademiya
and the Akademiya's Scribe, responsible for documenting their
findings and drafting ordinances. Despite his brilliance,
people within the Akademiya are perplexed by Alhaitham due to
his unwillingness to aspire for higher office in spite of his
egocentricity, and many have been at odds with him for his
uncompromising view on rationality and the truth.
<br />
<br />
Alhaitham is a scholar who is fueled by a desire to understand
the underlying principles of the world around him. He greatly
values the pursuit of knowledge and dislikes meaningless noise
and matters that distract or divert him from his chosen
pursuits. To this end, while he is unambitious and enjoys
leisure, he will do what he deems necessary to maintain a
comfortable life. As a result, he is not fond of being a
leader, refusing the position of Grand Sage and when thrust
upon the position of Acting Grand Sage, expresses an intent to
resign as soon as possible.
</p>
<p class="card-text">
<small class="text-body-secondary"
>Last updated 5 mins ago</small
>
</p>
</div>
</div>
</div>
</div>
<!-- HU Tao -->
<h4 id="scrollspyHeading4">Hu Tao</h4>
<div class="card mb-3" style="max-width: 100%">
<div class="row g-0">
<div class="col-md-4">
<img
src="assets/images/Hutao.jpg"
class="img-thumbnail"
style="
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
width: 100%;
height: 100%;
"
alt="..."
/>
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Hu Tao</h5>
<p class="card-text">
At first glance, Hu Tao appears to be a quirky and cheerful
girl. She enjoys pranking people and despises sitting around
and doing nothing. She wishes to live her life to the fullest.
Her eccentric and off-the-wall personality often leaves people
with a negative impression of her, especially Qiqi, who states
that she has a "punchable face" and should be stored in the
fridge.In contrast, Xiao enjoys her sense of humor, finding it
irritating but interesting.
<br />
<br />
On the other hand, when handling funerals and last rites, she
becomes more solemn and constantly reminds her employees to
never deviate from the client's requests. Due to the
importance and traditions of the parlor's duties, she
expresses a distaste towards people treating her or her
employees with suspicion whenever they go to work at night.
</p>
<p class="card-text">
<small class="text-body-secondary"
>Last updated 7 mins ago</small
>
</p>
</div>
</div>
</div>
</div>
<!-- Furina -->
<h4 id="scrollspyHeading5">Furina</h4>
<div class="card mb-3" style="max-width: 100%">
<div class="row g-0">
<div class="col-md-4">
<img
src="assets/images/Furina.jpg"
class="img-thumbnail"
style="
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
width: 100%;
height: 100%;
"
alt="..."
/>
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Furina</h5>
<p class="card-text">
Flamboyant and imprudent, Furina lives for the thrill of the
courtroom, often speaking in a manner peppered with bravado
and drama. She is impatient and has a childlike temper, and
she will occasionally make judgments that she doesn't mean,
which Neuvillette frequently has to control while conducting a
trial to avoid complications. While she enjoys being in the
spotlight, she only does so when it is focused at her
positively, breaking down in complete shambles should
something go out of plan and will try to save face at the
first possible opportunity.
</p>
<p class="card-text">
<small class="text-body-secondary"
>Last updated 10 mins ago</small
>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer style="text-align: center">Copyrigth © Feroz Project</footer>
</body>
</html>