forked from vikhyatsingh123/Naruto-Shippuden
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
3695 lines (3478 loc) · 246 KB
/
index.html
File metadata and controls
3695 lines (3478 loc) · 246 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
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>
<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="./style.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">
<title>Naruto</title>
</head>
<body>
<header>
<nav class="navbar fixed-top navbar-expand-lg navbar-light nav1">
<a class="navbar-brand brand1 ml-4" href="#" style="color: beige;">Naruto</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: 60%;">
<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>
</header>
<main>
<nav class="navbar fixed-top navbar-expand-lg navbar-light nav1">
<a class="navbar-brand brand1 ml-4" href="#" style="color: beige;">Naruto</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" style="margin-left: 60%;">
<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>
<button id="darkmode-button">dark Mode</button>
</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="./Images/229954.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./Images/377906.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./Images/377922.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" id="cont">
<!--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="./Images/naruto.png" alt="naruto" height="330px" 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>
</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="./Images/Sasuke.png" alt="Sasuke Uchiha" height="350px" width="250px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Sasuke Uchiha</h2>
<p class="card-text">Sasuke Uchiha (うちはサスケ, Uchiha Sasuke) 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, .</p>
</div>
</div>
</div>
</div>
<!-- first card end-->
<!-- 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/nagato.png" alt="Nagato Uzumaki" height="350px" width="380px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Nagato Uzumaki</h2>
<p class="card-text">Nagato was known primarily under the alias of Pain. Nagato is the
figurehead leader of the Akatsuki who wishes to capture the tailed beasts sealed into various
people around the shinobi world. After acquiring and sealing most of the beasts within a statue,
Nagato's superior sends him to capture the Nine-Tailed Demon Fox sealed inside the series' protagonist
, Naruto Uzumaki (whom he turns out to be related to). Before leaving to capture Naruto, Nagato engages
in a mortal battle with his former mentor, Jiraiya. His past as a war orphan, and his loss of his best
friend are explored. Due to his traumatic experiences, which stemmed from human conflict, Nagato aims
to create a new world, free from the chaos of war.
</div>
</div>
</div>
</div>
<!--card end-->
<!-- card start -->
<!-- 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/nagato.png" alt="anko" height="350px" width="380px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title"> Yahiko </h2>
<p class="card-text">Yahiko (弥彦, Yahiko) was a shinobi from Amegakure. Alongside his fellow war orphans, Nagato and Konan, he founded and led the Akatsuki in an attempt to bring peace. Following Yahiko's death, Nagato would turn his body into the Deva Path of his Six Paths of Pain, which he used as the continued public image of Akatsuki's leadership. Yahiko was orphaned during the Second Shinobi World War, forcing him to steal food in order to survive prior to teaming up with a fellow war orphan named Konan. Soon after they found a place to call home, Yahiko expressed his displeasure from Konan bringing another war orphan,
</div>
</div>
</div>
</div>
<!--card end-->
<!-- card start -->
<!-- first card end-->
<!-- 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/sand siblings.jpeg" alt="Sand-Siblings" height="350px" width="250px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Sand Siblings</h2>
<p class="card-text">
The Three Sand Siblings is the collective name for the children of Sunagakure's Fourth Kazekage: Temari, Kankurō and Gaara. Having undergone the gruelling training of their village, these three are regarded as elite shinobi of their village that excel in long-range combat. </p>
<p>Some time after the Konoha Crush failed, its members were promoted: Gaara became the Kazekage, Kankurō and Temari became jōnin, Temari also becoming an ambassador.In Part II, Temari and Kankurō attended Gaara to the Five Kage Summit as his bodyguards.
</p>
</div>
</div>
</div>
</div>
<!-- card end -->
<!-- card start -->
<!-- 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/sakon_ukon.jpg" alt="sakon and ukon" height="350px" width="250px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Sakon & Ukon</h2>
<p class="card-text">
They work for Orochi-Maru, an evil genius dead set on discovering and mastering every
jutsu in the world. Sakon and Ukon are one his main pawns, as a member of the sound 5
(Dark sound ninja with horrifying skills and abilities.)
</p>
<p>
Sakon and Ukon have the ability to when touching there opponent attach there
cells to their opponents, there for, making them one and slowly killing there opponents
cells in place for there own. No one had ever survived it but no one had ever been as
brave as Kiba, and he stabbed himself, breaking up their 2 cells and being freed.
Eventully Sakon and Ukon were defeated by Kiba and Akamaru's signiture jutsu, the "Giant
2 headed wolf Tsuuga!"
</p>
</div>
</div>
</div>
</div>
<!--Konan card end-->
<!--Tenten 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="Images/Tenten.jpg" alt="Tenten" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Tenten</h2>
<p class="card-text">In the Konoha 11, which consists of many of Naruto's peers in Team Seven, Team Eight, Team Ten, and Team Guy, there are ninjas like Rock Lee who excel in taijutsu as well as ninjas who are considered geniuses like Shikamaru and Neji. There is one ninja among the eleven, however, who definitely falls short of the spotlight--Tenten</p>
<p>While Tenten was introduced as a character who specializes in ninja tools and weapons, there is little that we know about her clan and background. Even in her most well-known battle against Temari during the Chunin Exams, she was practically defeated before anyone had a chance to see her true fighting abilities.</p>
</div>
</div>
</div>
</div>
<!--Tenten 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="./Images/322897-asuma_sarutobi.jpg" alt="Asuma Sarutobi" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Asuma Sarutobi</h2>
<p class="card-text">A Jounin from The Hidden Leaf Village. A very calm and strong ninja, who
always enjoys a good smoke.
He goes out with Kurenai, a strong Genjutsu user. Revealed to be the son of Hiruzen
Sarutobi, the third Hokage and is uncle to Konohamaru Sarutobi.
Jonin squad leader of Team 10, the current Ino-Shika-Chou Trio until he meets his end by the
Akatsuki Member, Hidan. He was later resurrected with
the impure world resurrection technique to participate in the Fourth Shinobi World War.</p>
<p>His abilities earned him a position into the Twelve Guardian Ninja — an elite hand-picked
team which served to protect the Land of Fire's daimyō
— a role which later earned him a bounty of 35,000,000 ryō.[9][21] He could effortlessly
take down nine Oto-nin during the Konoha Crush, noted to
have been chūnin-level or above,[22] and was able compete against Hidan, a powerful member
of the Akatsuki, while also protecting his team.</p>
<!-- card end -->
</div>
</div>
</div>
</div>
<!-- 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="./Images/Hidan.jpg" alt="Hidan" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Hidan</h2>
<p class="card-text">Hidan (飛段) is the immortal, foul-mouthed, and sadomasochistic partner of Kakuzu and a former ninja of Yugakure, the Village Hidden in Boiling Water.
He is a member of the Way of Jashin (ジャシン, lit. "evil god") religion which worships a deity of the same name and believes that anything less than
death and utter destruction in battle is a sin.</p>
<p>Hidan can create a link with his opponent. Once this link is created, any damage
done to Hidan's body is reflected on his opponent, allowing him to kill them by giving himself fatal injuries. Though his immortality keeps him from dying
or suffer any impairment, Hidan feels his victims' suffering with an excitement bordering on arousal.</p>
</div>
</div>
</div>
</div>
<!--card end-->
<!-- 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/kakashi.jpg" alt="Naruto Uzumaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kakashi Hatake</h2>
<p class="card-text">Kakashi Hatake is one of the higher level Ninjas in the hiddenleaf
village.
He is the teacher (sensei) of Uzumaki
Naruto, Haruno Sakura and Uchiha Sasuke. His teacher was the fourth hokage, Minato
Namikaze
and his teammates were Obito
Uchiha and Rin Nohara. His rival is Might Guy.</p>
<p>He's worked and thrived at all levels, including among the ANBU. He has a summoning
ability
with a pack of Ninja Dogs,
one of which speaks and all of which are excellent trackers. He's never been shown
without
his masks on. He wears at
least two of them, and even his close friends don't know what he looks like.
Shortly after the ninja war, Kakashi becomes the Sixth Hokage of the Hidden Leaf
Village,
after heading Obito's advice.</p>
</div>
</div>
</div>
</div>
<!-- Fugaku 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="https://comicvine.gamespot.com/a/uploads/original/11130/111301681/8146002-uchihafugaku%28naruto%29.jpg"
alt="Fugaku" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Fugaku</h2>
<p class="card-text">Fugaku Uchiha (うちはフガク, Uchiha Fugaku) was a shinobi of Konohagakure.
He was the head of the Uchiha clan as well as the leader of the Konoha Military Police Force.
</p>
<p>Fugaku Uchiha was as strong as fourth hokage Minato Namikaze. Let's talk about the great ninja war.
Minato killed an 1000 strong army using the “flying thunder god" ie hirashino jutsu.
In that same war Fugaku killed countless using genjutsu alone. One of his comrades died covering him and he unlocked the Mangekyo Sharingan.
During the war he earned the name “Wicked Eye" Fugaku.
.</p>
</div>
</div>
</div>
</div>
<!--Fugaku card end-->
<!-- Mikoto 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="https://wallpapercave.com/wp/wp4126361.png"
alt="Mikoto" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Mikoto Uchiha</h2>
<p class="card-text">Mikoto Uchiha (うちはミコト, Uchiha Mikoto) was a jōnin from Konohagakure's Uchiha clan.
</p>
<p>Mikoto was a very gentle and kind woman, but could also be stern and strict when she needed to be,
as seen when Itachi came back from the Academy and she told Sasuke that he could not play because
he had homework. She loved her sons deeply and knew how to help them with their problems.
Mikoto cared for and also held high respect for her husband as well and understood the importance
of his position as the Uchiha clan leader and was a dutiful and loyal wife to him.
.</p>
</div>
</div>
</div>
</div>
<!--Mikoto card end-->
<!-- BlackZetsu 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="https://wallpapercave.com/wp/wp8345725.jpg"
alt="BlackZetsu" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Black Zetsu</h2>
<p class="card-text">Black Zetsu (黒ゼツ, Kuro Zetsu) was the physical manifestation of Princess Kaguya Ōtsutsuki's will.
It secretly instigated many of the events that shaped the shinobi world to secure Kaguya's revival.
To further its plans, it posed as Madara Uchiha's manifested will and then partnered with White Zetsu to become half
of the Akatsuki member known simply as Zetsu (ゼツ, Zetsu).
</p>
<p>Black Zetsu was created by Kaguya Ōtsutsuki shortly before she was sealed as the Ten-Tails by her twin sons, Hagoromo and Hamura.
In the anime, Black Zetsu would approach Indra alone periodically, goading him with praises and curiosity towards Indra's true potential,
even going so far as to say he could rival if not surpass the Sage of Six Paths himself.[6] When Hagoromo later named his younger son, Asura,
as the new leader of Ninshū, Black Zetsu tempted Hagoromo's elder son, Indra, to go in war with his younger brother.
It decided that Indra's descendants, the Uchiha, would be the main cast of the shinobi history it
was creating and also modified Hagoromo's tablet to claim that among other things; the Infinite Tsukuyomi would be the Uchiha's salvation.
</p>
</div>
</div>
</div>
</div>
<!--BlackZetsu card end-->
<!-- Mito 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="https://s3.zerochan.net/240/22/47/1342372.jpg"
alt="Mito" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Mito Uzumaki</h2>
<p class="card-text">Mito Uzumaki (うずまきミト, Uzumaki Mito) was a kunoichi who originated from Uzushiogakure's Uzumaki clan.
After migrating to Konohagakure, she married Hashirama Senju, the village's First Hokage, and later
became the first jinchūriki of the Nine-Tails following the events at the Valley of the End.
</p>
<p>The Uzumaki and Senju clans — being distant relatives — have always had close ties.
Mito ended up marrying Hashirama Senju, who would help found Konohagakure and became the village's First Hokage.
After Hashirama's victory against Madara Uchiha at the Valley of the End and obtaining Kurama from him,
Mito sealed the tailed beast within herself, becoming its first jinchūriki. Despite the seal's strength,
it almost broke when she was going through childbirth.
</p>
</div>
</div>
</div>
</div>
<!--Mito card end-->
<!-- 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="https://cdnb.artstation.com/p/assets/images/images/029/881/599/medium/lilimonada-lilimon-konan.jpg?1598920736"
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 (小南, Konan) was a kunoichi from Amegakure and a founding member
of
the original Akatsuki. After Yahiko's death, she was partnered with Nagato, who had
since
taken control of Akatsuki, and was the only member to call him by his name. After
Nagato's
death, Konan defected from Akatsuki and became the de facto village head of Amegakure.
</p>
<p>When she was young, Konan's family was killed during the Second Shinobi World War, and
she
was left to fend for herself.[4] Some time later, Yahiko found her, and the two worked
together to survive. Not long after that, Konan went for a walk and found a young, dying
Nagato and his dog, Chibi. She rescued him and brought him back to their hideout.
Gradually
the three became best friends. They eventually encountered the Sannin, who gave them
some
food. Konan impressed them by making an elaborate flower out of the paper wrappers left
behind as a sign of gratitude. When Orochimaru suggested to kill them so they would not
have
to suffer the horrors of war, Jiraiya instead opted to stay and teach the three how to
look
after themselves.</p>
</div>
</div>
</div>
</div>
<!--Konan card end-->
<!-- Ebisu 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/Ebisu.png" alt="Ebisu" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Ebisu Sensei</h2>
<p class="card-text">Ebisu (エビス, Ebisu) is a tokubetsu jōnin from Konohagakure who
specialises
in training elite ninja. He also served as the leader of Team Ebisu, which consisted of
Konohamaru Sarutobi, Udon, and Moegi.</p>
<p>Ebisu is portrayed as a stern and "by-the-book" type of person. Initially, he expressed
hatred
for Naruto Uzumaki, and believed he was nothing but a worthless nuisance and mocked his
dream
of becoming Hokage as he believes that only people of high lineage could amount to
anything.
Upon seeing what Naruto had done for Konohamaru his perspective changed drastically,
and later the village during Pain's assault on it, he chose not to surrender Naruto's
location
and would rather be killed. He is also rather attached to his pupils, and has shown
immense pride
in them, such as when Konohamaru performed the Rasengan on Pain while rescuing Ebisu.
</p>
</div>
</div>
</div>
</div>
<!-- Tobirama 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/tobirama senju.png"
alt="Ebisu" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Tobirama Senju</h2>
<p class="card-text">Tobirama Senju (千手扉間, Senju Tobirama) was a member of the renowned Senju clan,
who together with his elder brother and the Uchiha clan, founded the first shinobi village: Konohagakure.
Throughout his lifetime, Tobirama would work tirelessly to achieve political stability and implement the
institutions that made the village system work, thus ensuring Konoha's continuity and prosperity.
After his brother's death, he would earn the title of Second Hokage (二代目火影, Nidaime Hokage,
literally meaning: Second Fire Shadow).</p>
<p>Like Hashirama before him, Tobirama tried to foster good relations with the other villages.
He planned an alliance between Konoha and Kumogakure, but during a formal ceremony he and
the Second Raikage were attacked by the Gold and Silver Brothers and left near death.
During the First Shinobi World War, Team Tobirama, as well as Danzō Shimura, Torifu Akimichi,
and Kagami Uchiha found themselves surrounded by Kumo's Kinkaku Force.
With no way for all of them to escape, Tobirama volunteered to act as a decoy in place of Hiruzen.
As he departed, he passed the title of Hokage to Hiruzen, before being killed by Kinkaku</p>
</div>
</div>
</div>
</div>
<!-- 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="./Images/hinata.jpeg" alt="Hinata" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Hinata Hyuga</h2>
<p class="card-text">Hinata, the eldest of Hiashi Hyuga's two children, is raised as the heiress to Hyuga clan's main household due to Hiashi being the elder between him and his twin brother, Hizashi, and thereby making Hiashi head of the clan while Hizashi is demoted to the Branch House whose only purpose
is to serve the upper branch.</p>
<p>Hinata also meets Naruto Uzumaki during her youth, developing an interest in him after he defends her while she is being bullied because of her eyes.[25] That event and Naruto's refusal to give up against adversity inspire Hinata to become a stronger person. However, Hinata's admiration for Naruto gradually turns into romantic feelings.</p>
</div>
</div>
</div>
</div>
<!--card end-->
<!-- 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/322897-asuma_sarutobi.jpg" alt="Asuma Sarutobi" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Asuma Sarutobi</h2>
<p class="card-text">A Jounin from The Hidden Leaf Village. A very calm and strong ninja, who
always enjoys a good smoke.
He goes out with Kurenai, a strong Genjutsu user. Revealed to be the son of Hiruzen
Sarutobi, the third Hokage and is uncle to Konohamaru Sarutobi.
Jonin squad leader of Team 10, the current Ino-Shika-Chou Trio until he meets his end by the
Akatsuki Member, Hidan. He was later resurrected with
the impure world resurrection technique to participate in the Fourth Shinobi World War.</p>
<p>His abilities earned him a position into the Twelve Guardian Ninja — an elite hand-picked
team which served to protect the Land of Fire's daimyō
— a role which later earned him a bounty of 35,000,000 ryō.[9][21] He could effortlessly
take down nine Oto-nin during the Konoha Crush, noted to
have been chūnin-level or above,[22] and was able compete against Hidan, a powerful member
of the Akatsuki, while also protecting his team.</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="./Images/madara-uchiha.jpeg" alt="Madara Uchiha" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Madara Uchiha</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. 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. Years later, Madara would be revived, only to see his
plans foiled and ultimately, and finally, realising the error of his ways and making amends
with Hashirama before his final death. </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="./Images/hashirama.jpg" alt="Hashirama Senju" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Hashirama Senju</h2>
<p class="card-text">The First hokage, leader of the Senju clan, one of the founders of
Konohagakure. Older brother to the Second Hokage and Grandfather to the Fifth Hokage. He
possesses the Wood Style and has a friend and rival called Madara Uchiha.</p>
<p>He also showed great tactical skill and deceptive abilities, waiting until Madara became so
exhausted that he couldn't maintain his Sharingan to create a wood clone for Madara to
strike down so he could attack from behind without his opponent even realising it.</p>
</div>
</div>
</div>
</div>
<!-- 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="./Images/Kaguya_Ōtsutsuki.png" alt=" " height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kaguya Otsutsuki</h2>
<p class="card-text">Kaguya was the originator of shinobi in the world in which Naruto takes place.
She was once benevolent and respected, but became corrupted.
She is the final villain to oppose Naruto's team in the manga.</p>
<p>The final boss of Naruto turned out to be a woman! Who could've seen that coming?!
One would begin to wonder if Kishimoto had finally turned over a new leaf and realized
that women too can be characters who can be a lot more beyond their gender.
But alas, such hopes were dashed immediately when fans realized that not only was this
big baddie only revealed at the very last second (without any foreshadowing, for that matter),
but her backstory was so over the top that even die-hard fans couldn’t defend her presence.
</p>
</div>
</div>
</div>
</div>
<!--card end-->
<!-- Card Start For Gamabunta -->
<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/Gamabunta.png" alt="Gamabunta" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Gamabunta</h2>
<p class="card-text">Gamabunta is a grumpy, stubborn and highly apathetic toad. He was summoned
by lord fourth Hokage , sensei Jiraiya and by Naruto.</p>
<p>Gamabunta can spew oil from his mouth and use it to enhance fire. He is one of the biggest
summon animal in the series. He was firest summoned by naruto when he was Falling from
potential death.</p>
</div>
</div>
</div>
</div>
<!-- Card End For Gamabunta-->
<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/matatabi.png" alt="Gamabunta" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Matatabi</h2>
<p class="card-text">Matatabi also known as Two-Tails, is one of the nine tailed beast.Yugito
Nii is the jinchūriki of her</p>
<p>Matatabi has shown to be respectful and polite towards others,she is completely engulfed in
blue flames.Matatabi also has flexible muscles, which grant it great speed despite its large
size</p>
</div>
</div>
</div>
</div>
<!-- Card End-->
<!-- Yahiko 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/Yahiko.png"
alt="Yahiko" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Yahiko</h2>
<p class="card-text">Yahiko (弥彦, Yahiko) was a shinobi from Amegakure.
Alongside his fellow war orphans, Nagato and Konan, he founded and led the Akatsuki in an attempt to bring peace.
Following Yahiko's death, Nagato would turn his body into the Deva Path of his Six Paths of Pain, which he used as the continued public image of Akatsuki's leadership.
</p>
</div>
</div>
</div>
</div>
<!--Yahiko card end-->
<!-- 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/Isobu.png" alt="Isobu" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Isobu</h2>
<p class="card-text">Isobu also known as Three-Tails, is one of the nine tailed beast. Yagura
Karatachi of Kirigakure is the jinchūriki of his.</p>
<p>Isobu primarily resembles a large turtlea with crab-like shell and spikes all over its body,
and three shrimp-like tail .He is a water type and uses mist to hide.</p>
</div>
</div>
</div>
</div>
<!-- Card End-->
<!-- 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/Saiken.jpg" alt="Saiken" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Saiken</h2>
<p class="card-text">Saiken also known as Six-Tail Beast, it was last sealed within Utakata of Kirigakure.</p>
<p>Saiken is an enormous white — with a light blueish tint — bipedal slug with stubby arms, feet and six long tails. It has two prominent optical tentacles (eyes) and hole-like openings as a mouth. Its entire body is covered in a thick, slimy substance.</p>
<p>Saiken has shown the ability to emit corrosive substances that can instantly disintegrate its target on contact in the form of liquid or gas.</p>
</div>
</div>
</div>
</div>
<!-- Card End-->
<!-- 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="./Images/shikamaru.jpg" alt="Shikadai Nara" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Shikadai Nara</h2>
<p class="card-text">Shikadai Nara is a chūnin of Konoha Leaf village, and the heir to the Nara clan.
As a member of Team 10 with his team-mates Chōchō Akimichi and Inojin Yamanaka, he forms the seventeenth generation of the Ino–Shika–Chō trio.
He is kinda best friends with Uzumaki Boruto ( Son of Uzumaki Naruto )</p>
<p>Shikadai is the only child of Shikamaru and Temari Nara.</p>
</div>
</div>
</div>
</div>
<!--card end-->
<!-- 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/ino.jpg" alt="Ino Yamanaka" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Ino Yamanaka</h2>
<p class="card-text">A member of the Yamanaka clan. She's a kunoichi from The Hidden Leaf
Village and Sakura Haruno's biggest rival in any matter of subjects. She is also a member of
Team Asuma and is part of the Ino-Shika-Chou Trio. She is also a Medical-Ninja and the
Daughter of Inoichi Yamanaka.</p>
<p>Originally a great rival to Sakura, Ino has had some fairly drastic character changes. She
works in a flower shop with her parents, she's a Ninja, and she's blond. Aside from that
she's taken a journey that has completely changed her personality. In the beginning Ino was
something of the Queen Bee in the School, very popular, pretty, and charismatic. She and
Sakura were good friends right up until the time they started noticing Sasuke, and than they
(like many other of the girls) started plotting to date him. Up until that point Ino was
very encouraging to Sakura trying to break her out of her shell, but after that point
focusing on sabotaging her. They both were quick to insult each other and belittle the
abilities of the other. This conflict didn't come to outright blows however. At least not
until the Chunin tournament.</p>
</div>
</div>
</div>
</div>
<!--Tobirama card end-->
<!-- 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="./Images/371726-naruto_lee0180.jpg" alt="Rock Lee" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Rock Lee</h2>
<p class="card-text">Self proclaimed "Handsome devil of the leaf!" and "Konoha's beautiful green beast", this young shinobi is highly proficient at hand-to-hand taijutsu. Don't be fooled by his bushy-brow!</p>
<p>Rock Lee is known for his mastery of the Taijutsu technique. Lee mastered this technique because he is unable to perform any type of Ninjutsu or Genjustsu techniques. He always wears leg weights so he can be constantly building his strength. Lee can move at inhuman speeds when he takes his weights off.</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="./Images/kisame_hoshigaki.jpg" alt="Kisame Hoshigaki" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kisame Hoshigaki</h2>
<p class="card-text">Kisame Hoshigaki makes his first appearance in the series alongside Itachi Uchiha during the search for Tsunade arc. Hatake Kakashi spots them and sends Asuma and Kurenai to confront them. They do so and are both over-powered by the black-robed duo. Kisame is shown to be an aggressive fighter and only stops when Itachi tells him to. This is the first time we meet Akatsuki members and it's when we first hear about their true intentions to capture Naruto and the rest of the tailed beasts.</p>
<p>A former ninja from The Hidden Mist Village and was a former member of the Seven Ninja Swordsmen of The Mist. After defecting from his village, he joined the elite criminal organization Akatsuki. He is partnered up with Itachi Uchiha and his main weapon is Samehada (Sharkskin).</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="./Images/zabuza.jpg" alt="Zabuza" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Zabuza</h2>
<p class="card-text">Zabuza Momochi, a mercenary assassin and former member of the Seven Swordsmen of the Mist. He is a master of silent assassinations and together with his water Jutsu he is feared as The Demon of the Hidden Mist.</p>
<p>Most of the information about Zabuza is presented through several flashbacks which shed some light on Zabuza’s history as a shinobi and how he become a wanted criminal for hire. They also explorer his relationship with Haku, his young companion, and tell the story of how they met.</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="./Images/kidomaru.jpg" alt="Kidomaru" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Kidomaru</h2>
<p class="card-text">Kidomaru is a ninja from The Hidden Sound Village and member of The Sound Five.</p>
<p>Kidomaru generally saw a battle as a game, and displayed a laid-back ease in fights. Kidōmaru greatly enjoyed combat and relished in strong opponents as a source of entertainment, finding weaker opponents not worth his time and boring. His speech also reflected this when battling Neji Hyūga, he referred to Neji as a "minor character" and analysed his situation using typical gaming language such as "level" and "difficulty".</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="./Images/shikadai.jpg"
alt="Shikadai Nara" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Shikadai Nara</h2>
<p class="card-text">Shikadai Nara is a chūnin of Konoha Leaf village, and the heir to the
Nara clan.
As a member of Team 10 with his team-mates Chōchō Akimichi and Inojin Yamanaka, he forms
the seventeenth generation of the Ino–Shika–Chō trio.
He is kinda best friends with Uzumaki Boruto ( Son of Uzumaki Naruto )</p>
<p>Shikadai is the only child of Shikamaru and Temari Nara.</p>
</div>
</div>
</div>
</div>
<!--card end-->
<!--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/tobirama senju.png"
alt="Tobirama Senju" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Tobirama Senju</h2>
<p class="card-text">The Second Hokage</p>
<p>Tobirama Senju was a member of the renowned Senju clan, who, together with his
elder brother and the Uchiha clan, founded the first shinobi village: Konohagakure. Throughout his
lifetime, Tobirama would work tirelessly to achieve political stability and implement the
institutions that made the village system work, thus ensuring Konoha's continuity and prosperity.
After his brother's death, he would earn the title of Second Hokage</p>
</div>
</div>
</div>
</div>
<!-- card end-->
<!-- 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/ino.jpg" alt="Ino Yamanaka" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Ino Yamanaka</h2>
<p class="card-text">A member of the Yamanaka clan. She's a kunoichi from The Hidden Leaf
Village and Sakura Haruno's biggest rival in any matter of subjects. She is also a
member of
Team Asuma and is part of the Ino-Shika-Chou Trio. She is also a Medical-Ninja and the
Daughter of Inoichi Yamanaka.</p>
<p>Originally a great rival to Sakura, Ino has had some fairly drastic character changes.
She
works in a flower shop with her parents, she's a Ninja, and she's blond. Aside from that
she's taken a journey that has completely changed her personality. In the beginning Ino
was
something of the Queen Bee in the School, very popular, pretty, and charismatic. She and
Sakura were good friends right up until the time they started noticing Sasuke, and than
they
(like many other of the girls) started plotting to date him. Up until that point Ino was
very encouraging to Sakura trying to break her out of her shell, but after that point
focusing on sabotaging her. They both were quick to insult each other and belittle the
abilities of the other. This conflict didn't come to outright blows however. At least
not
until the Chunin tournament.</p>
</div>
</div>
</div>
</div>
<!--card end-->
<!-- 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/son-goku.jpg" alt="Gamabunta" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Son Gokū</h2>
<p class="card-text">Son Gokū is a very prideful tailed beast, as it detests being called by
the
name "Four-Tails" and boasts about its lineage</p>
<p>It also hated humans, due to the fact that humans had enslaved it, and believes that apes
are
more intelligent than humans</p>
</div>
</div>
</div>
</div>
<!-- Card End-->
<!-- 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="./Images/Tsunade.jpg"
alt="Tsunade Senju" height="390px" width="300px">
</div>
<div class="col-md-8">
<div class="card-body">
<h2 class="card-title">Tsunade</h2>
<p class="card-text">Tsunade is a descendant of the Senju and Uzumaki Clan, and is one of
Konohagakure's Sannin. She is famed as the world's strongest kunoichi and its greatest
medical-nin. </p>
<p>The repeated loss of her loved ones caused Tsunade to later abandon the life of a shinobi
for many years. She is eventually persuaded to return to Konoha and take on the mantle
of Fifth Hokage, where her skills prove invaluable to the village.</p>
</div>
</div>
</div>
</div>
<!--card end-->
<!--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">