Merge pull request #417 from ananyag309/master

ADDED back to top button on all the respective footers
vimistify · Oct 8, 2024 · 79101d1 · 79101d1
2 parents ccddca7 + 52036f9
commit 79101d1
Show file tree

Hide file tree

Showing 4 changed files with 112 additions and 11 deletions.
diff --git a/Feedback.html b/Feedback.html
@@ -368,8 +368,20 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
     </div>
     <hr>
     <!-- Copyright Section -->
-    <strong><p style="background-color: #C4D7FF; color: #000000;  ">&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
-
+    <div style="background-color: #C4D7FF; color: #000000; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;">
+      <strong><p>&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
+
+      <!-- Back to Top Button -->
+      <button id="backToTopBtn" style="
+        background-color: #e81a1a;
+        color: white;
+        border: none;
+        border-radius: 5px;
+        padding: 10px 15px;
+        font-size: 16px;
+        cursor: pointer;
+      ">↑</button>
+    </div>
 </footer>
   <script>
     // Add event listeners to each star label for toggling the selection
@@ -475,5 +487,18 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
   }
 
   animateCircles();</script>
+  <script>
+    // Back to Top Button functionality
+    document.addEventListener('DOMContentLoaded', function() {
+      const backToTopBtn = document.getElementById("backToTopBtn");
+
+      backToTopBtn.addEventListener('click', function() {
+        window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      });
+    });
+  </script>
 </body>
 </html>
diff --git a/contact.html b/contact.html
@@ -304,8 +304,20 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
     </div>
     <hr>
     <!-- Copyright Section -->
-    <strong><p style="background-color: #C4D7FF; color: #000000;  ">&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
-
+    <div style="background-color: #C4D7FF; color: #000000; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;">
+      <strong><p>&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
+
+      <!-- Back to Top Button -->
+      <button id="backToTopBtn" style="
+        background-color: #e81a1a;
+        color: white;
+        border: none;
+        border-radius: 5px;
+        padding: 10px 15px;
+        font-size: 16px;
+        cursor: pointer;
+      ">↑</button>
+    </div>
 </footer>
 
 <script>
@@ -318,6 +330,18 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
     window.onload = function() {
         document.getElementById('contact-link').classList.add('active');
     };
+
+    // Back to Top Button functionality
+    document.addEventListener('DOMContentLoaded', function() {
+        var backToTopBtn = document.getElementById("backToTopBtn");
+
+        backToTopBtn.addEventListener('click', function() {
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        });
+    });
 </script>
 <script>    const coords = { x: 0, y: 0 };
     const circles = document.querySelectorAll(".circle");

diff --git a/features.html b/features.html
@@ -338,10 +338,36 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
     </div>
     <hr>
     <!-- Copyright Section -->
-    <strong><p style="background-color: #C4D7FF; color: #000000;  ">&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
-
-
+    <div style="background-color: #C4D7FF; color: #000000; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;">
+      <strong><p>&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
+
+      <!-- Back to Top Button -->
+      <button id="backToTopBtn" style="
+        background-color: #e81a1a;
+        color: white;
+        border: none;
+        border-radius: 5px;
+        padding: 10px 15px;
+        font-size: 16px;
+        cursor: pointer;
+      ">↑</button>
+    </div>
 </footer>
+
+<script>
+  // Back to Top Button functionality
+  document.addEventListener('DOMContentLoaded', function() {
+    var backToTopBtn = document.getElementById("backToTopBtn");
+
+    backToTopBtn.addEventListener('click', function() {
+      window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      });
+    });
+  });
+</script>
+
 <script>    const coords = { x: 0, y: 0 };
     const circles = document.querySelectorAll(".circle");
 
@@ -438,5 +464,6 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
     });
 </script>
 
+
 </body>
 </html>
diff --git a/index.html b/index.html
@@ -561,7 +561,7 @@ <h2>Contact Us</h2>
     </div>
   </div>
 
-  <footer style= " color: #f3f4f6; text-align: center; width: 100%;">
+  <footer style="color: #f3f4f6; text-align: center; width: 100%;">
     <div style="background-color: #C4D7FF; color: #f3f4f6; ">
       <div style="display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto;">
 
@@ -639,10 +639,35 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
     </div>
     <hr>
     <!-- Copyright Section -->
-    <strong><p style="background-color: #C4D7FF; color: #000000;  ">&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
-
+    <div style="background-color: #C4D7FF; color: #000000; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;">
+      <strong><p>&copy; 2024 AmbuFlow. All rights reserved.</p></strong>
+
+      <!-- Back to Top Button -->
+      <button id="backToTopBtn" style="
+        background-color: #e81a1a;
+        color: white;
+        border: none;
+        border-radius: 5px;
+        padding: 10px 15px;
+        font-size: 16px;
+        cursor: pointer;
+      ">↑</button>
+    </div>
   </footer>
 
+  <script>
+    // Back to Top Button functionality
+    document.addEventListener('DOMContentLoaded', function() {
+      var backToTopBtn = document.getElementById("backToTopBtn");
+
+      backToTopBtn.addEventListener('click', function() {
+        window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      });
+    });
+  </script>
   <script>
     function changeContent(page) {
       var links = document.querySelectorAll(".menu ul li a");
@@ -699,4 +724,4 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
 
   </script>
 </body>
-</html>
+</html>