-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
368 lines (340 loc) · 23.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
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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="./styles.css" type="text/css">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="./favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicons/favicon-16x16.png">
<link rel="manifest" href="./favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<title>Demon Slayer</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light nav1">
<a class="navbar-brand brand1 ml-4" href="#" style="color: beige;">Demon Slayer</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto" style="margin-left: 78%;">
<li class="nav-item active mx-4">
<a class="nav-link" href="./index.html" style="color: beige;">Home</a>
</li>
<li class="nav-item mx-4">
<a class="nav-link" href="./about.html" style="color: beige;">About</a>
</li>
</div>
</nav>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./assets/main_1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./assets/main_2.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./assets/main_3.jpg" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h1 class="topic my-5">Characters</h1>
<!--Card section start-->
<div class="container">
<!--First card-->
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Tanjirou.png" alt="Tanjiro" height="330px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Tanjiro Kamado</h2>
<p class="card-text">Tanjiro Kamado (竈門かまど 炭たん治じ郎ろう Kamado Tanjirō?) is the main protagonist of Demon Slayer: Kimetsu no Yaiba.
He is a Demon Slayer in the Demon Slayer Corps, who joined to find a remedy to turn his sister, Nezuko Kamado, back into a human and to hunt down and kill demons in order to protect others from suffering the same fate as him.
Before he became a Demon Slayer, his entire family was slaughtered by the Demon King, Muzan Kibutsuji, while his younger sister, Nezuko, was turned into a demon as a result.</p>
<p>Tanjiro is very kind by nature and has been described by others as having very gentle eyes and a compassionate persona.
He exhibits a great deal of determination and will not give up once he has a goal to achieve; the best example of this being his relentless quest to find a cure for Nezuko.
Even though he is relatively strong on his own, Tanjiro isn't opposed to asking others for help when he needs it.
He is very protective of his friends and even more so of his younger sister. </p>
</div>
</div>
</div>
</div>
<!--first card end -->
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Nezuko.png" alt="Nezuko" height="350px" width="250px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Nezuko Kamado</h2>
<p class="card-text">Nezuko Kamado (竈門かまど 禰ね豆ず子こ Kamado Nezuko?) is the deuteragonist of Demon Slayer: Kimetsu no Yaiba.
She is a demon and the younger sister of Tanjiro Kamado and one of the two remaining members of the Kamado family.
Formerly a human, she was attacked and turned into a demon by Muzan Kibutsuji.</p>
</div>
</div>
</div>
</div>
<!-- second card end-->
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Zenitsu.png" alt="Zenitsu" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Zenitsu Agatsuma</h2>
<p class="card-text">Zenitsu Agatsuma (我あが妻つま 善ぜん逸いつ Agatsuma Zen'itsu?) is one of the main protagonists of Demon Slayer: Kimetsu no Yaiba and along with Inosuke Hashibira,
a travelling companion of Tanjiro Kamado and Nezuko Kamado. He is also a Demon Slayer in the Demon Slayer Corps.</p>
<p>Zenitsu is a young man with fair skin and downward-sloped, scared-looking eyes that fade from soft brown to gold.
He has short, yellow hair of varying lengths, cutting off squarely at the ends where it fades to a darker orange color, that falls in front of his face in uneven bangs.
Before he became a Demon Slayer, Zenitsu's hair was originally black, but it turned the color it is currently when he was struck by lightning during his training.</p>
</div>
</div>
</div>
</div>
<!-- third card end -->
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Kyojuro.png" alt="Zenitsu" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kyojuro Rengoku</h2>
<p class="card-text">Kyojuro Rengoku (煉れん獄ごく 杏きょう寿じゅ郎ろう Rengoku Kyōjurō?) was a major supporting character of Demon Slayer: Kimetsu no Yaiba and a major character in the Mugen Train Arc.
He was a Demon Slayer of the Demon Slayer Corps and the former Flame Hashira (炎えん柱ばしら En Bashira?).</p>
<p>Kyojuro was greatly enthusiastic in regard to his duties as a Hashira, and often came across as cheerfully eccentric.
He was amiable, pure of heart and boasted extraordinary technique and swordsmanship stemming from strict practice and discipline.
He was an honorable warrior who adhered to his code of morals and principles that was instilled into him by his mother at a young age—the most significant being his belief that those who were born strong have a duty to protect the weak.</p>
</div>
</div>
</div>
</div>
<!-- fouth card added -->
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Muzan.png" alt="Muzan" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kibutsuji Muzan</h2>
<p class="card-text">Muzan Kibutsuji (鬼き舞ぶ辻つじ 無む惨ざん Kibutsuji Muzan?) is the main antagonist of Demon Slayer: Kimetsu no Yaiba. He is the Demon King, the first of his kind, as well as the progenitor of all other Demons in existence.</p>
<p>Muzan is cold-hearted, ruthless, intimidating, and exceptionally intelligent. He sees no value in any humans he has encountered and shows little value in his own subordinates. Rarely ever visually upset or happy, he appears completely monotone and detached on most occasions, even when he callously murders his own subordinates. The only times he ever shows emotion are when his vision of perfection is moving forward or when he has subordinates completely submit to his will. </p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Kanae.png" alt="Muzan" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kanae</h2>
<p class="card-text">Kanae Kocho (胡こ蝶ちょう カナエ Kochō Kanae?) was a Demon Slayer and the late Flower Hashira (花はな柱ばしら Hana Bashira?). She was slain several years prior to the present story. She is also the biological older sister of Shinobu Kocho and the adoptive older sister of Kanao Tsuyuri.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/inosuke.png" alt="inosuke" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Inosuke</h2>
<p> Inosuke is a young man of average height and pale complexion with an extremely toned and muscular build for his age, possessing large, defined muscles most notably over his stomach and arms. In sharp contrast to this, he has an incredibly pretty and feminine face,[3] with large, wide eyes that are framed by an array of long eyelashes, their irises a dark to soft pale green, thin eyebrows and what could be a small, well-mannered mouth. His thick, black hair reaches just past his shoulders, fading into blue at the tips and forming an unruly and uneven fringe that falls just above his eyes, puffing out before curving and thinning towards his forehead.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Urokodaki.png" alt="Urokodaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Urokodaki</h2>
<p> Sakonji Urokodaki (鱗うろこ滝だき 左さ近こん次じ Urokodaki Sakonji?) is a retired member of the Demon Slayer Corps, having held the position of the previous Water Hashira (水みず柱ばしら Mizu Bashira?). He is the main cultivator of the Water Breathing, having trained Giyu Tomioka, Tanjiro Kamado, Sabito and Makomo.[1][2]</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Kanae.png" alt="Muzan" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kibutsuji</h2>
<p class="card-text">Kanae Kocho (胡こ蝶ちょう カナエ Kochō Kanae?) was a Demon Slayer and the late Flower Hashira (花はな柱ばしら Hana Bashira?). She was slain several years prior to the present story. She is also the biological older sister of Shinobu Kocho and the adoptive older sister of Kanao Tsuyuri.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Giyuu.png" alt="Giyuu" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Giyu Tomioka</h2>
<p>Giyu is a tall young man of a muscular stature and pale complexion, who is almost always seen wearing an unimpressed or emotionless expression. He has unruly black hair of uneven lengths that sticks up in tufts around his head, which he wears tied back in a low messy ponytail at the base of his neck. His bangs fall over his eyes in an uneven fringe. His eyes are sharp and moderately large, their irises a deep sapphire that fades to a lighter blue and their pupils a bluish-black, and are framed by thin eyebrows.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Enmu_profile_anime.png" alt="Emmu" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Emmu</h2>
<p>Enmu took the form of an incredibly pale young man with ringed blue eyes that tilt sharply down towards the sides of his face, the left one of which with the kanji for "Lower Rank One" etched into its iris and a horizontal slit on his right instead of a pupil. He had three square-shaped markings on each of his cheeks, each separated by a smaller square, which fade from green to yellow in color, and straight, chin-length hair of a dark black color which he wore parted to his right, the right side tucked behind his ear. His hair fades into a red-orange color near the ends, but appears blue at the tips of the two longer, shoulder-length strands that curve upwards and outwards below the base of his neck, from under the rest of his hair.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Susamaru_anime.png" alt="Susamaru" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Susamaru</h2>
<p>Outraged by the appearance of a Demon Slayer wearing hanafuda-like earrings in Asakusa, Muzan Kibutsuji summons two of his followers to hunt him down.[1] Susamaru and Yahaba walk the streets of the busy city searching for a trail to their next target. Yahaba uses his Blood Demon Art to track the footsteps of a Demon Slayer carrying a large box. Susamaru walks alongside him, bouncing her temari ball as she follows along..</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Genya_Anime.png" alt="Urokodaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Genya_Anime</h2>
<p> Genya Shinazugawa (不死しなず川がわ 玄げん弥や Shinazugawa Gen'ya?) is a major supporting character of Demon Slayer: Kimetsu no Yaiba. He is a Demon Slayer in the Demon Slayer Corps and also the younger brother of the Wind Hashira, Sanemi Shinazugawa.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Yushiro_Anime.png" alt="Urokodaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Yushiro_Anime</h2>
<p> Yushiro (愈ゆ史し郎ろう Yushirō?) is the traveling companion of Tamayo and a close ally of Tanjiro Kamado. He was turned into a Demon by Tamayo.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Tamayo_anime.png" alt="Urokodaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Tamayo_anime</h2>
<p> Tamayo (珠たま世よ Tamayo?) is a skilled doctor and close ally of Tanjiro Kamado. Muzan Kibutsuji turned her into a Demon.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Akaza.png" alt="Urokodaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Akaza</h2>
<p> Akaza (猗あ窩か座ざ Akaza?) is a major supporting antagonist of Demon Slayer: Kimetsu no Yaiba. He is a demon affiliated with the Twelve Kizuki, holding the position of Upper Rank Three (上じょう弦げんの参さん Jōgen no San?).</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Rui_full_view.png" alt="Urokodaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Rui</h2>
<p> Rui (累るい Rui?) is the primary antagonist in the Natagumo Mountain Arc of Demon Slayer: Kimetsu no Yaiba. He is a Demon affiliated with the Twelve Kizuki, holding the position of Lower Rank Five (下か弦げんの伍ご Kagen no Go?).</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./assets/Kyogai.png" alt="Urokodaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kyogai</h2>
<p> Kyogai (響きょう凱がい Kyōgai?), also known as Drum Demon (鼓つづみ鬼おに Tsuzumi Oni?) is the primary antagonist in the Tsuzumi Mansion Arc of Demon Slayer: Kimetsu no Yaiba. He was a Demon formerly affiliated with the Twelve Kizuki's Lower Ranks, having held the position of Lower Rank Six (下か弦げんの陸ろく Kagen no Roku?) before Muzan Kibutsuji excommunicated him for not being strong enough.</p>
</div>
</div>
</div>
</div>
<!--main card end-->
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous">
</script>
</body>
</html>