Merge pull request #926 from aryanmamania/aryan

fixed a bug of all anime character heading and added a new character
DecodersCommunity · Oct 1, 2023 · e71d9ed · e71d9ed
2 parents d983fdd + 522f45c
commit e71d9ed
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 7 deletions.
diff --git a/images/miku.webp b/images/miku.webp
diff --git a/index.html b/index.html
@@ -188,16 +188,17 @@
 
 
 
-        <p align="center">
-        <h1 style="color: var(--col1);">
-            <div class="animate one">
-                <span>A</span><span>l</span><span>l</span>&nbsp;<span>A</span><span>n</span><span>i</span><span>m</span><span>e</span>&nbsp<span>C</span><span>h</span><span>a</span><span>r</span><span>a</span><span>c</span><span>t</span><span>e</span><span>r</span><span>s</span>
-            </div>
-        </h1>
+
+
+        <p align="center" style="color: var(--col1);">
+            <h1 style="color: var(--col1);">
+                <div id="animation" class="animate one">
+                All anime characters
+                </div>
+           </h1>
         </p>
         <hr width="70%">
 
-
         <!-- Do not alter the code above this line unless you want to improve/ fix the website -->
 
         <!-- Card section starts -->
@@ -16670,6 +16671,30 @@ <h2 class="card-title">Vash The Stampede</h2>
                                     </div>
                                 </div>
                                 <!--Sample Vash The Stampede card end-->
+
+                                <div class="card mb-3 card-bg my-4 " style="max-width: 100%; ">
+                                    <div class="row no-gutters ">
+                                        <div class="col-md-4 ">
+                                            <!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
+                                            <img src="./images/miku.webp" alt="Miku Nakano " height="390px " width="300px ">
+                                        </div>
+                                        <div class="col-md-8 ">
+                                            <div class="card-body ">
+                                                <h2 class="card-title "> Miku Nakano - 'Quintessential Quintuplet'</h2>
+                                                <p class="card-text ">
+                                                    Miku Nakano (中なか野の 三み玖く, Nakano Miku?) is the one of the main characters in the manga and anime series 5-toubun no Hanayome. She is one of the quintuplet sisters, along with Ichika, Nino, Yotsuba, and Itsuki Nakano. Miku is the third eldest of the siblings and serves as one of the main love interests for the protagonist, Fuutarou Uesugi.
+                                                </p>
+                                                <p>
+                                                    Miku is initially depicted as a shy and introverted character who struggles to express herself and communicate with others. However, as the series progresses, she begins to come out of her shell and develop her own sense of confidence and individuality. Miku is particularly interested in literature, and her love for books is a central part of her character's identity.
+                                                </p>
+                                                <hr>
+                                                <p>Contributed by-Aryan Mamania</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+
                                 <!--Add your card below this line -->
     </main>
     <!-- <footer> -->
@@ -16679,6 +16704,7 @@ <h2 class="card-title">Vash The Stampede</h2>
         <li class="page-item next-page "><a class="page-link " href="# ">Next</a></li>
     </div>
 
+
     <!-- Do not alter the code below this line unless you want to improve the website -->
 
     <!-- Footer ANd Contact Section  -->

diff --git a/indexdarkmode.js b/indexdarkmode.js
@@ -1,6 +1,7 @@
 let buttonText = document.getElementById("switch");
 let theme = localStorage.getItem("theme");
 var bodyelem = document.body;
+
 function darkmode() {
   localStorage.setItem("theme", "darkmode");
   let val = localStorage.getItem("theme");

diff --git a/package-lock.json b/package-lock.json
diff --git a/styles.css b/styles.css
@@ -583,6 +583,7 @@ h2.card-title {
     margin-left: auto;
     margin-right: auto;
   }
+
   .search {
     left: 1rem;
   }