From 2b015a4169ad07f0c531535e69e14c0b9afe1db0 Mon Sep 17 00:00:00 2001
From: Ananya Gupta <145869907+ananyag309@users.noreply.github.com>
Date: Tue, 8 Oct 2024 14:32:44 +0530
Subject: [PATCH] Update team.html

---
 team.html | 137 +++++++++++++++++++++++++++++++-----------------------
 1 file changed, 80 insertions(+), 57 deletions(-)

diff --git a/team.html b/team.html
index 7024256c..d01d924b 100644
--- a/team.html
+++ b/team.html
@@ -259,72 +259,95 @@ <h2>Contact Us</h2>
 </div>
 
 
-<footer>
-
-
-
-    <div style="color: white; padding: 20px;">
-        <div style="display: flex; justify-content: space-between; flex-wrap: wrap;">
-            <!-- Quick Links Section -->
-            <div style="flex: 1; min-width: 200px;">
-                <h3>Quick Links</h3>
-                <ul style="list-style-type: none; padding: 0;">
-                    <li><a href="about.html" style="color: white; text-decoration: none;">About Us</a></li>
-                    <li><a href="contact.html" style="color: white; text-decoration: none;">Contact Us</a></li>
-                    <li><a href="privacy.html" style="color: white; text-decoration: none;">Privacy Policy</a></li>
-                    <li><a href="terms.html" style="color: white; text-decoration: none;">Terms of Service</a></li>
-                    <li><a href="sitemap.html" style="color: white; text-decoration: none;">Site Map</a></li>
-                </ul>
-            </div>
-
-            <!-- Contact Information Section -->
-            <div style="flex: 1; min-width: 200px;">
-                <h3>Contact Info</h3>
-                <p>123 Emergency Lane, Mumbai, India</p>
-                <p>Email:emergency@ambulanceservice.in</p>
-                <p>Phone: +91-911-1234567</p>
-            </div>
+<footer style="color: #f3f4f6; text-align: center; width: 100%; background-color: #C4D7FF; border: none;">
+  <div style="display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 20px 0;">
+    
+    <!-- Quick Links Section -->
+    <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
+      <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Quick Links</h3>
+      <ul style="list-style-type: none; padding: 0;">
+        <li><a href="about.html" class="footer-link">About Us</a></li>
+        <li><a href="contact.html" class="footer-link">Contact Us</a></li>
+        <li><a href="privacy.html" class="footer-link">Privacy Policy</a></li>
+        <li><a href="terms.html" class="footer-link">Terms of Service</a></li>
+        <li><a href="sitemap.html" class="footer-link">Site Map</a></li>
+      </ul>
+    </div>
 
-            <!-- Social Media Links -->
-            <div style="flex: 1; min-width: 200px;">
-                <h3>Follow Us</h3>
-                <a href="https://www.facebook.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-facebook-f"></i> Facebook</a><br>
-                <a href="https://www.twitter.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fa-brands fa-x-twitter"></i> Twitter</a><br>
-                <a href="https://www.instagram.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-instagram"></i> Instagram</a><br>
-                <a href="https://www.linkedin.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
-            </div>
+    <!-- Contact Information Section -->
+    <div style="flex: 1; min-width: 200px; margin-bottom: 10px;">
+      <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
+      <p style="color: #000;">123 Emergency Lane, Mumbai, India</p>
+      <a href="mailto:emergency@ambulanceservice.in" class="footer-link">emergency@ambulanceservice.in</a>
+      <p style="color: #000000;">Phone: <a href="tel:+91-911-1234567" class="footer-link">+91-911-1234567</a></p>
+    </div>
 
-            <!-- Newsletter Subscription -->
-            <div style="flex: 1; min-width: 200px;">
-                <h3>Subscribe to Our Newsletter</h3>
-                <form action="#">
-                    <input type="email" placeholder="Your Email" style="padding: 10px; width: 80%;" required><br><br>
-                    <button type="submit" style="background-color: #ff5733; color: white; padding: 10px 20px; border: none; cursor: pointer;">Subscribe</button>
-                </form>
-            </div>
-        </div>
+    <!-- Social Media Links -->
+    <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
+      <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
+      <a href="https://www.facebook.com" class="hover-link"><i class="fab fa-facebook-f"></i> Facebook</a><br>
+      <a href="https://www.twitter.com" class="hover-link"><i class="fa-brands fa-x-twitter"></i> Twitter</a><br>
+      <a href="https://www.instagram.com" class="hover-link"><i class="fab fa-instagram"></i> Instagram</a><br>
+      <a href="https://www.linkedin.com" class="hover-link"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
+    </div>
 
-        <!-- Copyright Section -->
-        <div style="text-align: center; margin-top: 20px; border-top: 1px solid white; padding-top: 10px;">
-            <p>&copy; 2024 AmbuFlow. All rights reserved.</p>
-        </div>
+    <!-- Newsletter Subscription -->
+    <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
+      <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to Our Newsletter</h3>
+      <form action="#">
+        <input type="email" placeholder="Your Email" style="padding: 10px; width: 80%; border: none; border-radius: 5px;" required><br><br>
+        <button type="submit" style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
+      </form>
     </div>
-    
-    </footer>
-    
+  </div>
 
+  <!-- Copyright Section -->
+  <div style="background-color: #C4D7FF; color: #000000; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; border-top: 1px solid #a0c0ff;">
+    <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>
 
+<!-- Add this style block in the <head> section or in your CSS file -->
+<style>
+  .hover-link {
+    color: #000000;
+    text-decoration: none;
+    margin-right: 10px;
+    background: none;
+    cursor: pointer;
+    transition: color 0.3s ease;
+  }
+
+  .hover-link:hover {
+    color: blue;
+    background: none;
+  }
+</style>
+
+<!-- Add this script block just before the closing </body> tag -->
 <script>
-    function changeContent(page) {
-        var links = document.querySelectorAll('.menu ul li a');
-        links.forEach(link => link.classList.remove('active'));
-        document.getElementById(page + '-link').classList.add('active');
-    }
+  // Back to Top Button functionality
+  document.addEventListener('DOMContentLoaded', function() {
+    var backToTopBtn = document.getElementById("backToTopBtn");
 
-    window.onload = function() {
-        document.getElementById('team-link').classList.add('active');
-    };
+    backToTopBtn.addEventListener('click', function() {
+      window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      });
+    });
+  });
 </script>
 
 </body>