forked from DecodersCommunity/animepedia
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
3114 lines (2943 loc) · 189 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://unicons.iconscout.com/release/v4.0.0/css/line.css">
<title>AnimePedia</title>
</head>
<style>
.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;
}
.to-top.active {
bottom: 32px;
pointer-events: auto;
opacity: 1;
}
.to-top:hover {
color: #fff;
text-decoration: none;
}
</style>
<style>
.dark-mode {
background-color: black;
color: white;
}
</style>
<body>
<a href="#" class="to-top">
<i class="fa fa-arrow-up"></i>
</a>
<div class="loader">
<header>
<nav class="navbar fixed-top navbar-expand-lg navbar-light">
<a class="navbar-brand brand1 ml-4" href="#" style="color: blue;">AnimePedia</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="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>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active mx-4">
<a class="nav-link" href="./index.html" style="color: blue;">Home</a>
</li>
<!-- <li class="nav-item mx-4">
<a class="nav-link" href="./about.html" style="color: beige;">About</a>
</li> -->
<li>
<div class="theme-btn">
<button onclick="darkMode()">Darkmode</button>
</div>
</li>
</ul>
</div>
</nav>
</header>
<main>
<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_bg.jpeg" class="d-block w-100" alt="..." height="500px">
</div>
<div class="carousel-item">
<img src="./assets/bg2.jpeg" class="d-block w-100" alt="..." height="500px">
</div>
<div class="carousel-item">
<img src="./assets/407322.webp" class="d-block w-100" alt="..." height="500px">
</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>
<p align="center">
<h1 style="color: blue;">All Anime Characters</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 satoru gojo 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">
<!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
<img src="./images/Satoru_Gojo.jpg" alt="Satoru Gojo" height="390px" width="300px" />
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Satoru Gojo</h2>
<p class="card-text">
Satoru Gojo is one of the main protagonists of the Jujutsu Kaisen series. He is a
special grade jujutsu sorcerer and widely recognized as the strongest in the world.
Satoru is the pride of the Gojo Family, the first
person to inherit both the Limitless and the Six Eyes in four hundred years. He
works as a teacher at the Tokyo Jujutsu High and uses his influence to protect and
train strong young allies.
</p>
<p>
Satoru is a tall man with a lean build in his later twenties who is considered
relatively attractive, mainly due to his facial features. He has snow-white hair and
the Six Eyes, which are a vibrant blue color. Satoru
normally covers his eyes with a black blindfold which props up his hair and gives it
a spikier appearance. When sporting a more casual look, Satoru will wear sunglasses
and let his hair down to reach the base of his
neck. While working, Satoru wears a dark blue zip-up jacket with a high collar
that's also fairly wide. He wears slim-fit matching black pants and black dress
boots.
</p>
<hr />
<p>Contributed by- Vaibhav Dixit</p>
</div>
</div>
</div>
</div>
<!--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>
<!--Sample Naruto 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/akuto-sai-1.jpg" alt="AKUTO SAI" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">AKUTO SAI</h2>
<p class="card-text">
Aka: Demon King, Ma-Ou
</p>
<p>
Akuto has an incredible amount of power within him that sometimes gets out of
control. Akuto has a highly serious personality but not without some humor. In the
manga, he has much more of a temper, and, in a fight, is unwilling to hold anything
back. In the anime, he tries to restrain himself in order to convince everyone that
he has no desire to be the Demon King.
Powers:
Akuto is capable of controlling and manipulating "mana", a magical energy that
resides in the bodies of living things and in surroundings. For instance, he is able
to absorb the mana of a large demon dog, thus transforming it back into a normal
puppy, a feat that has never been performed before. However, his immense power is
also highly volatile and most of his early attempts at controlling mana and creating
magical projectiles, no matter how benign they are supposed to be, resulted in
catastrophic explosions.
His name is phonetically very similar to a Japanese phrase meaning "Great/Ultimate
villain".
</p>
<hr>
<p>Contributed by- AgRaj KaTiYaR</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/sanji.jpg" alt="sanji" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Sanji</h2>
<p class="card-text">
Vinsmoke Sanji, also known as "Black Leg" Sanji, is a fictional character in the One
Piece franchise
created by Eiichiro Oda. A native to the North Blue, Sanji grew up as part of the
Vinsmoke family under
his father Vinsmoke Judge, king of the Germa Kingdom, and mother Vinsmoke Sora.
</p>
<p>
With the Straw Hats taking down the Beasts Pirates, they have once again caught the
eye of the World Government,
who wasted no time in issuing new bounties to the crew. The bounty system has caused
controversies in the past
as many One Piece fans tend to think that it is a representation of a character's
power. This time, it is Sanji's
new bounty that has sparked many debates as it is lower than Zoro and Jimbei's
bounties.
</p>
<hr>
<p>Contributed by- sangam verma</p>
</div>
</div>
</div>
</div>
<!--Sample sanji 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/levi.jpg" alt="Levi Ackerman" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Levi Ackerman</h2>
<p class="card-text">
Levi Ackerman is one of the most popular characters in the Attack on Titan series,
who is a captain of the Special Operation Squad and in the Survey Corps, whose
abilities cannot be underestimated.
</p>
<p>
Levi is a captain who has exceptional skills on the battlefield. Not only that, he
also has enough strategic intelligence to make him a formidable opponent.
He has an even expression despite his great abilities, ranging from fighting to
completing homework. That’s the reason why Levi is so beloved by fans of the Attack
on Titan manga and anime.
</p>
<hr>
<p>Contributed by- Priyanshi Dhanuka</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/brock.png" alt="brock" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">brock</h2>
<p class="card-text">
Brock, known as Takeshi (タケシ) in Japan, is a fictional character in the Pokémon
franchise owned by Nintendo. In the Pokémon video games, he is the Gym Leader of
Pewter City and mainly uses Rock-type Pokémon. In the anime series, Ash comes across
a man that is later revealed to be Brock's father.
</p>
<p>
He explains that Brock wanted to become a Pokémon Master but due to his father
leaving, Brock had to take care of his many, many siblings and could not leave. This
is why he became a gym leader, to stay close to his family. His father comes back
and states that he will take care of the family. Brock left his position as a Gym
Leader to travel alongside Ash Ketchum and became a revered Pokémon breeder. He
later cultivates his skill in medicine, and goes to Pewter City in order to train
and become a Pokémon doctor. He has also appeared in several Pokémon manga series,
including Pokémon Adventures and the Ash & Pikachu manga.
</p>
<hr>
<p>Contributed by- Abhishek verma</p>
</div>
</div>
</div>
</div>
<!--Sample brock 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/tanjiro_ep20_s5-1.png" alt="Tanjiro" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kamado Tanjiro</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, and later swore to defeat Muzan Kibutsuji, the King of Demons,
in order to prevent others from suffering the same fate as him.
</p>
<p>
Before he became a Demon Slayer, Tanjiro was a coal burner before his entire family
was slaughtered by Muzan while his younger sister, Nezuko, was turned into a demon.
</p>
<hr>
<p>Contributed by- Barmendu Chakraborty</p>
</div>
</div>
</div>
</div>
<!--Sample Tanjiro 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/3437a2c17ac6e710f946908182ea7100.jpg" alt="Monkey D. Luffy"
height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Monkey D. Luffy</h2>
<p class="card-text">
Monkey D. Luffy (/ˈluːfi/ LOO-fee) (Japanese: モンキー・D・ルフィ, Hepburn: Monkī Dī Rufi,
[ɾɯɸiː]), also known as "Straw Hat" Luffy[n 2], is a fictional character and the
main protagonist of the One Piece manga series, created by Eiichiro Oda. Luffy made
his debut in chapter one as a young boy who acquires the properties of rubber after
accidentally eating one of the devil fruits the Gum Gum Fruit, originally known as
the Human-Human Fruit,
</p>
<p>
Luffy is the captain of the Straw Hat Pirates, and dreamt of being a pirate since
childhood from the influence of his idol Red-Haired Shanks. At the age of 17, Luffy
sets sail from the East Blue Sea to the Grand Line in search of the legendary
treasure, One Piece, to succeed Gol D. Roger as "King of the Pirates".
</p>
<hr>
<p>Contributed by- Rishita Garg</p>
</div>
</div>
</div>
</div>
<!--Sample Monkey D. Luffy card and...-->
<!--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/madara.jpg" alt="Uchiha Madara" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Uchiha Madara</h2>
<p class="card-text">
Madara Uchiha (うちはマダラ，Uchiha Madara) was the legendary leader of the Uchiha clan.
He founded Konohagakure alongside his childhood friend and rival, Hashirama Senju,
with the intention of beginning an era of peace.
</p>
<p>
When the two couldn't agree on how to achieve that peace, they fought for control of
the village, a conflict which ended in Madara's death. Madara, however, rewrote his
death and went into hiding to work on his own plans.
Unable to complete it in his natural life, he entrusted his knowledge and plans to
Obito shortly before his actual death.
</p>
<hr>
<p>Contributed by- Evilseye</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/eren_yeager.png" alt="Eren Yeager" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Eren Yeager</h2>
<p class="card-text">
Eren Yeager (エレン・イェーガー), named Eren Jaeger in the anime Attack on Titan,
is a fictional character and the protagonist of the Attack on Titan manga series
created by Hajime Isayama
</p>
<p>
In order to defeat enormous humanoid creatures known as Titans, Eren enlists in the
Military and joins the Survey Corps—an elite group of soldiers who fight Titans
outside the walls and also study the physiology of Titans in order to know what they
are fighting.
</p>
<hr>
<p>Contributed by- Aryan Sharma</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/zenitsu.jpg" 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 (我妻 善逸) is one of two tritagonists (alongside Inosuke Hashibira) of
the 2016 fantasy horror anime and manga series Demon Slayer: Kimetsu no Yaiba, as
well as the movie, Demon Slayer: Kimetsu no Yaiba the Movie: Mugen Train. The manga
and anime proved successful, and the story was adapted into a stage play, with
upcoming performances as the anime continues.
<p>
Zenitsu is a powerful Demon Slayer and a member of the Demon Slayer Corps. Although
he was originally roped into joining the Corps by his mentor Jigoro Kuwajima,
Zenitsu later realizes the importance of the Demon Slayer Corps.
</p>
<hr>
<p>Contributed by- Harsh Vardhan Singh</p>
</div>
</div>
</div>
</div>
<!--Sample Temari 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/Gouenji.jpg" alt="Gouenji Shuuya" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Gouenji Shuuya</h2>
<p class="card-text">
Gouenji Shuuya (豪炎寺ごうえんじ 修也しゅうや, Gōenji Shūya) is one of the main characters of the
original
Inazuma Eleven series. Introduced in the first game as a transfer student from
Kidokawa Seishuu,
he soon joined the Raimon soccer club.
</p>
<p>
</p>
<hr>
<p>Contributed by- Kaustubh Dixit</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/Endou.png" alt="Endou Mamoru" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Endou Mamoru</h2>
<p class="card-text">
Endou Mamoru (円堂えんどう 守まもる，Endō Mamoru) is the main protagonist of the original
Inazuma Eleven series. He is Raimon and, later, Inazuma Japan's goalkeeper and
captain.
</p>
<p>
</p>
<hr>
<p>Contributed by- Kaustubh Dixit</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/tatsumaki.jpg" alt="tatsumaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Tatsumaki</h2>
<p class="card-text">
Tatsumaki (タツマキ, Tatsumaki; Viz: Tornado), also known by her hero alias Tornado of
Terror (戦慄のタツマキ, Senritsu no Tatsumaki; Viz: Terrible Tornado), is the S-Class Rank
2 professional hero of the Hero Association. She is recognized as one of the Hero
Association's most powerful heroes.[4][5] She is an esper and the older sister and
self-declared teacher of Fubuki. She and her sister are known as the Psychic Sisters
(エスパー姉妹, Esupā Shimai)
</p>
<p>
Tatsumaki has a rather brash, moody, hotheaded, and impatient personality. She is
disrespectful towards most people, especially to those she deems incompetent. She is
completely intolerant to those she deems impertinent, as shown when she slammed
Genos into a large piece of rubble for retaliating against her verbal abuse of
Saitama.[8] However, she did stop when Bang scolded her for her actions to him.[8]
Tatsumaki especially dislikes being ignored or being called things like "brat" and
"runt"
</p>
<hr>
<p>Contributed by- Anuj Kumar 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/tyson.jpg" alt="Tyson" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Tyson</h2>
<p class="card-text">
Tyson Granger, known in Japan as Takao Kinomiya (木ノ宮タカオ Kinomiya Takao) is the main
protagonist from the Original Series, consisting of Beyblade, Beyblade: V-Force and
Beyblade: G-Revolution. He is a member and leader of the G-Revolutions and the BBA
Revolution. His Bit-Beast and Beyblade is Dragoon - one of the 4 Sacred Bit-Beasts.
</p>
<p>
</p>
<hr>
<p>Contributed by- Kaustubh Dixit</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/vegeta2.jpg" alt="Vegeta" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Vegeta</h2>
<p class="card-text">
Vegeta is the deuteragonist of the Dragon Ball franchise. He starts as the main
antagonist of the Saiyan Saga, but as the story progresses, he becomes one of the
heroes of the Z Warriors. He is the prince of the warrior race known as the Saiyans.
He is Bulma's husband and the father of Trunks and Bulla. He also has an on & off
rivalry with Goku, but they are usually on good terms.
</p>
<p>
</p>
<hr>
<p>Contributed by- Kaustubh Dixit</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">
<img src="./images/Piccolo.png" alt="Killua" height="380px" width="380px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Piccolo</h2>
<p class="card-text">
Piccolo Jr. (ピッコロ・ジュニア Pikkoro Junia, lit. "Piccolo Junior"), usually just called
Piccolo or
Kamiccolo and also known as Ma Junior (マジュニア Ma Junia), is a Namekian and also the
final child
and reincarnation of King Piccolo.
</p>
<p>
According to Grand Elder Guru, Piccolo, along with Kami and King Piccolo, are part
of the Dragon
Clan, who were the original creators of the Dragon Balls.
</p>
<hr>
<p>Contributed by- Rohan Kumar 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/L(DN).png" alt="L" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">L Lawliet</h2>
<p class="card-text">
L Lawliet is a world-renowned detective who takes on the challenge of catching the
mass murderer known as Kira. In his investigation, L becomes suspicious of Light
Yagami and makes it his goal to prove that Light is Kira.
</p>
<p>
</p>
<hr>
<p>Contributed by- Kaustubh Dixit</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/download.jpg" alt="Yagami" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Light Yagami</h2>
<p class="card-text">
Light Yagami (夜神月，Yagami Raito) is the main protagonist of the Death Note series.
After discovering the Death Note, he decides to use it to rid the world of
criminals.
</p>
<p>
His killings are eventually labelled by the people living in Japan as the work of
"Kira."
</p>
<hr>
<p>Contributed by- Utkarsh Pandey</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/opm.png" alt="One punch man" height="370px" width="370px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">One Punch Man</h2>
<p class="card-text">
One-Punch Man (Japanese: ワンパンマン，Hepburn: Wanpanman) is a Japanese superhero manga
series created by One. It tells the story of Saitama, a superhero who, because he
can defeat any opponent with a single punch, grows bored from a lack of challenge.
One wrote the original webcomic manga version in early 2009.
</p>
<p>
As of June 2012, the original webcomic manga surpassed 7.9 million hits. As of April
2020, the manga remake had sold over 30 million copies worldwide, making it one of
the best-selling manga series.
</p>
<hr>
<p>Contributed by- Rohan Kumar 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/lelouch-lamperouge.jpg" alt="[Character Name here]" height="390px"
width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Lelouch Lamperouge</h2>
<p class="card-text">
The words "the ends justify the means" were his mantra....
</p>
<p>
Lelouch was one of the best examples of a hero gone astray. As often happens in
dramatic stories, his good intentions paved a road to a dark place.
His rise and downfall is almost Shakespearean in nature, as his own pride and
arrogance cloud his judgment and he misses out on what was truly important.
But at least he did it all with a sense of dramatic flair! His alter ego Zero,
complete with mysterious helmet and flowing cape, was an iconic tool to secure a
place in the psyche of both his enemies and his followers.
In the end, Lelouch's plans are successful, though not in the way anyone ever
expected.
</p>
<hr>
<p>Contributed by- AGRAJ KATIYAR </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/itachi.jpg" alt="Itachi Uchiha" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Itachi Uchiha</h2>
<p class="card-text">
Itachi Uchiha (Japanese: うちは イタチ，Hepburn: Uchiha Itachi) is a character in the
Naruto manga and anime series created by Masashi Kishimoto. Itachi is the older
brother of Sasuke Uchiha, and is responsible for killing all the members of their
clan, sparing only Sasuke. He appears working as a terrorist from the organisation
Akatsuki and serves as Sasuke's greatest enemy
</p>
<p>
Itachi's character has been popular with readers of the manga,[6] and has been
positively received by critics. His appearance as an antagonist has been praised by
several writers, although some have considered his initial appearance to be
unsurprising.
</p>
<hr>
<p>Contributed by- Harsh Raj Srivastav</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/goku.jpg" alt="Goku" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Goku</h2>
<p class="card-text">
Son Goku (孫そん悟ご空くう Son Gokū, Japanese pronunciation: [sõŋgokɯː]), born Kakarot
(カカロット Kakarotto, Japanese pronunciation: [kakaɾot̚to]), is a Saiyan raised on Earth
and the overall main protagonist of the Dragon Ball series
</p>
<p>
Originally was sent to Earth as an infant, Kakarot would be adopted by Grandpa Gohan
who named him Son Goku.
</p>
<hr>
<p>Contributed by- Madhav 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/roronoa_zoro.jpg" alt="Roronoa Zoro" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Roronoa Zoro</h2>
<p class="card-text">
Roronoa Zoro,also known as "Pirate Hunter" Zoro, is the combatant of the Straw Hat
Pirates, one of their two swordsmen and one of the Nine Senior Officers of the Straw
Hat Grand Fleet.
</p>
<p>
Formerly a bounty hunter, he is the second member of Luffy's crew and the first to
join it, doing so in the Romance Dawn Arc.
</p>
<hr>
<p>Contributed by- Madhav Dwivedi</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/Sakata_Gintoki.jpg" alt="Sakata Gintoki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Sakata Gintoki</h2>
<p class="card-text">
Gintoki Sakata (坂田 銀時，Sakata Gintoki) is the main protagonist of the Gintama
series. He is the founder and president of the Yorozuya, as well as a highly-skilled
samurai, having fought in the Joui War in the past.
</p>
<p>
During the war, he became known as the Shiroyasha (literally meaning "White Yaksha",
a kind of demon in Buddhism and Hinduism) due to his powerful swordsmanship, demonic
appearance, white clothing, and silver hair.
</p>
<hr>
<p>Contributed by- Yash 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/accelerator.jpg" alt="Accelerator" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Accelerator</h2>
<p class="card-text">
As Accelerator is super-strong, he tends to rely on his powers and brain and rarely
trusts anyone else. Because of being chased down by many researchers who are after
him because of his potential, he developed a maniacal and twisted personality
</p>
<p>
He’s pretty scary when he’s fighting with anyone, not afraid of killing and
torturing. He appears to be quite sadistic because he enjoys seeing other people in
agony.
</p>
<hr>
<p>Contributed by- Shyam Mohan Gupta</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/sasuke_uchiha.jpg" alt="Sasuke Uchiha" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Sasuke Uchiha</h2>
<p class="card-text">
Sasuke Uchiha is one of the last surviving members of Konohagakure's Uchiha clan.
After his older brother, Itachi, slaughtered their clan, Sasuke made it his mission
in life to avenge them by killing Itachi. He is added to Team 7 upon becoming a
ninja and, through competition with his rival and best friend, Naruto Uzumaki,
Sasuke starts developing his skills.
</p>
<p>
Dissatisfied with his progress, he defects from Konoha so that he can acquire the
strength needed to exact his revenge. His years of seeking vengeance and his actions
that followed become increasingly demanding, irrational and isolates him from
others, leading him to be branded as an international criminal. After learning the
truth of his brother's sacrifice, later proving instrumental in ending the Fourth
Shinobi World War, and being happily redeemed by Naruto, Sasuke decides to return to
Konoha and dedicate his life to help protect the village and its inhabitants,
becoming referred to as the "Supporting Kage".
</p>
<hr>
<p>Contributed by- Ayush Uttam</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/garou.jpeg" alt="garou" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Garou</h2>
<p class="card-text">
Garou (ガロウ, Garō; Viz: Garo) is a villain, a martial arts prodigy, the
self-proclaimed "Hero Hunter," and a major adversary of the Hero Association and
Monster Association. He is a disciple of Bang and was once expelled from his dojo
for going on a rampage.[9] Because of his fascination with monsters, he is commonly
called the "Human Monster."[10][11] Sitch of the Hero Association views him as a
grave threat to the organization despite being only a human.
</p>
<p>
After the Monster Association incident, Garou is currently being rehabilitated under
Bang, who has retired from being a hero and is intending for Garou to fill the hole
he has left.
</p>
<hr>
<p>Contributed by- Anuj Kumar 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/yor.jpg" alt="Yor Forger" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Yor Forger </h2>
<p class="card-text">
Yor Forger is a beautiful young woman with light skin, black hair, and reddish eyes.
Her hair has a headband and is split into two-part ways which crosses over her head.
She has a pair of dangling earrings. She usually wears a red sweater which exposes
her shoulders and back along with a red skirt. Her lower body outfit consists of
black leggings and a pair of brown ankle boots.