Update index.html

vimistify · Oct 8, 2024 · ae74792 · ae74792
1 parent b303484
commit ae74792
Showing 1 changed file with 25 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -147,10 +147,10 @@
       }
 
       footer {
-        background-color: #000;
-        color: white;
+        background-color: #C4D7FF;
+        color: #f3f4f6;
         text-align: center;
-        padding: 10px 0;
+        padding: 15px 0;
         width: 100%;
       }
       .checkbtn {
@@ -989,7 +989,7 @@ <h2>Contact Us</h2>
 
   </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;">
 
@@ -1036,8 +1036,18 @@ <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>
+      <button id="backToTopBtn" style="
+        background-color: #e81a1a;
+        color: white;
+        border: none;
+        border-radius: 5px;
+        padding: 10px 15px;
+        font-size: 16px;
+        cursor: pointer;
+      ">Back to Top</button>
+    </div>
   </footer>
 
   <script>
@@ -1276,10 +1286,14 @@ <h3>Subscribe to Our Newsletter</h3>
     }
 
     animateCircles();</script>
-</body>
-</html>
-
+  <script>
+    // Back to Top Button functionality
+    document.getElementById("backToTopBtn").addEventListener("click", function() {
+      window.scrollTo({
+        top: 0,
+        behavior: "smooth"
       });
-    </script>
-  </body>
+    });
+  </script>
+</body>
 </html>