Skip to content

Commit

Permalink
Merge branch 'main' into main
Browse files Browse the repository at this point in the history
  • Loading branch information
@vikhyatsingh123
vikhyatsingh123 authored Oct 17, 2023
2 parents 4a63ca8 + bf39852 commit 49c14ce
Show file tree
Hide file tree
Showing 6 changed files with 270 additions and 16 deletions.
Binary file added Images/Kurama-2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Images/YoshinoNara.jfif
View file
Binary file not shown.
Binary file added Images/chijoi_image.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 0 additions & 11 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Expand All @@ -27,7 +26,6 @@
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: 78%;">
<li class="nav-item active mx-4">
Expand All @@ -39,8 +37,6 @@
</div>
</nav>
</header>


<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto" style="margin-left: 78%;">
<li class="nav-item active mx-4">
Expand Down Expand Up @@ -117,7 +113,6 @@ <h5 class="card-title"><i class="fab fa-facebook"></i> Facebook</h5>
</div>
</div>
</main>

<!-- <footer>
<nav class="navbar navbar-expand-lg navbar-light nav1">
<p class="mx-auto text-light font-weight-lighter">&copyright Developed By- Vikhyat Singh</p>
Expand All @@ -127,11 +122,6 @@ <h5 class="card-title"><i class="fab fa-facebook"></i> Facebook</h5>
Developed and Designed By <a href="https://github.com/vikhyatsingh123/"><span>Vikhyat Singh</span> </a> | © All
Rights Reserved
</footer>





<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
Expand All @@ -140,5 +130,4 @@ <h5 class="card-title"><i class="fab fa-facebook"></i> Facebook</h5>
crossorigin="anonymous"></script>
<script src="aboutdarkmode.js"></script>
</body>

</html>
152 changes: 147 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -585,6 +585,34 @@ <h2 class="card-title">Asura</h2>
</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">
Expand Down Expand Up @@ -996,7 +1024,7 @@ <h2 class="card-title">The Demon Brothers</h2>


<!-- Madara card start-->
<div class="flip-car evil">
<div class="flip-card evil">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Madara Uchiha</h2>
Expand All @@ -1018,6 +1046,7 @@ <h2 class="card-title">Madara Uchiha</h2>
</div>
</div>
<!--Madara card end-->

<!-- Tayuya Card start -->
<div class="flip-card evil">
<div class="flip-card-inner">
Expand All @@ -1036,6 +1065,7 @@ <h2 class="card-title">Tayuya</h2>
</div>
</div>
<!-- Tayuya Card End -->

<!-- Kagura card start-->
<div class="flip-card good">
<div class="flip-card-inner">
Expand Down Expand Up @@ -1117,8 +1147,7 @@ <h2 class="card-title">Isaribi</h2>
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Kurama</h2>

<img data-src="https://www.giantbomb.com/a/uploads/original/13/135472/2264772-narutoninjastorm3battle016.jpg"
<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">
Expand Down Expand Up @@ -2578,8 +2607,7 @@ <h2 class="card-title">Kakuzu</h2>
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Kurama</h2>

<img data-src="https://www.pngplay.com/wp-content/uploads/12/Kurama-PNG-Images-HD.png"
<img data-src="Images/Kurama-2.png"
alt="Kurama" height="300px" width="300px">
</div>
<div class="flip-card-back">
Expand Down Expand Up @@ -3521,7 +3549,121 @@ <h2 class="card-title">Yugito Nii</h2>
</div>
</div>
<!--Yugito Nii card end-->
<!-- [Matsuri] card start -->

<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Matsuri</h2>
<img data-src="https://i.pinimg.com/originals/f3/ff/6a/f3ff6a450df8f3741fc694dc6fc77078.jpg"
alt="Matsuri" height="350px" width="250px">
</div>
<div class="flip-card-back">
<h2 class="card-title">Matsuri</h2>
<p class="card-text">Matsuri is a genin from Sunagakure,
who appears in the Naruto anime and manga series 1. She is part of a team
alongside Yukata and Mikoshi 1.
Matsuri witnessed her parents’ murder in the past, making her adverse to
weapons and violence 1. In the anime, she is shown to be a reverent admirer
of Gaara or any other powerful ninja 1. Matsuri has straight chin-length
brown hair, dark eyes, and fair skin. She is 158 cm tall.
</p>
</div>
</div>
</div>

<!-- [Matsuri] card end-->
<!-- [Aoba] card start -->

<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Aoba</h2>
<img data-src="https://i.pinimg.com/originals/a1/26/44/a12644b942ba4b755b6631488013d479.jpg"
alt="Aoba" height="350px" width="250px">
</div>
<div class="flip-card-back">
<h2 class="card-title">Aoba</h2>
<p class="card-text">Aoba is a soft-spoken and introverted character with a
penchant for art and literature. They possess a unique ability to empathize with others, making them a
trusted confidant among their friends. Aoba's sense of style is remarkable, often seen in eccentric and meticulously
put-together outfits that reflect their artistic inclinations. Their depth of character lies in their contemplative
nature, making
them an excellent companion for profound conversations and creative endeavors. </p>
</div>
</div>
</div>

<!-- [Aoba] card end-->
<!-- [Katsuyu] card start -->

<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Katsuyu</h2>
<img data-src="https://i.pinimg.com/originals/9c/3e/d8/9c3ed87b5a1a3037162fdb63c68d12da.png"
alt="Katsuyu" height="350px" width="250px">
</div>
<div class="flip-card-back">
<h2 class="card-title">Katsuyu</h2>
<p class="card-text">Katsuyu is a gentle and nurturing character with a deep love for nature and animals. They
find solace in spending time in the outdoors and have a remarkable bond with creatures of all kinds. Katsuyu's
calming presence and kindness make them a cherished friend to many, and their skills as a healer and caretaker
are well-known. They often dedicate their time to the betterment of their
environment and are a symbol of harmony and compassion.
</p>
</div>
</div>
</div>

<!-- [Katsuyu] card end-->
<!-- [Enma] card start -->

<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">Enma</h2>
<img data-src="https://i.pinimg.com/originals/4c/d9/c4/4cd9c4d5bd9a01877bdf430720ab3efc.png"
alt="Enma" height="350px" width="250px">
</div>
<div class="flip-card-back">
<h2 class="card-title">Enma</h2>
<p class="card-text">Enma is a dynamic character, known for their assertive and fearless personality.
They thrive in challenging situations, often taking the lead in high-stakes scenarios.
Enma's confidence and charisma make them a natural leader, and they excel in decision-making and
problem-solving. With a strong
sense of justice and an unwavering determination to protect others, Enma is a force to be reckoned with.
</p>
</div>
</div>
</div>

<!-- [Enma] 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">Choji Akimichi</h2>
<img src="./Images/chijoi_image.jpg" alt="">
</div>
<div class="flip-card-back">
<p class="card-text">A member of the Akimichi clan. His biggest talent is eating and protecting his friends. His best friend is Shikamaru Nara. He, like Shikamaru, is a member of Team 10. He seems to lack confidence in himself.</p>
<p>Choji is on a team with Shikamaru and Ino. His main power is his partial expansion jutsu which allows him to enlarge his limbs for added effectiveness. He can also eat a pill that rapidly burns off his fat so that he gains an immense amount of Chakra. Choji plays a minor role in the series, but offers a powerful ally for the protagonists.

During the Sasuke Retrieval Arc Choji fought Jiroubou alone. He forced Jiroubou to activate the second state of his curse mark but after taking the third and final Akimichi soldier pill he was able to kill him.

It is revealed that after the 2.5 year timeskip that Choji has become a Chunin.

At the end of the series, Choji marries Karui, whom the two have a daughter together named Chocho</p>
</div>
</div>
</div>
<!-- Hero [character name] card end-->


</main>


Expand Down
123 changes: 123 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,124 @@
#title {
color: #fff;
height: 950px;
background-color:#32081f ;
}
.navbar-brand{
font-size:30px ;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #fff;
padding-left: 30px;
}
.navbar{
padding: 0;

}
.image-naruto{
padding: 0;
margin-top: 50px;
height: 60%;
}
/* .back{
background-color:#32081f;
color: #fff;
} */
.head{
color: #fff;
font-size: 400%;
padding:50px 0 50px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.navbar-toggler{
margin-right: 20px;
}
html {
scroll-behavior: smooth;
}
.about{
margin:50px;
line-height: 2;
text-align:left;
font-size: 1.5rem;
height: 300px;
padding-bottom: 100px;
}
/* .page{
height: 700px;
} */

@media(1245px>=width>993px){
#title{
height: 800px;
}
.about{
position: relative;
bottom: 90px;
text-align: justify;
font-size: 1.2rem;
margin: 20px;
}
.head{
position: relative;
bottom: 50px;
font-size: 3rem;
}
}
@media ( 992px>=width>=680px) {
#title{
height: 1200px;
}
.about{
position: relative;
bottom: 150px;
font-size: 1.3rem;

}
.image-naruto{
height: 600px;
}
.head{
position: relative;
bottom: 100px;
}
}
@media(680px>width>450px){
.image-naruto{
height: 400px;
}
#title{
height: 1100px;
}
.about{
position: relative;
bottom: 190px;
font-size: 1.2rem;
text-align: justify;
}
.head{
position: relative;
bottom: 130px;
font-size: 2.5rem;
}
}
@media(max-width: 450px){
.image-naruto{
height: 400px;
}
#title{
height: 1400px;
}
.about{
position: relative;
bottom: 200px;
font-size: 1.2rem;
text-align: justify;
}
.head{
position: relative;
bottom: 150px;
font-size: 2.5rem;
}
}

html, body {
overflow-x: hidden;
Expand Down Expand Up @@ -806,6 +924,10 @@ ul.navbar-nav.mr-auto {
justify-content: center;
align-items: center;
}
.footer{
text-align: center;
padding-top: 20px
}
.footer .icon .fa{
padding: 8px;
margin: 5px;
Expand All @@ -824,5 +946,6 @@ ul.navbar-nav.mr-auto {
background: #4649FF;
}
.footer span{

text-decoration: underline;
}

0 comments on commit 49c14ce

Please sign in to comment.