forked from vikhyatsingh123/Naruto-Shippuden
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1928 lines (1705 loc) · 119 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="./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">
<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="Images/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital@1&display=swap" rel="stylesheet">
<title>Naruto</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;
}
@media only screen and (max-width: 480px) {
.to-top.active {
bottom: 32px;
pointer-events: auto;
opacity: 1;
z-index: 1000;
right: 35%;
}
}
.to-top.active {
bottom: 32px;
pointer-events: auto;
opacity: 1;
z-index: 1000;
right: 5%;
}
.to-top:hover {
color: #fff;
text-decoration: none;
}
</style>
<style>
/* .dark-mode {
background-color: rgb(156, 170, 33);
color: white;
} */
</style>
<body class="lightmode">
<a href="#" class="to-top">
<i class="fa fa-arrow-up"></i>
</a>
<div class="loader lightmode">
<header>
<nav class="navbar fixed-top navbar-expand-lg navbar-light">
<a class="navbar-brand brand1 ml-4" href="#" style="color: beige;">Naruto</a>
<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>
<button class="navbar-toggler" class="menu-btn" 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">
<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>
<li>
<div >
<button onclick="darkmode()" class="toggle-mode" id="toggler">🌙 Dark</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="./Images/229954.jpg" class="radius d-block" alt="...">
</div>
<div class="carousel-item">
<img src="./Images/377906.jpg" class="radius d-block" alt="...">
</div>
<div class="carousel-item">
<img src="./Images/377922.jpg" class="radius d-block" alt="...">
</div>
<div class="carousel-item">
<img src="./Images/123456.jpg" class="radius d-block" 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="chars">Characters</h1>
<!--Card section start-->
<div class="container" id="cont">
<!-- [Suigetsu] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Suigetsu</h2>
<img src="./Images/Suigetsu.jpeg" alt="Suigetsu" height="300px" width="300px" class = "img_card">
</div>
<div class="flip-card-back">
<p class="card-text">
Suigetsu was a member of Sasuke's renegade group consisting of himself, Suigetsu, Karin,
and Jugo. Of the quartet, Suigetsu was the self-styled comedian. He had plenty of
sarcastic lines and made every effort he could to get under Karin's skin.
</p>
<p>The above line was especially funny coming from Suigetsu, as the audience got the
distinct impression that he probably wasn't a true believer in Sasuke's dream. It was
even funnier in the moment, as he made a decisive gesture with a spoon he was using at
the time.</p>
</div>
</div>
</div>
<!--[Suigetsu] card end-->
<!-- [Sai] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Sai Yamanaka</h2>
<img src="./Images/Sai_Infobox.png" alt="Sai" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Sai Yamanaka (山中サイ, Yamanaka Sai) is the Anbu Chief of
Konohagakure's Yamanaka clan. Prior to this, he was a Root member.
As per standard Root training, Sai was conditioned to remove all emotions and as such,
had difficulty connecting with others. When he is added to Team Kakashi as a replacement
for the rogue Sasuke Uchiha, Sai begins to learn more about people's feelings and tries to develop his
personality and identity by forming genuine bonds and rediscovering the emotions he was taught to suppress..</p>
</div>
</div>
</div>
<!--[Sai] card end-->
<!-- [Anko Mitarashi] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Anko Mitarashi</h2>
<img src="./Images/Minato.png" alt="Anko Mitarashi" height="390px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">The proctor of the survival leg of the Chuunin exams, she goes through her enemies like a blazing inferno. She was once tutored by Orochimaru, but was abandoned by him when she refused to follow his evil path.
Anko Mitarashi is a Jonin of the Hidden Leaf Village. She was a proctor of the survival portion of the Chunin exams. She was also a former student of longtime series antagonist, Orochimaru, but did not share his vision and refused to follow him further.</p>
</div>
</div>
</div>
<!--[Anko Mitarashi] card end-->
<!-- [Chiriku] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Chiriku</h2>
<img src="./Images/chiriku.jpg" alt="Chiriku" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Chiriku is a Fire Temple monk, formerly a member of the “12 Guardian
Ninjas” of the Lord of the Fire Land. There he will meet Asuma Sarutobi, son of the
third Hokage. Their mission was to escort and protect the Daimyo of the Land of
Fire.</p>
<p>Today he lives in the Temple of Fire with his disciples. He took under his wing a young
man named Sora, the son of one of the 12 deceased guardian ninjas. His head having been
put on a price of 30 million ryos, he was assassinated by Kakuzu and Hidan during a
fight at the Fire temple. After this clash, the Fire Temple was destroyed. Hidan and
Kakuzu then returned the body to collect the bounty. And thus fill the crates of
Akatsuki.</p>
</div>
</div>
</div>
<!--[Chiriku] card end-->
<!-- [ten tails] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">ten tails</h2>
<img src="./Images/ten tails.jpeg" alt="ten tails" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">This Ten-Tails (十尾, Jūbi) is the combined form of Kaguya Ōtsutsuki and the God Tree, created to reclaim the chakra inherited by her sons, Hagoromo and Hamura. It is regarded as the progenitor of chakra, and is tied to the legend of the Sage of Six Paths and the birth of shinobi. To end the beast's rampage, the Sage became the Ten-Tails' jinchūriki and later split its chakra into the nine tailed beasts to prevent it from causing further harm. Centuries later, its revival became the objective of Madara and Obito Uchiha, who both sought to become the beast's jinchūriki in order to further their objectives.</p>
</div>
</div>
</div>
<!--[ten tails] card end-->
<!-- [Asura] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Asura</h2>
<img src="./Images/Asura.png" alt="Asura" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Asura Ōtsutsuki (大筒木アシュラ, Ōtsutsuki Ashura) was the younger son of Hagoromo Ōtsutsuki. Though not the obvious choice to most, he would go on to inherit his father's teachings, and as a result, would have to clash bitterly against his elder brother Indra. Asura is also credited with being the progenitor of both the Senju and Uzumaki clans.</p>
<p>With the power entrusted to him by his father, Asura gained access to the Six Paths Senjutsu, allowing him to augment himself and his various techniques. In this state, he could fly and manifest a giant three-faced, six-armed avatar, Six Paths: Kunitsukami.
<!-- He could also manifest nine Truth-Seeking Balls, which could be shaped into various tools and constructs, able to battle back Indra's Susanoo with it. He could also use them in unison with his Kunitsukami.
--></p>
</div>
</div>
</div>
<!--[Asura] card end-->
<!-- [Inuzuka Hana] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Inuzuka Hana</h2>
<img src="./Images/inuzuka_hana.jpg" alt="Inuzuka Hana" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Hana is a kunoichi from Konoha village. She is Kiba's sister and
Tsume's daughter</p>
<p>Hana also specializes in animal medicine: she is a veterinarian. His companions are 3 dog
brothers: Les Trois Frères Haimaru.</p>
</div>
</div>
</div>
<!-- Izumi Uchiha card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title"> Izumi Uchiha </h2>
<img src="./Images/Izumi_Uchiha.jpg" alt="Izumi Uchiha" height="350px" width="380px">
</div>
<div class="flip-card-back">
<p class="card-text">Izumi was the daughter of Hazuki Uchiha. Unlike her mother, Izumi's
father was not an Uchiha.During the Nine-Tailed Demon Fox's Attack, her father died
while protecting her.From the grief brought on by his death, as well as feelings of
guilt that he would not have died had Izumi been stronger,Izumi eventually awakened her
Sharingan. She and her mother afterwards rejoined the Uchiha clan.</p>
<p>Izumi enrolled in Konoha's Academy a few years later.Like other girls her age, Izumi
developed a crush on Itachi Uchiha, a boy in the class next to hers.As such, she tried
to talk with him during school breaks, walk home with him after lessons, and defend him
from their peers' criticism. Itachi initially took the same disinterest in Izumi that he
had in all the other girls until discovering that she had the Sharingan, which he
himself had yet to awaken.He afterwards became warmer to her whenever their paths
crossed. </p>
</div>
</div>
</div>
<!--Fūka card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Fūka</h2>
<img src="./Images/fuka.jpg" alt="Fūka" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Fūka was portrayed as a seductive vixen as a way to lure her prey in
and kill them with an Execution by Kiss.</p>
<p>She would further speed up the process by giving her targets a choice between a French or
traditional kiss. Her most preferable victims were those with a natural affinity for
wind chakra. She took great pride in her appearance and would become infuriated when any
harm came to her physical being, especially her hair, the very casing of her soul.
During her second fight against Naruto Uzumaki, she showcased a sadistic side when she
delighted in Naruto's anguish. She has shown an intelligent side as seen when she
thought that Sora and Naruto were connected somehow.</p>
</div>
</div>
</div>
<!--Fūka card end-->
<!-- Tayuya Card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Rôshi</h2>
<img src="./Images/roshi.jpg" alt="Rôshi" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Rôshi was the last Jinchûriki of Yonbi, the 4-tailed demon. He was
killed by Kisame Hoshigaki, a former member of the Akatsuki, who aimed to reunite all
the Biju.</p>
<p>Rôshi will be resurrected later during the Fourth Great Ninja War by Kabuto Yakushi. He
will fight Bee and Naruto.</p>
</div>
</div>
</div>
<!--[Rôshi] card end-->
<!-- [Suigetsu] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Suigetsu</h2>
<img src="./Images/Suigetsu.jpeg" alt="Suigetsu" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">
Suigetsu was a member of Sasuke's renegade group consisting of himself, Suigetsu, Karin,
and Jugo. Of the quartet, Suigetsu was the self-styled comedian. He had plenty of
sarcastic lines and made every effort he could to get under Karin's skin.
</p>
<p>The above line was especially funny coming from Suigetsu, as the audience got the
distinct impression that he probably wasn't a true believer in Sasuke's dream. It was
even funnier in the moment, as he made a decisive gesture with a spoon he was using at
the time.</p>
</div>
</div>
</div>
<!--[Suigetsu] card end-->
<!-- boruto card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title"> Boruto Uzumaki</h2>
<img src="./Images/boruto.jpg" alt="boruto" height="350px" width="380px">
</div>
<div class="flip-card-back">
<p class="card-text">Boruto Uzumaki (うずまきボルト, Uzumaki Boruto) is a shinobi from
Konohagakure's Uzumaki Clan and a direct descendant of the Hyūga clan through his
mother. Initially nonchalant in his duties as a member of Team 7 and resentful of his
father and the office of Hokage because it left him with no time for his family; Boruto
eventually comes to respect and reconcile with his father and his role as Hokage, yet
vows to become like his mentor Sasuke Uchiha — a support system for the Hokage and the
village.</p>
</div>
</div>
</div>
<!-- boruto card end-->
<!-- [character name] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Ebisu</h2>
<img src="https://www.giantbomb.com/a/uploads/scale_small/0/6087/1097069-ebisu.png" alt=Ebisu height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Specializes in the private training of Ninja, and is
often referred to as being a closet pervert. He is one of the sensei who's trained Konohamaru.</p>
</div>
</div>
</div>
<!--[character name] card end-->
<!-- Yukimaru card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title"> Yukimaru </h2>
<img src="./Images/yukimaru.png" alt="Haku" height="350px" width="380px">
</div>
<div class="flip-card-back">
<p class="card-text">Yukimaru is a young orphan who became one of Orochimaru's test
subjects, due to his ability to partially control the Three-Tails.</p>
<p>Yukimaru lived with his mother in a village that was attacked by Orochimaru's followers
when Yukimaru was a child.</p>
</div>
</div>
</div>
<!-- Yukimaru card end-->
<!-- Yamato card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Yamato</h2>
<img src="./Images/Yamato.png" alt=Yamato height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Yamato is a very discreet, cautious, careful and well prepared person.
He projects a calm, stoic demeanour in stressful situations. He takes his missions very
seriously, even insisting on being referred to by whatever his current codename</p>
<p>Yamato is one of the main supporting characters in the Naruto anime/manga series and the
Boruto: Naruto Next Generations anime/manga series. He is an ANBU in the service of
Konohagakure. Because of his unique jutsu, he is added to Team Kakashi as a temporary
for Kakashi Hatake. Though Kakashi eventually returns to the team, Yamato stays on to
provide assistance when he's needed.</p>
</div>
</div>
</div>
<!-- [Hanabi Hyuga] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Hanabi Hyuga</h2>
<img src="https://www.giantbomb.com/a/uploads/scale_small/16/164924/2763708-8948056510-Hanab.jpg"
alt="Hanabi Hyuga" height="350px" width="380px">
</div>
<div class="flip-card-back">
<p class="card-text">Hanabi is the younger sister of Hinata. She plays an important role in
The Last: Naruto the Movie. Her father is Hiashi Hyuga and is auntie to Hinata's
children, Boruto and Himawari. Her cousin is Neji Hyuga.
Naruto Uzumaki is her brother-in-law.</p>
</div>
</div>
</div>
<!--[hanabi hyuga] card end-->
<!--First card-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Naruto Uzumaki</h2>
<img src="./Images/naruto.png" alt="naruto" height="330px" width="300px">
</div>
<div class="flip-card-back">
<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>
<!--First card end(Naruto)-->
<!--Second card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Sasuke Uchiha</h2>
<img src="./Images/Sasuke.png" alt="Sasuke Uchiha" height="350px" width="250px">
</div>
<div class="flip-card-back">
<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>
<!-- first card end-->
<!-- Tsunade card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Tsunade</h2>
<img src=https://www.giantbomb.com/a/uploads/scale_small/0/1122/557289-ygt.jpg alt=Tsunade
height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Tsunade is a kunoichi from the Hidden Leaf Village and posses
Monstrous physical
strength, extremely advanced healing and regenerative techniques, physician/surgeon
level of knowledge
of the human body and great Chakra control. At once formed part of "The Legendary
Sannin" along with
Jiraiya and Orochimaru, and under the tutelage of the Third Hokage. Currently, she
has become the Fifth
Hokage of The Hidden Leaf Village. Her grandparents are revealed to be Hashirama
Senju and Mito Uzumaki.</p>
<p>Tsunade's trademark ability is her inhuman strength, which is derived from her
excellent chakra control. By storing chakra
and releasing it at the point of contact, she can enhance her strength to the point
where she can break through boulders with
her bare hands. She is also an extremely talented Medical-nin, and can heal wounds
that most others would consider impossible.
She went as far as to use the Shadow Seal: Release to store her chakra in her
forehead to Creation Rebirth, a technique that
releases the chakra to rapidly regenerate the cells in her body to heal any wound.
It gives her a "immortality" in battle that
even Orochimaru envied. However, because of the rapid cell regeneration, the
technique shortens her life similar to the Four-Tailed
transformation, however more controlled. Because of the risk associated with the
technique, Tsunade has made the choice to only use
Creation Rebirth in extremely desperate situations.</p> </div>
</div>
</div>
<!--Tsunade card end-->
<!-- Jirobo card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Jirobo</h2>
<img src="https://www.giantbomb.com/a/uploads/scale_small/0/5756/330799-jirobo.jpg" alt=Kawaki
height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">A ninja from The Hidden Sound Village and member of The Sound Five.he
was the physically strongest member of the Sound Four, but the weakest overall.
According to the other members of the group, nevertheless, he was a formidable opponent.
Furthermore, Shikamaru stated that Jirōbō's prowess was at jōnin-level. In the anime,
another testament to his prowess was him being chosen for reincarnation by Kabuto.</p>
</div>
</div>
</div>
<!-- Jirobo card end-->
<!-- Hanare card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Hanare</h2>
<img src="https://qph.fs.quoracdn.net/main-qimg-85fae3ac8ec01ad91d4a5304cf3a2b1a" alt="Hanare"
height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Hanare (ハナレ, Hanare) is a kunoichi from the Jōmae Village. </p>
<p>As a young child, Hanare was said to be very lonely since she had never known her family
or seen
her own village. She was trained from an early age in the art of espionage. One day, she
was
found crying in a place near her village by the young Kakashi, who spotted her and
carried her
on his back. He then explained to her that she can look up to the clouds above and find
her way.
They both were then seen by a ninja from Hanare's village and Kakashi put her down on
her feet,
said goodbye and left. She was then excited that someone like Kakashi was able to help
her in
her life.
At one point, she met Kakashi Hatake and developed romantic feelings for him. Hanare, a
spy from
Jōmae Village from the Land of Keys, was summoned to infiltrate the Land of Fire and to
investigate Konoha affairs. She was captured by Anbu and placed in the Honesty Room to
be
tortured. </p> </div>
</div>
</div>
<!--Hanare card end-->
<!--Fūka card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Fūka</h2>
<img src="./Images/fuka.jpg" alt="Fūka" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Fūka was portrayed as a seductive vixen as a way to lure her prey in
and kill them with an Execution by Kiss.</p>
<p>She would further speed up the process by giving her targets a choice between a French or
traditional kiss. Her most preferable victims were those with a natural affinity for
wind chakra. She took great pride in her appearance and would become infuriated when any
harm came to her physical being, especially her hair, the very casing of her soul.
During her second fight against Naruto Uzumaki, she showcased a sadistic side when she
delighted in Naruto's anguish. She has shown an intelligent side as seen when she
thought that Sora and Naruto were connected somehow.</p> </div>
</div>
</div>
<!--Fūka card end-->
<!-- Mizuki card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Mizuki</h2>
<img src="Images/Mizuki.png" alt="Mizuki" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">The first-ever person whom Naruto faced in a battle in order to know
his power and also get to know about his own ninja way. He thrashed him in the battle
against him while saving Iruka Umino his sensei in his elementary Training Academy</p>
<p> Mizuki duped Naruto Uzumaki into stealing Konoha's Scroll of Seals for him. Originally,
Mizuki had the plan set up to have Naruto as a scapegoat and kill him to hide the truth
of his deception and secretly leave the village with the scroll in his possession.
However, Mizuki's plan is derailed when Iruka found Naruto first and decided to reveal
Naruto's identity as the Nine-Tails's jinchūriki to ensure he runs off disillusioned.
However, overhearing Iruka standing up for him, Naruto comes to his teacher's aid and
uses the Multiple Shadow Clone Technique he had learned from the scroll to beat Mizuki
unconscious for harming Iruka.</p> </div>
</div>
</div>
<!--Mizuki card end-->
<!-- The Demon Brothers card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">The Demon Brothers</h2>
<img src="Images/Naruto-Demon-Brothers.jpg" alt=[name of character] height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Naruto's first battle against non-Konoha ninja happened at the start of the Land of Waves Escort Mission arc. Two allies of Zabuza waited outside of Konoha in order to ambush Tazuna, who was being escorted by Team 7.</p>
<p>These were two former Hidden Mist shinobi, known as the Demon Brothers, who had defected from their village in order to join Zabuza's coup.
Kakashi and Sasuke were able to easily dispose of the Demon Brothers and keep Tazuna alive. They were then tied up next to a tree and left to be arrested.
We never actually see the Demon Brothers being arrested in the manga and escaping from being tied up is one of the most basic parts of ninja training. Were the Demon Brothers able to escape? If so, did they choose to abandon Zabuza? Why did they never reappear in the story afterward?</p>
</div>
</div>
</div>
<!--The Demon Brothers card end-->
<!-- Madara card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Madara Uchiha</h2>
<img src="Images/madara-uchiha.jpeg" alt="Madara Uchiha" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Madara Uchiha 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. 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>
<!--Madara card end-->
<!-- Tayuya Card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Tayuya</h2>
<img src="./Images/tayuya.jpg" alt="Tayuya Image" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">A kunoichi from The Hidden Sound Village and a member of The Sound
Five.</p>
<p>Tayuya is one of Orochimaru's Sound Four Ninja. She is foul mouthed and ill tempered yet
very powerful. Her only weapon is a flute which she can use to summon three giant demons
known as the Doki. Tayuya is also very intelligent and can think up excellent strategies
and tactics.</p> </div>
</div>
</div>
<!-- Tayuya Card End -->
<!-- [character name] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Kagura</h2>
<img src="https://www.giantbomb.com/a/uploads/scale_small/16/164924/2399930-kagura.png" alt="Kagura" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">The main villain of Clash of Ninja Revolution 2, she's an ex-ANBU member.</p>
</div>
</div>
</div>
<!--[character name] card end-->
<!-- Itachi Uchiha card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Itachi Uchiha</h2>
<img src="images/Itachi_Uchiha.png" alt="Itachi Uchiha" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Itachi Uchiha is a fictional character in the Naruto manga and anime
series created by Masashi Kishimoto.</p>
<p>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. During the second part of
the manga, Itachi becomes involved in attacks to ninjas possessing tailed-beast
creatures until facing Sasuke in a one-on-one battle. Although Itachi perishes during
the final duel, it is later revealed that Itachi had a secret reason for assassinating
the Uchiha clan.</p> </div>
</div>
</div>
<!--Itachi Uchiha card end-->
<!-- Isaribi card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Isaribi</h2>
<img src= "Images/Isaribi.jpg" alt="Isaribi" height="280px" width="400px">
</div>
<div class="flip-card-back">
<p class="card-text"> Isaribi was a part sea creature whose charecter arc was similar to
that of Naruto. She received a lot of hate for not being/behaving like the other members
of her clan. Naruto shows her the power of friendship and fills her with hope. Amachi-
the scientist to made Isaribi into the sea creature clearly exrpesses he had no
intentions of killing her but only wnated to disscet her once she became worthless to
him.</p> </div>
</div>
</div>
<!-- Isaribi end-->
<!-- Kurama card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">Kurama</h2>
<img src="https://www.giantbomb.com/a/uploads/original/13/135472/2264772-narutoninjastorm3battle016.jpg"
alt="Kurama" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Kurama is the Nine-Tailed Fox demon that resides within Naruto and
augments his power.</p>
</div>
</div>
</div>
<!--Kurama card end-->
<!-- Hiashi Hyūga card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Hiashi Hyūga</h2>
<img src="images/Hiashi_Hyuga.png" alt="Itachi Uchiha" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Hiashi Hyuga (日向ヒアシ, Hyūga Hiashi) is a shinobi from Konohagakure, as
well as the current head of the Hyūga clan.</p>
<p>Hiashi was born only seconds before his twin brother Hizashi, making Hiashi the head of
the Hyūga clan and Hizashi a member of the branch house, whose only purpose in life
would be to protect members of the main house. Years later, when Neji was born, Hizashi
became bitter that his son would never be able to reach his full potential like a member
of the main house, causing him to be openly resentful of Hiashi and his daughter. Hiashi
was also responsible for branding the family's curse seal on Neji's forehead, further
straining the relationship between the two brothers.</p> </div>
</div>
</div>
<!-- Hiashi Hyūga card end-->
<!-- Bansai Card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">Bansai</h2>
<img src="./Images/bansai.png" alt="Bansai" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Bansai is an elder ninja monk in the Fire Temple as well as the Head
Monk of the temple.</p>
<p>Bansai is a very kind person who cares about his comrades deeply as seen when he said a
prayer for Asuma Sarutobi before he set out for battle.</p> </div>
</div>
</div>
<!-- Minato card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">Minato Namikaze</h2>
<img src="Images/minatoNew.jpg" alt="Minato" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Minato Namikaze is a character in the Naruto universe. He is better
known as The Fourth Hokage or as Konoha's Yellow Flash for his ability to use the Flying
Thunder God Technique. He is also the father of series protagonist, Naruto. He is the
teacher of Kakashi Hatake, Obito Uchiha and Rin Nohara. He is also one of Jiraiya's
students.</p> </div>
</div>
</div>
<!-- rajulkoshta Card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">Bansai</h2>
<img src="./Images/kawaki2.jpg" alt="kawaki" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Kawaki (カワキ, Kawaki) is a tattooed youth who became a member of Kara
after being brought by Jigen from a drunkard father, bearing a tattoo of the Roman
numeral IX under his left eye and bestowed a Kama mark by Jigen to be made into a living
weapon for Kara. He was heavily modified with microscopic Shinobi-Ware implanted in his
body that give him abilities similar to Jugo's Sage Transformation in altering his
physiology at a cellular level.</p>
<p> For reasons yet to be revealed, Kawaki left Kara and encountered Boruto who brings him
to the Hidden Leaf as he lives with the Uzumaki family. The two would end up becoming
enemies as hinted in prologue of the Boruto series, an older Kawaki appearing to have
perpetrated Konoha's destruction as he confronts an older Boruto while declaring the age
of shinobi has come to an end. His voice actor in the Japanese anime is Yūma Uchida.</p> </div>
</div>
</div>
<!-- Rajulkoshta Card End -->
<!-- card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">Nagato Uzumaki</h2>
<img src="./Images/nagato.png" alt="Nagato Uzumaki" height="350px" width="380px">
</div>
<div class="flip-card-back">
<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.</p> </div>
</div>
</div>
<!--card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">YAMATO</h2>
<img src="./Images/yamato.png" alt="Nagato Uzumaki" height="350px" width="380px">
</div>
<div class="flip-card-back">
<p class="card-text">Seeing how pivotal of a role Kakashi played as the leader of Team Seven
with Naruto, Sakura, and Sasuke, there were high expectations for Yamato when he
temporarily filled Kakashi's leadership position with the new Team Seven.
As a former Anbu who shares the same wood-style technique as the First Hokage, Yamato
had a mysterious aura about him in an attempt to spark curiosity amongst fans. However,
after Kabuto captured him and Kakashi reclaimed leadership over Team Seven, Yamato
disappeared into the abyss and was left as a character without any agency.</p> </div>
</div>
</div>
<!--card end-->
<!-- card start -->
<!-- Hashirama Senju card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">Hashirama Senju </h2>
<img src=https://www.giantbomb.com/a/uploads/scale_small/3/33873/1727699-first_hokage.jpg
alt="Hashirama Senju image" height="300px" width="300px">
</div>
<div class="flip-card-back">
<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>
</div>
</div>
</div>
<!--Hashirama Senju card end-->
<!-- card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title"> Yahiko </h2>
<img src="./Images/Yahiko.png" alt="anko" height="350px" width="380px">
</div>
<div class="flip-card-back">
<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>
<p> 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. </p> </div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">Deidara</h2>
<img src="./Images/deidara69.jpg" alt="Deidara" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Deidara is a member of the Akatsuki group, Deidara was partnered with
Sasori before his death, after which he partnered Tobi.</p>
<p>Deidara has a very unique ability, he uses his hands where his palms posses mouths that
when feed a certain clay explosive can create a flying bird or many small spiders that
can be controlled or control them self after which will explode on command or when they
deem suitable.</p> </div>
</div>
</div>
<!--card end-->
<!-- card start -->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title"> Tsuande </h2>
<img src="./Images/Tsunadexx.png" alt="anko" height="350px" width="380px">
</div>
<div class="flip-card-back">
<p class="card-text">Tsunade (綱手, 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. 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 (五代目火影, Godaime Hokage, literally meaning:
Fifth Fire Shadow), where her skills prove invaluable to the village. </div>
</div>
</div>
<!--card end-->
<!--card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"> <h2 class="card-title">KIMIMARO</h2>
<img src="./Images/kimimaro.png" alt="kimimaro" height="350px" width="380px">
</div>
<div class="flip-card-back">
<p class="card-text">
Kimimaro was the sole survivor of the Kaguya clan. Upon dedicating his life to
Orochimaru, he became the leader of the formerly-named Sound Five (音隠れの忍五人衆, Otogakure
no Shinobi Gonin Shū, literally meaning: Hidden Sound Shinobi Five People), until he
fell ill, which forced him to leave the group.</p> </div>
</div>
</div>
<!--card end-->
<!-- card start -->
<!-- [character name] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Zabuza</h2>