forked from DecodersCommunity/animepedia
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
10140 lines (9662 loc) · 664 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
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
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en-US">
<head>
<link href="https://allfont.net/allfont.css?fonts=ninja-naruto" rel="stylesheet" type="text/css" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="./styles.css" type="text/css">
<link href="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.6qtY7eooQBTfiSVjtrLrGQHaEj%26pid%3DApi&f=1" rel="icon" type="image/jpeg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" type="image/png" href="assets/favicon.ico">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
<title>AnimePedia</title>
</head>
<style>
:root {
--col1: #222;
--col2: black;
--swiper-image-ratio: 34%;
/* ratio 16:9 = 56.25% */
--swiper-width: 50%;
--swiper-inactive-scale: .85;
/* makes the other slide smaller */
/* responsive settings */
--swiper-mobile-width: 90%;
--swiper-mobile-inactive-scale: 1;
}
h2.card-title {
color: var(--col2);
}
.to-top {
color: #fff;
position: fixed;
bottom: 16px;
right: 32px;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
background: #1f1f1f;
text-decoration: none;
opacity: 0;
pointer-events: none;
transition: all 0.4s;
z-index: 999;
}
.bottom {
color: #fff;
position: fixed;
top: 16px;
right: 32px;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
background: #1f1f1f;
text-decoration: none;
opacity: 0;
pointer-events: none;
transition: all 0.4s;
z-index: 10;
}
.to-top.active,
.bottom.active {
bottom: 32px;
pointer-events: auto;
opacity: 1;
}
.to-top:hover,
.bottom:hover {
color: #fff;
text-decoration: none;
}
</style>
<style>
.dark-mode {
background-color: black;
color: white;
--col1: #ffe15a;
--col2: white;
}
</style>
<body>
<a href="#" id="scrolltopBtn" class="to-top">
<i class="fa fa-arrow-up"></i>
</a>
<button class="bottom">
<i class="fa fa-arrow-down"></i>
</button>
<div class="loader">
<!-- Changed Navbar Content and Search box below the navbar -->
<header>
<nav class="navbar navbar-expand-lg navbar-light d-flex justify-content-between" id="navBackground" style="background-color:#d7dee79c !important">
<a class="navbar-brand brand1 heading" href="#" style="color: var(--col1);">
<div id="animation" class="animate one">
A</span><span>n</span><span>i</span><span>m</span><span>e</span><span>P</span><span>e</span><span>d</span><span>i</span><span>a</span>
</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" href="./index.html" style="color: var(--col1);">Home</a>
<div class="theme-btn nav-link">
<button id="btn" class="btn btn-outline-dark btn-md" style=" border-radius: 30%;" onclick="darkMode()"><i id="themeIcon" class="bi bi-brightness-high "></i></button>
</div>
</div>
</div>
</nav>
<div class="search">
<div class="icon"></div>
<div class="input">
<input type="text" placeholder="search" id="mysearch">
</div>
<span class="clear" onclick="document.getElementById('mysearch').value = ' '"></span>
<!-- Search Result DIV for search Suggestion -->
<div class="search-results">
</div>
</div>
</header>
</div>
<main>
<div class="carouselContainer">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="swiper-image">
<div class="image">
<img src="./assets/main_bg.jpeg" alt="..">
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="swiper-image">
<div class="image">
<img src="./assets/bg2.jpeg" alt="..">
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="swiper-image">
<div class="image">
<img src="./assets/407322.webp" alt="..">
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev" style="width: 53px;height : 53px; margin-left: 18px;"></div>
<div class="swiper-button-next" style="width: 53px;height : 53px;margin-right: 18px;"></div>
</div>
</div>
<p align="center">
<h1 style="color: var(--col1);">
<div class="animate one">
<span>A</span><span>l</span><span>l</span> <span>A</span><span>n</span><span>i</span><span>m</span><span>e</span> <span>C</span><span>h</span><span>a</span><span>r</span><span>a</span><span>c</span><span>t</span><span>e</span><span>r</span><span>s</span></div>
</h1>
</p>
<hr width="70%">
<!-- Do not alter the code above this line unless you want to improve/ fix the website -->
<!-- Card section starts -->
<div class="container" id="cont">
<!--Sample Naruto card start-->
<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="./images/naruto.png" alt="Naruto" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Naruto Uzumaki</h2>
<p class="card-text">Naruto Uzumaki is the main protagonist in the popular manga and anime series Naruto. He is a cheerful, hyperactive, strong-willed, and occasionally simple-minded young shinobi from the village of Konoha (or Leaf Village).</p>
<p>Since Naruto has the Nine Tails Fox sealed inside him, he is able to use the Fox's chakra, which is much greater than the average human. Initially Naruto and the Fox hated each other, and would rarely grant Naruto his power
unless they were going to die. Eventually, they become friends, and Naruto then refers to the fox by his name, Kurama. At this point, Naruto can use Kurama's chakra at will.
</p>
<hr>
<p>Contributed by- Raunak Agarwal</p>
</div>
</div>
</div>
</div>
<!--Adding profile ended here-->
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/izumi.jpg" alt="Izumi Miyamura" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Izumi Miyamura</h2>
<p class="card-text">
Izumi Miyamura (宮村 伊澄 Miyamura Izumi?) is the main protagonists of the Horimiya series. He is a student in Class 3-1 of Katagiri Senior High School.
</p>
<p>
Izumi is of average height and he has a slim figure with pale skin. He is noted to be quite handsome and attractive with long lashes [6] and a slightly feminine-looking face, a feature that others often point out.[7][8][9] He also has deep blue eyes,
messy black hair that goes down to his nape with parted bangs and thin eyebrows. Izumi has a total of nine piercings: four down each ear and one on his lip, all of which were done by himself.[10] He also has a few dark-colored
tattoos on his left shoulder, upper left arm and side.
</p>
<hr>
<p>Contributed by- Raunak Agarwal</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">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/hori.jpg" alt="Kyouko Hori" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kyouko Hori</h2>
<p class="card-text">
Kyouko Hori (堀 京子 Hori Kyōko?) is one of the protagonists of Horimiya (Manga). She is a student in Class 3-1 of Katagiri Senior High School.
</p>
<p>
Kyouko is a tall and slim girl who is known to be cute and pretty by most of her classmates with mid-back length chestnut-brown hair that is usually tied up (whenever she is outside of school or in a casual setting) with bangs swept to the right side
and golden-brown eyes.
</p>
<hr>
<p>Contributed by- Muskan Singh</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Adding new profile here-->
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/Takemichi_Hanagaki.png" alt="Takemichi" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Takemichi Hanagaki</h2>
<p class="card-text">
Takemichi Hanagaki is the main protagonist of the 2017 Japanese manga series Tokyo Revengers<br> and its 2021 anime adaptation. He is a young man who can travel back in time: a time leaper. In order to save his girlfriend
Hinata Tachibana and over time, everyone he comes to care about, he decides to become a top member of the Tokyo Manji Gang in order to do so.
</p>
<hr>
<p>
Takemichi Hanagaki is an individual who’s lost the sense of direction, and that’s why he’s got low self-esteem. He apologizes for the smallest things and cries easily. He’s called a “crybaby hero” by his best friend Akkun.<br> As he’s not very financially stable, he badmouths the rich people. He’s the best version of a weak crybaby who’s empathetic and kind beyond his years and never gives up.
</p>
<hr>
<p>Contributed by- Urooj Ahmad</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">
<!-- kia_chisaki.jpg -->
<img src="./images/Kia_chisaki.jpg" alt="kia chisaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kia Chisaki</h2>
<p class="card-text">
Kai is a pale young man of narrow build with short, shaggy auburn hair, parted to the right. His eyes are thin, their irises small and gold, with rather long lower eyelashes and small eyebrows. He also possesses a small scar on the left side of his forehead
that he acquired as a result of his fight with the League of Villains. He has three piercings in his left ear. He usually has his mouth covered by a plague doctor mask. Following his battle with Izuku, however, his mask
is removed and his mouth is consequently uncovered. Following his defeat, he also lost both of his arms to Mr. Compress and Tomura Shigaraki during his escort to a villain hospital.
</p>
<p>
Kai wears a black dress shirt with matching dress pants, a pale gray tie around his neck and a belt with a long, thin buckle around his waist, with three beaded lobe piercings in his left ear. Over this, he wears a dark olive-green bomber jacket with
a thick purple fur collar and white lace-up sneakers with tan soles and no socks. The white surgical gloves he wears on his hands and the magenta plague mask he wears over his mouth, which is tipped and embroidered with
gold, are his most distinguishing features.
</p>
<hr>
<p>Contributed by- Tamosa Mondal</p>
</div>
</div>
</div>
</div>
<!--Sample Kia Chisaki card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4" style="max-width: 100%;">
<div class="row no-gutters">
<div class="col-md-4">
<!-- Minoru Mineta.jpg start-->
<img src="./images/Minoru Mineta.jpg" alt="Minoru Mineta" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Minoru Mineta</h2>
<p class="card-text">
Minoru is a very short teenage boy with a large, round head, and rather puffy cheeks. His nose is small, stubby and points slightly upwards, and he has an unusually distinguishable philtrum, oval-shaped eyes with large, black pupils, and notably thin
eyebrows. He has a head of very short dark purple hair with four large ball-shaped clumps resembling a mohawk.
</p>
<p>
Minoru can be very hypocritical, criticizing others for perceived perverted behavior, even if they turn out to be nothing more than misunderstandings. Minoru is one who always speaks his mind, even when it comes off as harsh and insulting due to his comments
being more on the cynical side. He also has a more teasing and goading side, even when he's not being perverted, and has a habit of jeering at others for the fun of it. He is not a bully however, and does express fear and
concern for when others have been hurt or are in danger.
</p>
<hr>
<p>Contributed by- Dipesh Das</p>
</div>
</div>
</div>
</div>
<!--Sample Minoru Mineta card end-->
<!--Add your card below this line -->
<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="./images/BuriBuri.png" alt="Naruto" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Buri Buri Zaemon</h2>
<p class="card-text">Buriburizaemon is a product of Shin-chan's imagination, but is treated as an actual character. He is a unique kind of hero who'll come running when someone calls for his help, but immediately defect to the other side if he's
outnumbered, and then ask you for a $10 million "rescue fee" (he takes loans).</p>
<p>A talking "heroic" but actually quite cowardly, lazy, treacherous, and funny pig that appears in some of the episodes and chapters about ancient Japan. His appearances are limited, due to the fact that his voice actor, Kaneto
Shiozawa, died in 2000, and the character has not had a speaking part since.
</p>
<hr>
<p>Contributed by- Swarna Shikhar Das</p>
</div>
</div>
</div>
</div>
<!--Sample 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">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/15-lupiniii-1660778366362.jpg" alt=" <div class=" card mb-3 card-bg my-4 "
style="max-width: 100%; ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Lupin</h2>
<p class="card-text ">
In the early ’70s, anime was still gaining a foothold as a legitimate and profitable
form of entertainment. It was still largely seen as a vehicle for either dramatic
stories, or children's tales, but Lupin brought adult comedy anime into the forefront.
Although his adult-oriented themes took a while to catch on, eventually his lecherous
antics and suave handling of epic heists brought grown-ups firmly into anime and proved
to Japanese studio execs that this kind of title
could make them money. From Rome, to Paris, to Rio, Lupin traveled far and wide in
search of booty… both kinds. It was Lupin's love of women and his dirty mind that
provided much of the comedy in the series, and it was
the first time racy humor found itself in popular anime.
</p>
<p>
But the most beautiful part of the anime version of Lupin is that he's much more
chivalrous than his manga counterpart. The anime version of the character was much more
appropriate for the times and fir his role as a leading man of anime.
</p>
<hr>
<p>Contributed by- Harsh Kalra</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here with the complete name (with extension) of the image you uploaded -->
<img src="./images/utsumi.png " alt="Hiroko Utsumi " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Hiroko Utsumi</h2>
<p class="card-text ">
Hiroko Utsumi (内海紘子, Utsumi Hiroko) is a Japanese anime director, animator, storyboard
artist, and manga artist.
</p>
<p>
She is best known for her work with Kyoto Animation, particularly as the original
director of Free!. After leaving Kyoto Animation's affiliate company Animation Do, she
directed the anime adaptation of Banana Fish manga, and created and directed SK8 the
Infinity with Bones. She is a graduate of the Osaka Municipal College of Design.
</p>
<hr>
<p>Contributed by- Pratibha Singh</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/313152.jpg " alt="Izaya Orihara " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Izaya Orihara</h2>
<p class="card-text ">
A young man who sells information for his own enjoyment.
He claims to love the entire human race except for Shizuo Heiwajima, and exhibits said
love by putting humans in often miserable conditions and observing their reactions.
</p>
<p>
He attended Raira Academy with Shizuo, Shinra and Kadota.
According to Shinra, Izaya and Shizuo hated each other with a passion almost from the
point they met.
In the novels Izaya framed Shizuo for crimes on several occasions. In the anime he puts
Shizuo in constant problems, such as gangs attacking him daily up to framing him of
crimes.
</p>
<hr>
<p>Contributed by- Harsh Kalra</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/Mafuyu Sato.jpg " alt="Mafuyu Sato " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Mafayu Sato</h2>
<p class="card-text ">
Mafuyu Sato (佐藤 真冬 Satō Mafuyu) is one of the main protagonists
alongside Ritsuka Uenoyama in the Given anime. He attends the same school
as Uenoyama and has an extravagant singing voice. Ever since he asked Uenoyama
to fix his guitar upon their first meeting, he has become emotionally attached to
Uenoyama.
"It was a chance for me to fix the guitar, so I became attached to the summer. "
Mafuyu owns a nine-month-old Pomeranian named Kedama. He is dating Ritsuka Uenoyama
Anime
</p>
<p>
Mafuyu is quiet, introverted and reserved. He has a difficult time expressing himself
and interacting with other people. On the other hand, Mafuyu can express his feelings
and emotions through his songs. He is very diligent when it comes to his band and is
paying attention even if it does not come across as such.
Mafuyu shows that he is very straightforward in his style of speech
and tends to take certain things literally. Despite his naive and spaced out demeanour,
he shows to be very sharp and observant about things that happen around him and also
sensitive to other people‘s emotions. Sometimes Mafuyu can be sarcastic and quite
aggressive.
</p>
<hr>
<p>Contributed by-Priyadarshni Jha</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 ">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="https://bit.ly/3VtIUvl " alt="Mafuyu Sato " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Shinpachi Shimura - 'Gintama'</h2>
<p class="card-text ">
Where would Gintama be without Shinpachi? The Yorozuya likely wouldn't
be able to function at all, either as an odd-jobs business or as a meta
purveyor of comedy. Shinpachi is the one who makes sure they stick to a
schedule and complete tasks, and he even manages to keep Gintoki and
Kagura from committing too many arrestable offenses. As the most serious
and logical person in the trio, he makes the other two seem far more absurd,
which adds an extra layer of humor to the show.
</p>
<p>
But Shinpachi isn't without his own bizarre foibles
. If you get him talking about his idol obsession,
he seems every bit as ridiculous as Kagura when she's
eating her weight in pickled seaweed or fighting her
giant dog. Still, when it comes to helping the other
members of the Yorozuya defeat an enemy or solve a
serious problem, he can always be counted on.
</p>
<hr>
<p>Contributed by-Anshika Dubey</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 ">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/syura.jpg " alt="Syura " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Syura</h2>
<p class="card-text ">
Syura is a major antagonist of the Akame ga Kill! anime/manga series, serving as the
main antagonist of the Wild Hunt Arc, and as a minor antagonist in the prequel Akame ga
Kill! Zero. He is the cruel, selfish, and spoiled leader of Wild Hunt and the son of the
Prime Minister.
He, along with his group, abuse their power by committing various crimes for fun.
</p>
<p>
He is next seen observing the battle between the new Danger Beasts and Seryu.
After she finished killing them, he notes to himself that the Jaegers are very powerful,
but that they are not as strong as the group he is putting together, and that they can
play with his "toys " until they arrive.
</p>
<hr>
<p>Contributed by- Sagar Kasana</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!-- Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/godeater.jpg " alt="Soma Schicksal " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Soma Schicksal</h2>
<p class="card-text ">
Soma Schicksal is a character introduced in God Eater Burst. He is a God Eater veteran
at the age of only 18 and a member of the 1st Unit.
Son of Johannes von Schicksal and Aisha Gauche. In God Eater 2, he joined the traveling
branch Cradle along with Alisa, Lindow, and the Protagonist. Soma is the main character
in God Eater Prologue.
</p>
<p>
Soma is introduced during an early mission in God Eater Resurrection. He is aloof and
lonely, and many God Eaters try to avoid him due to the high number of casualties that
seem to take place near him.
True to the rumors, during the Protagonist's first mission with him, Eric der Vogelweid
is brutally killed by an Ogretail.
</p>
<hr>
<p>Contributed by- Sagar Kasana</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!-- Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/Nishimiya-Shoko.png " alt="Nishimiya Shoko " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Nishimiya Shoko</h2>
<p class="card-text ">
A young, deaf transfer student with an amazingly positive outlook on life.
Despite being a victim of continuous bullying, she always keeps a smile on her face.
</p>
<p>
While Shōko may not be completely deaf (given the hearing aids she possesses in both
ears),
Shōko is a very easy going person and is able to quickly forgive many, such as Shōya;
her childhood bully.
She is somewhat clueless and doesn't see herself as a special individual that needs to
be pitied.
Shōko is also hard to anger and slow to cry, as she has endured a long, painful life;
with her mother aside leaving her grandmother to take care of the Nishimiya sisters.
her hearing loss is drastic enough to the point that she can be considered clinically
deaf.
</p>
<hr>
<p>Contributed by- Amit Das</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here with the complete name (with extension) of the image you uploaded -->
<img src="./images/spike.jpg " alt="spike spiegel " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">spike spiegel</h2>
<p class="card-text ">
Spike Spiegel (Japanese: スパイク・スピーゲル, Hepburn: Supaiku Supīgeru) is a fictional character
introduced as the protagonist of the 1998 anime series Cowboy Bebop.
</p>
<p>
Spike was created by series director Shinichirō Watanabe and was designed by Toshihiro
Kawamoto as part of the production entity Hajime Yatate.Spike was created by series
director Shinichirō Watanabe and was designed by Toshihiro Kawamoto as part of the
production entity Hajime Yatate.
</p>
<hr>
<p>Contributed by- Shiwani kumari</p>
</div>
</div>
</div>
</div>
<!--Add your card below this line -->
<!--Sample [Character Name] 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 ">
<!-- Replace image_name_here with the complete name (with extension) of the image you uploaded -->
<img src="./images/Kento_Nanami.jpg " alt="Kento Nanami " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Kento Nanami</h2>
<p class="card-text ">
Kento Nanami (七なな海み建けん人と Nanami Kento) is a supporting character in Jujutsu Kaisen.
He was a former student of Tokyo Jujutsu High where he was an underclassman of Satoru
Gojo
and Suguru Geto. Nanami initially left Jujutsu High after graduating to become a
salaryman,
but returned four years later to continue working as a jujutsu sorcerer.
</p>
<p>
While working as a Jujutsu High sorcerer, Nanami was ranked grade 1 and operated
primarily
out of the Tokyo campus. With Satoru's introduction, he also became a close mentor to
Yuji Itadori.
</p>
<hr>
<p>Contributed by- Shubhajit Roy</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here with the complete name (with extension) of the image you uploaded -->
<img src="./images/GasaiYuno.jpg " alt="Gasai Yuno " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Gasai Yuno</h2>
<p class="card-text ">
Yuno Gasai is obsessively in love with Yukiteru (Yandere) as one can
safely guess from just the simple name of her future diary. Yukiteru's
condition and actions are recorded every ten minutes in her "Yukiteru " diary,
it also provides small commentary made by Yuno in some of the entries.
</p>
<p>
Smart, beautiful and diligent—those who don't truly know Gasai Yuno would
simply see the model student role she plays while at school. She is secretly
obsessed with Yukiteru and would do anything within her power to assist him.
She can be quite clingy and is highly fond of stalking him. When obstacles arise
that either endangers Yukki's life or threatens their relationship, her thoughts
turn murderous and she lets nothing get in the way of her path. Yuno is also able
to quickly analyze and adapt to unexpected situations that may arise, and she puts
thoughts into action without hesitation, performing what needs to be done without
ever losing her nerves.
</p>
<hr>
<p>Contributed by- Piyush Dwivedi</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/totoro.png " alt="totoro " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Totoro</h2>
<p class="card-text ">
My Neighbor Totoro arguably one of the best anime of all time. This is a guide to Studio
Ghibli’s Cast and Characters in My Neighbor Totoro.
This animation was released in Japan in 1988 is a Studio Ghibli anime written/directed
by Hayao Miyazaki. The plot of the movie tells a story about two sisters: Satsuki and
Mei Kusakabe. Whereas the two live in post-war Japan in a rural village with their dad.
Their mother in the anime is recovering from an unknown illness. Then the story leads
them to go into the forest around their home. In meeting a bunch of friendly spirits and
magical adventures.
</p>
<hr>
<p>Contributed by-sandipan</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here with the complete name (with extension) of the image you uploaded -->
<img src="./images/kushina.jpg " alt="Kushina " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Kushina</h2>
<p class="card-text ">
Kushina Uzumaki was one of the main characters of the Naruto series, as well as a all
powerful kunoichi who was the wife of Minato Namikaze and the mother of Naruto Uzumaki.
She was also the second Jinchuuriki of Kurama, the Nine-Tailed Fox.
</p>
<p>
In her childhood, Kushina was a headstrong, impulsive, eccentric, and stubborn girl.
According to Jiraiya, Kushina was also talkative and tomboyish
</p>
<hr>
<p>Contributed by- Pranjal Dhar Dwivedi</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Sample Liorio card start-->
<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="./images/leorioHxH.jpg " alt="Liorio " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Leorio Paradinight</h2>
<p class="card-text ">Leorio is a tall, manly-looking, fairly muscular young man with small
brown eyes, black hair, and a spiked crew cut. He typically wears a dark blue business
suit, black shoes, and a pair of tea shade sunglasses. Some of the characters such as
Killua near at the beginning of the story mistake Leorio for an old man, but he is
actually a lot younger than he looks, being a teenager at the start of the series.
</p>
<p><strong>Personality</strong><br>
Leorio is initially introduced as a very selfish narcissist who places great emphasis on material
wealth. Despite his assertions that he is only after money, he eventually reveals to Kurapika that
his dream is to one day become a doctor in order to help the poor. He believes that all things in
the world (lives, dreams, etc.) can be bought and that becoming a Hunter will provide him with the
necessary funds for his medical education. Due to his first spat with Kurapika, as well as the test
on the way to the navigator's cabin, it seems that he has a sensitivity for those who do not take
him seriously or treat him with disrespect. His real priorities seem to be friends first, then his
dream of becoming a great doctor, with everything else afterward.</p>
<hr>
<p>Contributed by- Raunak Agarwal</p>
</div>
</div>
</div>
</div>
<!--Sample Liorio card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here with the complete name (with extension) of the image you uploaded -->
<img src="./images/kotori.jpg " alt="Kotori Itsuka " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Kotori Itsuka</h2>
<p class="card-text ">
Kotori is Shido's foster sister and the commander of Ratatoskr. Her parents are also
employees of Ratatoskr.
</p>
<p>
Originally she was a human but gained the power of a Spirit five years ago, at the same
time she was saved by Shido. There is no record of how Kotori obtained her Spirit
powers; does not know why her and Shido's memories seem vague or missing from that
crucial point.
</p>
<hr>
<p>Contributed by- Shreya Verma</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/Rin-Toosaka.jpg " alt="Teru mikami " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Rin Toosaka</h2>
<p class="card-text ">
Rin is a model student and idol of Shirou's school.
She barely talks to other students in her school and exhibits a desire to be left alone
as
exemplified by her tendency to stay on the school's rooftop,
away from the rest of the students. She is secretly a Magus and a Master in the Fifth
Holy Grail War. In the beginning of the anime,
she summons Archer for her Servant, although she originally wanted to summon Saber.
Rin is reared as the successor to her family's magecraft, instructed by her father
Tokiomi Toosaka to prioritize sorcery over her own interests..
</p>
<p>
Two centuries ago, the Toosaka House, in collaboration with the estates of Makiri and
Einzbern, helped found the Fuyuki Holy Grail Wars.
The land of Fuyuki City, which possessed the second greatest spiritual power in all
Japan, was owned by Rin's ancestor, Nagato Toosaka;
at the behest of the Einzberns, he provided his property as battleground for present and
future wars.
Nagato was a kirishitan, as well as a pupil of Zelretch;
these titles gave him considerable influence in both the Mage's
Association and the Church, allowing the Toosaka family to participate in the Holy Grail
Wars, free from harassment by either organization.
</p>
<hr>
<p>Contributed by-Akhand Pratap Singh</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
<div class="row no-gutters ">
<div class="col-md-4 ">
<!-- Replace image_name_here with the complete name (with extension) of the image you uploaded -->
<img src="./images/shiro.jpg " alt="Shiro " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Shiro</h2>
<p class="card-text ">
Shiro (シロShiro), Lucky in the Vitello, Phuuz and Dutch dubs, and Whitey in the
Funimation and LUK Internacional dubs, is a white (Shiro means white) pup Shin-chan
found in a cardboard box in episode 7b (I found a Puppy). While he is a beloved member
of the family, he is the subject of neglect thanks to his owner's forgetfulness and
short attention-span. He is a very intelligent dog, often presenting logic and intellect
that surpasses his human owners. As his meals from the Noharas are at best inconsistent
and at worst far-in-between, he has developed a venerable talent for foraging and
scavenging to survive days without meals. An oddly human-like dog, he is very
responsible and painstakingly careful. He saves the world under the superhero moniker of
Super Shiro
</p>
<p>
He is very beloved to Shin-chan, but Shin-chan often teases, mocks and forgets him. His
doghouse also often ends up becoming a place for Shin-chan to hide himself or something
he doesn't want his family to find. Shiro often plays protector to Himawari, more often
than not sacrificing his well-being in the process. In SPECIAL 53 it is discovered that
Shiro and Shin-chan are born in the same year, which means that they are both 5 years
old
</p>
<hr>
<p>Contributed by- Vikas Chaudhary</p>
</div>
</div>
</div>
</div>
<!--Sample [Character Name] card end-->
<!--Sample Konan card start-->
<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="./images/konan.jfif " alt="Konan " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Konan</h2>
<p class="card-text ">
Konan is a supporting character in the manga and anime Naruto. She was the only kunoichi
in the Akatsuki and the partner of Nagato, being the only member to call him by his real
name. She became the leader of Amegakure after defecting from Akatsuki.
She is voiced by Atsuko Tanaka in the Japanese version of the anime, and by Dorothy
Elias-Fahn in the English version of the anime.</p>
<p>Konan was a stoic, calm, and level-headed woman (much like her partner, Nagato).
During her childhood, she was a bright, compassionate and relatively cheerful little
girl, in comparison to Yahiko's tough attitude and Nagato's sensitivity. However, the
traumatic events since then have led her to become very serious, and she never spoke
during Akatsuki meetings. Nevertheless, she has always placed the safety of her
team-mates above her own.
</p>
<hr>
<p>Contributed by- Harsh</p>
</div>
</div>
</div>
</div>
<!--Sample card end-->
<!--Sample card start-->
<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="./images/gaara.jpg " alt="Gaara " height="390px " width="300px ">
</div>
<div class="col-md-8 ">
<div class="card-body ">
<h2 class="card-title ">Gaara</h2>
<p class="card-text ">Gaara is an antagonist-turned-supporting character in the Naruto
anime/manga series and the Boruto: Naruto Next Generations anime/manga series. He is
currently the Kazekage of Sunagakure (Hidden Sand Village) in Naruto Shippuden.
He was formerly a villain in the early part of Naruto, being a threat in the Chunnin
Exams. He was a misanthrope due to discrimination and isolation he experienced in
childhood because the Shukaku, or the One-Tailed Demon
sealed inside of him. His hatred was extinguished by Naruto Uzumaki upon his defeat. As
the current Kazekage, he administrates and protects his village. Gaara is also the
youngest to be ever to become Kazekage. He occasionally
assists Naruto or the Hidden Leaf in general. </p>
<p>He can control sand and his ninja techniques are mainly sand based. He was captured by
the Akatsuki and extracted Shukaku by using the Gedo Statue as result of his death until
he was revived by Chiyo with the reincarnation
ninjutsu in exchange for her to die. While forming the Allied Shinobi Forces, Gaara
became commander of the Fourth Division as well as the commander-in-chief of the forces.
After the Fourth Shinobi War, he remained as the
Kazekage and adopted Shinki as a son to control his Iron Sand that was created by the
Third Kazekage. He is voiced by Akira Ishida in the Japanese version of the anime, and
by Liam O'Brien in the English version of the
anime.
</p>
<hr>
<p>Contributed by- Harsh</p>
</div>
</div>
</div>
</div>
<!--Sample Gaara card end-->
<!--Add your card below this line -->
<!--Sample Blast card end-->
<!--Add your card below this line -->
<div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">