forked from vikhyatsingh123/Naruto-Shippuden
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
3534 lines (3187 loc) · 224 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/[email protected]/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://fonts.cdnfonts.com/css/ninja-naruto" rel="stylesheet">
<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">
<link rel="stylesheet" href="index.css">
<link href="translate.css" rel="stylesheet" type="text/css" media="all" />
<title>Naruto</title>
</head>
<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 link" href="./index.html" style="color: beige;">Home</a>
</li>
<li class="nav-item mx-4">
<a class="link nav-link " href="./about.html" style="color: beige;">About</a>
</li>
<li class="nav-item mx-4">
<a class="link nav-link " href="./contact.html" style="color: beige;">Contact</a>
</li>
<div class="dark_lang">
<li>
<div>
<button onclick="darkmode()" class="toggle-mode darkmodebutton" id="toggler">🌙
Dark</button>
</div>
</li>
<li class="nav-item mx-4">
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'></script>
</li>
</div>
<li>
<audio id="nyan" src="./sound/naruto.mp3" preload="metadata" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<a class="btn" id="nyan-btn">play / pause <img src="./adi image/sound.png" class="soundicon">
<script src="./audio.js"></script>
</a>
</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>
<!-- Toggle Button Start -->
<div class="toggle-switch">
<span class="toggle-label">Heroes</span>
<label class="toggle-button" for="toggle-input">
<input type="checkbox" class="toggle-input" id="toggle-input">
<div class="toggle-slider" id="toggle-slider"></div>
</label>
<span class="toggle-label">Villains</span>
</div>
<!--Card section start-->
<div class="container" id="cont">
<!--[Shinki] card Start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title ">Shinki</h2>
<img data-src="./Images/Shinki.webp" alt="Shinki" height="330px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">
In the anime, as a young boy, Shinki was unable to control his power prompting Gaara to
approach him. Fearful, he attacked the Kazekage, who surprised him by hugging him despite
Shinki injuring him. Offering to teach Shinki how to use his power, he told Gaara his name
before accepting his offer. Following the encounter, Gaara adopted him, and soon after
began teaching Shinki proper control of his power and how to effectively use it in battle.
</p>
</div>
</div>
</div>
<!--[Hinata Hyuga] card Start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title ">Hinata Hyuga</h2>
<img data-src="./Images/hinata_hyuga.jpg" alt="Hinata Hyuga" height="330px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">
Hinata is characterized by her gentle and kind-hearted nature. She is initially depicted
as a shy and reserved individual, often lacking confidence in her abilities. However, as
the series progresses, she gains more self-assurance and becomes determined to prove her
worth as a ninja.
</p>
</div>
</div>
</div>
<!--[Hinata Hyuga] card ends-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title ">Himawari Uzumaki</h2>
<img data-src="./Images/Himawari Uzumaki.jpg" alt="Himawari Uzumaki" height="330px"
width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">
Himawari is the daughter of Naruto and Hinata, as well as the younger sister of Boruto.
</p>
</div>
</div>
</div>
<!--[Naruto] card start -->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title ">Naruto Uzumaki</h2>
<img data-src="./Images/naruto.png" alt="Naruto" height="260px" 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>
<!--[Naruto] card end -->
<!-- Hero [character name] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Konohamaru Sarutobi</h2>
<img data-src="https://static1.cbrimages.com/wordpress/wp-content/uploads/2019/11/Konohamaru-FactS.jpg?q=50&fit=contain&w=1140&h=&dpr=1.5"
of character] height="300px" width="300px" class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">Konohamaru Sarutobi (猿飛木ノ葉丸, Sarutobi Konohamaru) is a shinobi of
Konohagakure's Sarutobi clan. After later becoming a jōnin, he becomes the leader of his
own genin team. He strives to one day become Hokage after his idol, Naruto Uzumaki.</p>
<p>Konohamaru was born into the Sarutobi clan and was named after Konoha by his grandfather.
While being raised by his Anbu parents,[7] Konohamaru was never referred to by his name
by the villagers, only ever called "Honourable Grandson" (お孫様, Omago-sama) because of
his relationship to the Hokage. Wanting to be acknowledged as a person and not simply
the Hokage's grandson, Konohamaru began trying to defeat Hiruzen in order to replace him
as Hokage.</p>
</div>
</div>
</div>
<!-- Hero [character name] card end-->
<!--[Jiraiya] card start -->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title ">Jiraiya Sensei</h2>
<img data-src="data:image/jpeg;base64,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"
alt="Jiraiya" height="260px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Jiraiya (自来也) is a fictional character in the Naruto manga and anime
series created by Masashi Kishimoto. Introduced in the series'
first part, he was a student of Third Hokage Hiruzen Sarutobi and one of the three
"Legendary Great Three Students of the God Shinobi"(Legendary Sanin)—along with
Orochimaru and Lady Tsunade, his former teammates.
Jiraiya appears as a perverted old man who occasionally returns to the village
Konohagakure, reporting the activities of Orochimaru and the organization Akatsuki.
Referred to as the "Toad Sage" and "Pervy Sage",
he mentors Fourth Hokage Minato Namikaze and later becomes the godfather and mentor of
Minato's son, Naruto Uzumaki.</p>
<p>Jiraiya appears in two Naruto films, and as a playable character in most of the
franchise's video games.
Various pieces of merchandise based on him have been released. He has received positive
critical reception. Reviewers have praised Jiraiya's introduction
in the story and his relation with Naruto as his mentor. Out of all student-teacher
relationships in Naruto, Jiraiya and Naruto's are the ones Kishimoto liked the most.
He served as a strong father-figure to Naruto.</p>
</div>
</div>
</div>
<!--[Jiraiya] card end -->
<!--[Kawaki] card start -->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title ">Kawaki Uzumaki</h2>
<img data-src="./Images/kawaki_img2.jpg" alt="Kawaki" height="260px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Kawaki (カワキ, Kawaki) is a shinobi raised by Jigen and his organization
Kara to be the future vessel for Isshiki Ōtsutsuki. After being brought to Konohagakure,
he is taken in by Naruto Uzumaki and develops a brotherly bond with Boruto Uzumaki.</p>
<p>Kawaki is a fictional character from Ukyō Kodachi and Mikio Ikemoto's manga Boruto:
Naruto Next Generations. Initially appearing in the flashforward in the series' debut,
Kawaki is a young man who apparently would become the nemesis of the series' lead
character, Boruto Uzumaki. </p>
</div>
</div>
</div>
<!--[Kawaki] card end -->
<!--[Sasuke Uchiha] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Sasuke Uchiha</h2>
<img data-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>
<!-- [Sasuke Uchiha] card end-->
<!-- [Sarada Uchiha] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Sarada Uchiha</h2>
<img data-src="./Images/Sarada_Infobox.webp" alt=Sarada height="300px" width="300px"
class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">Sarada Uchiha is the daughter of Sasuke Uchiha and Sakura Haruno.
She seems to have inherited traits from both her parents, like her mother's "Cha!"
verbal tic
and her father's aloofness and reluctance to acknowledge and commend others.
Sarada is the central character of Naruto: The Seventh Hokage and the Scarlet Spring,
searching for her estranged father while mistakenly feeling she and Sakura are not
related.
Gaining her Sharingan in the process,but not having a good first impression of her
father Sasuke,
Sarada feels hurt and betrayed when she incorrectly suspects being Karin's biological
child as the
two wear similar glasses. While Naruto helps her realize that family is not a matter of
blood,
Sarada eventually learns that Sakura is her biological mother as Karin later explains
she was Sakura's midwife. Before leaving again, Sasuke shows Sarada how much he loves
her by poking her
forehead, and promises to come home soon. Having admired Naruto and his dedication to
his village,
Sarada makes it her goal to become the next Hokage. Sarada is voiced by Kokoro Kikuchi
in Japanese,
while in the English version she is voiced by Laura Bailey in Naruto Shippuden: Ultimate
Ninja
Storm 4 and by Cherami Leigh in all subsequent appearances.</p>
</div>
</div>
</div>
<!--[Sarada Uchiha] card end-->
<!-- Villian [Toneri Ōtsutsuki] card start-->
<div class="flip-card evil">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Toneri Ōtsutsuki</h2>
<img data-src="./Images/Toneri Ōtsutsuki.jpg" alt="Toneri Ōtsutsuki" height="250px" width="300px" class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text"></p>
<p>Toneri Ōtsutsuki is a descendant of Hamura Ōtsutsuki and the sole survivor of the Ōtsutsuki Clan's branch family on the Moon.
Toneri carries hatred towards mankind for weaponising chakra and once plotted to destroy humanity as punishment,
a goal which he states that the branch family of his clan desired for a thousand years.
He usually displays a calm and cool demeanour driven to completing the Thousand Year Plan to wipe out the shinobi world.
</p>
</div>
</div>
</div>
<!-- Villian [Toneri Ōtsutsuki] card end-->
<!-- [Sumire kakei] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Sumire Kakei</h2>
<img src="./Images/sumire.jpg" alt="Sumire Kakei" height="393px" width="737px"
class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">
Sumire Kakei is a former member of Team 15 and a kunoichi of Konohagakure's Scientific
Ninja Weapons Team.
She served as the Ninja Academy's Class Representative for Boruto's class. After
Danzo Shimura passed away and the village learned of Root's existence and its deeds, all
of its members, including Sumire's family, were shunned.
This led to Sumire's mother's illness and eventual death.
Sumire was profoundly affected by the loss because one of her few delights was brushing
her hair with her mother.
Over time, Sumire lost even the memory of her mother's voice.
Tanuki Shigaraki, Sumire's father and a crazed Danzo devotee, raised her with the goal
of exacting revenge on Root.
He eventually awarded her the Gozu Tenno.</p>
</div>
</div>
</div>
<!--[Sumire Kakei] card end-->
<!--[SAKUMO HATAKE] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Sakumo Hatake</h2>
<img data-src="./Images/Sakumo_Hatake_pic.jpg" alt="Sakumo Hatake" height="350px"
width="250px">
</div>
<div class="flip-card-back">
<p class="card-text">Sakumo Hatake is the father of Kakashi Hatake. He was classified in the
same bracket as the Legendary Sannin. Sakumo earned the epithet of " White Fang of the
Hidden Leaf." His name was known throughout the other villages. Sakumo was also
responsible for the killing of Sasori's parents. Sakumo's life took a turn for the worse
when he chose to save the lives of his comrades instead of completing the mission.
Sakumo was rebuked for his decision and in the end, he fell into despair and then
committed suicide.</p>
</div>
</div>
</div>
<!-- [SAKUMO HATAKE] 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 data-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-->
<!-- [black zetsu] card start-->
<div class="flip-card evil">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">black zetsu</h2>
<img data-src="./Images/black zetsu.png" alt="Black Zetsu" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Black Zetsu (黒ゼツ, Kuro Zetsu) is the physical manifestation of Kaguya
Ōtsutsuki's will.
Having been created to secure its creator's revival,
it secretly instigated many events that shaped the shinobi world,
during which it posed as Madara Uchiha's manifested will, leading to it being partnered
with White Zetsu to become half of the
Akatsuki member known simply as Zetsu (ゼツ, Zetsu).</p>
</div>
</div>
</div>
<div class="flip-card evil">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Code</h2>
<img data-src="https://comicvine.gamespot.com/a/uploads/square_small/11112/111121983/7944995-6688316931-latest.png"
alt="Black Zetsu" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Code is the last active Inner from Kara. Carrying Isshiki Ōtsutsuki's
legacy within him..</p>
</div>
</div>
</div>
<!-- [Anko Mitarashi] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Anko Mitarashi</h2>
<img data-src="./Images/anko.jpg" alt="Anko Mitarashi" height="300px" width="300px"
class="img_card">
</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.</p>
<p>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-->
<!-- [Karin] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Karin</h2>
<img data-src="./Images/Karin.png" alt="Karin" height="300px" width="300px"
class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">Karin (香燐, Karin) is a subordinate of Orochimaru, a former kunoichi of
Kusagakure, and a member of the Uzumaki clan. She assisted Orochimaru in his
experiments, and was left in charge as warden of his Southern Hideout while he was away.
She was later recruited into Sasuke Uchiha's group Taka, which was initially called
"Hebi" at the time of its creation.</p>
</div>
</div>
</div>
<!--[Karin] card end-->
<!--[Princess Kasumi] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Princess Kasumi</h2>
<img data-src="./Images/Princess_kasumi.jpg" alt="Princess Kasumi" height="250px"
width="250px">
</div>
<div class="flip-card-back">
<p class="card-text">Kasumi (かすみ, Kasumi) or Princess Dusk (キリ姫, Kiri-hime) The main
antagonist of Naruto: Ultimate Ninja Heroes 2. She thirsts for revenge against Konoha
Village, but her anger is amplified by Orochimaru's manipulation.</p>
</div>
</div>
</div>
<!--[Princess Kasumi] card end-->
<!-- [Sai] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Sai Yamanaka</h2>
<img data-src="./Images/Sai_Infobox.png" alt="Sai Yamanaka" 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-->
<!-- [Chiriku] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Chiriku</h2>
<img data-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-->
<!-- [Fukusaku] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Fukusaku</h2>
<img src="./Images/Fukusaku.jpg" alt="Fukusaku" height="225px" width="300px"
class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">When Jiraiya accidentally reverse-summoned himself to Mount Myōboku,
Fukasaku greeted the young shinobi and stated that the Great Toad Sage was expecting
him.
Some time after this, Fukasaku taught Jiraiya senjutsu.
Fukasaku was later present when the Great Toad Sage called
for Jiraiya to tell him about his prophecy.</p>
<p>Fukasaku, like his wife Shima, is considered very wise and is greatly respected
by all who know them well enough. In reality, he constantly bickers with Shima
over small things when they should focus on the bigger picture, such as the fact
that a battle will cause them to miss dinner. They are still close, as Shima
is heartbroken after Fukasaku is killed by Pain. Though Fukasaku remains serious
in even the worst situation, he and his wife will constantly find a reason to bicker
with each other. He also has a tendency to call the Great Toad Sage, "senile" for
constantly forgetting everything</p>
</div>
</div>
</div>
<!--[Fukusaku] card end-->
<!-- [ten tails] card start-->
<div class="flip-card evil">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Ten Tails - Juubi</h2>
<img data-src="./Images/ten tails.jpeg" alt="Ten Tails - Juubi" height="270px"
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-->
<!-- [Eight Tails] card start -->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Eight Tails - Gyuki</h2>
<img data-src="./Images/Gyuki-Eight-Tails-in-Naruto.webp" alt="Eight Tails - Gyuki"
height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Gyuki was sold to the Hidden Cloud village along with Matatabi, but the
nation struggled to find a Jinchuriki who could control it. One of these was Blue B, the
nephew of the Third Raikage, but after Gyuki went on a rampage, the Raikage was
forced to seal him away, causing his nephew's tragic death. Gyuki was ultimately sealed
within Killer Bee, the Third Raikage's adopted son, who surprisingly proved himself a
compatible host. Bee befriended his Bijuu through the power of rap, and their
relationship became perfectly two-way, allowing the ninja to draw out Eight-Tails' power
at will. Gyuki is an ox-like yokai with sheep horns and tentacle tails, and is regarded
as the second strongest bijuu.</p>
</div>
</div>
</div>
<!-- [Eight Tails] card end -->
<!-- [Seven Tails] card start -->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Seven-Tails - Chomei</h2>
<img data-src="./Images/Chomei-Seven-Tails-in-Naruto.webp" alt="Seven Tails - Chomei"
height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Chomei was formerly sealed within Fu, a female ninja from the Hidden
Waterfall, after being sold to the village by Hashirama. This was unusual, since the
Waterfall isn't one of Naruto's five major nations, but were considered powerful enough
to be included in the arrangement. Naruto flashbacks show each of the tailed beasts as
babies, soon after their creation by the Sage of Six Paths, but while most of these
young creatures are cuter, smaller versions of their present-day selves, Chomei actually
took a larval state, reflecting its insect-like design as an adult. Chomei is similar to
a Japanese rhinoceros beetle, and compared to its Bijuu kin, is remarkably placid and
laid-back, which is likely why Chomei doesn't resemble typical demons in anime.</p>
</div>
</div>
</div>
<!-- [Seven Tails] card end -->
<!-- [Asura] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Asura</h2>
<img data-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.
</p>
</div>
</div>
</div>
<!--[Asura] card end-->
<!-- Hero Yoshino Nara card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Yoshino Nara</h2>
<img data-src="./Images/YoshinoNara.jfif" alt="Yoshino Nara" height="300px" width="300px"
class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">
Yoshino Nara is a character in the "Naruto" series,
created by Masashi Kishimoto. She is a member of the Nara Clan,
a prominent and influential family in the Hidden Leaf Village.
Yoshino is the wife of Shikaku Nara and the mother of Shikamaru Nara,
who is one of the central characters in the series.</p>
<p>Yoshino Nara, while not a central character in the "Naruto" series,
is an important part of the Nara Clan and the broader Hidden Leaf Village community.
Her character reflects the strong family bonds and the supportive relationships
that are often explored in the series.
Yoshino Nara is not depicted as either good or evil in the "Naruto" series.
She is a neutral character and is primarily portrayed as a loving mother
and supportive wife. Yoshino's character does not engage
in acts of villainy or evil,
nor does she take on a hero or protagonist role. </p>
</div>
</div>
</div>
<!-- Hero Yoshino Nara card end-->
<!-- [Inuzuka Hana] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Inuzuka Hana</h2>
<img data-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 good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title"> Izumi Uchiha </h2>
<img data-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>
<!-- Izumi Uchiha card end -->
<!--Fūka card start-->
<div class="flip-card evil">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Fūka</h2>
<img data-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-->
<!-- [Neji Hyuga] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Neji Hyuga </h2>
<img data-src="./Images/neji-hyuga.jpg" alt="Neji Hyuga" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">Neji Hyuga was a shinobi of Konohagakure's Hyūga clan. Though a prodigy
even by the Hyūga's standards, Neji was a member of the clan's branch house; no matter
how skilled he became, he would always be in service to the Hyūga's main house. </p>
<p>As a member of Team Guy he sought the strength necessary to make the future he wanted for
his family and friends, and ultimately sacrificed his life to protect the very same
person who taught him about the freedom of one's choice of fate, Naruto.</p>
</div>
</div>
</div>
<!--[Neji Hyuga] card end-->
<!-- Rôshi Card start -->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Rôshi</h2>
<img data-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-->
<!-- [Boruto] card start -->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title"> Boruto Uzumaki</h2>
<img data-src="./Images/boruto.jpg" alt="Boruto Uzumaki" 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-->
<!-- [Madara] card start -->
<div class="flip-card evil">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Uchiha Madara</h2>
<img data-src="./Images/madara.jpg" alt="Uchiha Madara" height="350px" width="380px">
</div>
<div class="flip-card-back">
<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>
<!-- [Madara] card end-->
<!-- [Ebisu] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Ebisu</h2>
<img data-src="./Images/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>
<!--[Ebisu] card end-->
<!-- Yukimaru card start -->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title"> Yukimaru </h2>
<img data-src="./Images/yukimaru.png" alt="Yukimaru" 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 good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Yamato</h2>
<img data-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 good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Hanabi Hyuga</h2>
<img data-src="Images/download.jfif" 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-->
<!-- [Tsunade] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Tsunade</h2>
<img data-src="Images/Tsunade.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 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 thateven
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>