Merge pull request #896 from Saimanjari777/main

Added back to top to all sections
khushi-joshi-05 · Jun 4, 2024 · 29b99c6 · 29b99c6
2 parents b5052d6 + b77f819
commit 29b99c6
Show file tree

Hide file tree

Showing 6 changed files with 77 additions and 10 deletions.
diff --git a/Html-files/ContactUpdate.html b/Html-files/ContactUpdate.html
@@ -23,7 +23,7 @@
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
     integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
     crossorigin="anonymous"></script>
-
+  <link rel="stylesheet" href="../Css-files/scroll-top-button.css">
   <!-- OWN CSS -->
   <link id="theme-link" rel="stylesheet" href="/Css-files/ContactUpdate.css">
 
@@ -256,9 +256,15 @@ <h4>Follow Us</h4>
   </footer>
 
   <!-- go to top button -->
-  <a href="#" id="gotop-btn"
-    style="position: fixed; bottom: 50px; right: 50px; padding: 10px; background-color: brown;"><i
-      class="fa-solid fa-angle-up"></i></a>
+   <!--Scroll top button-->
+
+   <button id="scroll-top-button" class="scroll-top-button" onclick="goToTop()">
+    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white"
+        class="arrow">
+        <path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z" />
+    </svg>
+</button>
+<!--Scroll top button finish-->
 
   <script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
 
@@ -284,6 +290,7 @@ <h4>Follow Us</h4>
       window.location.href = "Html-files/signup.html";
     }
   </script>
+  <script src="top.js"></script>
 </body>
 
 </html>
diff --git a/Html-files/cart.html b/Html-files/cart.html
@@ -12,7 +12,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
         integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
-
+    <link rel="stylesheet" href="../Css-files/scroll-top-button.css">
     <link rel="stylesheet" href="../Css-files/content.css">
     <link rel="stylesheet" href="../Css-files/cart.css">
 
@@ -164,13 +164,23 @@ <h4>Follow Us</h4>
             </div>
         </div>
     </footer>
+     <!--Scroll top button-->
+
+     <button id="scroll-top-button" class="scroll-top-button" onclick="goToTop()">
+        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white"
+            class="arrow">
+            <path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z" />
+        </svg>
+    </button>
+    <!--Scroll top button finish-->
 
     <script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
 
     <!-- <script src="../cart.js"></script> -->
     <script src="cart.js">
 
     </script>
+    <script src="top.js"></script>
 </body>
 
 </html>
diff --git a/Html-files/contact.html b/Html-files/contact.html
@@ -14,6 +14,7 @@
         rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="../Css-files/content.css">
+    <link rel="stylesheet" href="../Css-files/scroll-top-button.css">
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 
@@ -170,7 +171,22 @@ <h4>Follow Us</h4>
             </div>
         </div>
     </footer>
+     <!--Scroll top button-->
+
+     <button id="scroll-top-button" class="scroll-top-button" onclick="goToTop()">
+        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white"
+            class="arrow">
+            <path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z" />
+        </svg>
+    </button>
+    <!--Scroll top button finish-->
     <script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
+
+    <script src="../contact-form.js"></script>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
+    <script src="top.js"></script>
+
+
 </body>
 
 </html>

diff --git a/Html-files/menu.html b/Html-files/menu.html
@@ -14,7 +14,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
         integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
-
+    <link rel="stylesheet" href="../Css-files/scroll-top-button.css">
     <link rel="stylesheet" href="../Css-files/content.css">
     <script src="../hamburger.js"></script>
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
@@ -300,6 +300,12 @@ <h4>Follow Us</h4>
             </div>
         </div>
     </footer>
+    <button id="scroll-top-button" class="scroll-top-button" onclick="goToTop()">
+        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white"
+            class="arrow">
+            <path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z" />
+        </svg>
+    </button>
 
     <script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
     <script src="./MenuAPI.js"></script>
@@ -321,6 +327,7 @@ <h4>Follow Us</h4>
         }
       );
     </script>
+    <script src="top.js"></script>
 </body>
 
 </html>
diff --git a/Html-files/services.html b/Html-files/services.html
@@ -16,6 +16,7 @@
     <link rel="stylesheet" href="../Css-files/content.css">
     <link rel="stylesheet" href="../Css-files/services.css">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="../Css-files/scroll-top-button.css">
 </head>
 
 <body>
@@ -309,6 +310,32 @@ <h4>Follow Us</h4>
                         </div>
                     </div>
                 </div>
+
+            </div>
+        </div>
+    </footer>
+     <!--Scroll top button-->
+
+     <button id="scroll-top-button" class="scroll-top-button" onclick="goToTop()">
+        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white"
+            class="arrow">
+            <path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z" />
+        </svg>
+    </button>
+    <!--Scroll top button finish-->
+    <script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script>
+      AOS.init(
+        {
+          duration: 1000, 
+          easing: 'ease', 
+          once: false, 
+        }
+      );
+    </script>
+    <script src="top.js"></script>
+
             </footer>
 
             <script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
@@ -322,6 +349,7 @@ <h4>Follow Us</h4>
                     }
                 );
             </script>
+
 </body>
 
 </html>
diff --git a/index.html b/index.html
@@ -616,9 +616,7 @@ <h4>Follow Us</h4>
                 navbar.classList.remove('scrolled');
             }
         });
-        main
     </script>
-    main
 
 <!--     <script type="text/javascript">
             (function (d, t) {
@@ -682,6 +680,7 @@ <h4>Follow Us</h4>
   }, 500)
 });
 
-</script>
-main
+</script
+
+
 </html>