Feat: toggle button not present other than home page like (login ,sig…

…n up page) (#97)
Anjaliavv51 · Jan 13, 2025 · 15b290e · 15b290e
2 parents bbed6f4 + a3d364f
commit 15b290e
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 18 deletions.
diff --git a/counting.html b/counting.html
@@ -30,8 +30,9 @@
                     </ul>
                 </li>
                 <li><a href="login.html">Login</a></li>
+                <li><a href="#" >Contact</a></li>
             </ul>
-            <a href="#" class="btn-contact">Contact</a>
+            <div class="toggle-menu">☰</div>
         </nav>
     </header>
     <div class="game-container"></div>
@@ -124,5 +125,6 @@ <h4>Contact Us</h4>
         }
 
     </script>
+    <script src="index.js"></script>
 </body>
 </html>
diff --git a/countingpage.html b/countingpage.html
@@ -147,8 +147,9 @@
                     </ul>
                 </li>
                 <li><a href="login.html">Login</a></li>
+                <li><a href="#">Contact</a></li>
             </ul>
-            <a href="#" class="btn-contact">Contact</a>
+            <div class="toggle-menu">☰</div>
         </nav>
     </header>
 
@@ -314,5 +315,7 @@ <h4>Contact Us</h4>
     document.querySelector('.slide').prepend(items[items.length - 1]) 
 })
     </script>
+    <script src="index.js"></script>
 </body>
+
 </html>
diff --git a/feedback.html b/feedback.html
@@ -2,6 +2,10 @@
 <html lang="en">
 
 <head>
+    <link
+      rel="icon"
+      href="DALL·E 2024-08-28 12.19.31 - A clean and moderately detailed logo for a Sanskrit education website. T.webp"
+    />
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>मातृबोधः</title>
@@ -29,8 +33,9 @@
                     </ul>
                 </li>
                 <li><a href="login.html">Login</a></li>
+                <li><a href="#" >Contact</a></li>
             </ul>
-            <a href="#" class="btn-contact">Contact</a>
+            <div class="toggle-menu">☰</div>
         </nav>
     </header>
     <div class="main-section">
@@ -104,6 +109,7 @@ <h1 class="feedback-head">Your Feedback is Valuable To Us</h1>
             </div>
         </div>
     </div>
+    <script src="index.js"></script>
 </body>
 <script>
     function notify(){

diff --git a/footercss.css b/footercss.css
@@ -87,7 +87,7 @@
 }
 .footer-bottom {
     text-align: center;
-    padding-top: 2rem;
+    padding-top: 0.5rem;
     border-top: 1px solid #ddd;
     font-size: 0.9rem;
 }

diff --git a/index.html b/index.html
@@ -23,6 +23,7 @@
   </head>
   <body>
     <header>
+
         <nav>
             <!-- Wrap the logo text in an anchor tag -->
             <a href="#hero" class="logo">मातृबोधः</a>
@@ -44,6 +45,7 @@
             <a href="#" class="btn-contact">Contact</a>
            </ul>
         </nav>
+
     </header>
     <!-- Hero Section -->
      <!-- <div class=""> -->

diff --git a/login.html b/login.html
@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <link
+      rel="icon"
+      href="DALL·E 2024-08-28 12.19.31 - A clean and moderately detailed logo for a Sanskrit education website. T.webp"
+    />
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Login and Signup Form</title>
@@ -30,8 +34,9 @@
                     </ul>
                 </li>
                 <li><a href="login.html">Login</a></li>
+                <li><a href="#" >Contact</a></li>
             </ul>
-            <a href="#" class="btn-contact">Contact</a>
+            <div class="toggle-menu">☰</div>
         </nav>
     </header>
     <div class="wrapper">
@@ -70,6 +75,6 @@ <h1>Login</h1>
 
     <script src="scrollscript.js"></script>
     <script src="audio.js"></script>
-
+    <script src="index.js"></script>
 </body>
 </html>
diff --git a/signup.html b/signup.html
@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <link
+      rel="icon"
+      href="DALL·E 2024-08-28 12.19.31 - A clean and moderately detailed logo for a Sanskrit education website. T.webp"
+    />
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Login and Signup Form</title>
@@ -30,8 +34,9 @@
                     </ul>
                 </li>
                 <li><a href="login.html">Login</a></li>
+                <li><a href="#">Contact</a></li>
             </ul>
-            <a href="#" class="btn-contact">Contact</a>
+            <div class="toggle-menu">☰</div>
         </nav>
     </header>
     <div class="wrapper">
@@ -80,5 +85,6 @@ <h1>Sign Up</h1>
     </footer>
     <script src="scrollscript.js"></script>
     <script src="audio.js"></script>
+    <script src="index.js"></script>
 </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -122,17 +122,7 @@ nav {
   background-color: #f1f1f1;
 }
 
-.btn-contact {
-  background-color: white;
-  color: black;
-  padding: 15px 30px;
-  border: 3px solid black;
-  border-radius: 0;
-  font-size: 16px;
-  font-weight: bold;
-  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
-  text-decoration: none;
-}
+
 
 .btn-contact:is(:focus, :hover) {
   background-color: #e5a186;
@@ -179,6 +169,7 @@ nav {
 }
 
 
+
 /* Hero Section */
 .hero {
   /* display: flex;