From 9f6bf1891428bb44cf44325fdfb4e8a03d3900a0 Mon Sep 17 00:00:00 2001
From: Suraj S G Dhanva <164147518+SurajSG23@users.noreply.github.com>
Date: Sat, 5 Oct 2024 22:10:11 +0530
Subject: [PATCH 1/4] Update team.html

---
 team.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/team.html b/team.html
index 08647ce9..d99ad5dc 100644
--- a/team.html
+++ b/team.html
@@ -150,10 +150,10 @@
 
         <nav class="menu">
             <ul>
-                <li><a href="index.html" id="home-link" onclick="changeContent('home')">Home</a></li>
-                <li><a href="features.html" id="features-link" onclick="changeContent('features')">Features</a></li>
-                <li><a href="team.html" id="team-link" onclick="changeContent('team')">Team</a></li>
-                <li><a href="contact.html" id="contact-link" onclick="changeContent('contact')">Contact</a></li>
+                <li><a href="index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a></li>
+                <li><a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a></li>
+                <li><a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a></li>
+                <li><a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a></li>
             </ul>
         </nav>
         <div class="buttons">

From d81e44ba408344c46758dc91d580835cdf4ba746 Mon Sep 17 00:00:00 2001
From: Suraj S G Dhanva <164147518+SurajSG23@users.noreply.github.com>
Date: Sat, 5 Oct 2024 22:10:37 +0530
Subject: [PATCH 2/4] Update features.html

---
 features.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/features.html b/features.html
index acd26f5d..018966e4 100644
--- a/features.html
+++ b/features.html
@@ -113,10 +113,10 @@
 
         <nav class="menu">
             <ul>
-                <li><a href="index.html" id="home-link">Home</a></li>
-                <li><a href="features.html" id="features-link" class="active">Features</a></li>
-                <li><a href="team.html" id="team-link">Team</a></li>
-                <li><a href="contact.html" id="contact-link">Contact</a></li>
+                <li><a href="index.html" id="home-link"><i class="fa-solid fa-house"></i> Home</a></li>
+                <li><a href="features.html" id="features-link" class="active"><i class="fa-solid fa-file"></i> Features</a></li>
+                <li><a href="team.html" id="team-link"><i class="fa-solid fa-user-group"></i> Team</a></li>
+                <li><a href="contact.html" id="contact-link"><i class="fa-solid fa-phone"></i> Contact</a></li>
             </ul>
         </nav>
         <div class="buttons">

From 9dad65eb69821c2e0fb9ce5ec971a1c25763e5bc Mon Sep 17 00:00:00 2001
From: Suraj S G Dhanva <164147518+SurajSG23@users.noreply.github.com>
Date: Sat, 5 Oct 2024 22:10:58 +0530
Subject: [PATCH 3/4] Update contact.html

---
 contact.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/contact.html b/contact.html
index 21c6a13f..22cd51b2 100644
--- a/contact.html
+++ b/contact.html
@@ -130,10 +130,10 @@
         </div>
         <nav class="menu">
             <ul>
-                <li><a href="index.html" id="home-link" onclick="changeContent('home')">Home</a></li>
-                <li><a href="features.html" id="features-link" onclick="changeContent('features')">Features</a></li>
-                <li><a href="team.html" id="team-link" onclick="changeContent('team')">Team</a></li>
-                <li><a href="contact.html" id="contact-link" onclick="changeContent('contact')">Contact</a></li>
+                <li><a href="index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a></li>
+                <li><a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a></li>
+                <li><a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a></li>
+                <li><a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a></li>
             </ul>
         </nav>
         <div class="buttons">

From f011a45b31e68b50866e53602f46c798eb772ec8 Mon Sep 17 00:00:00 2001
From: Suraj S G Dhanva <164147518+SurajSG23@users.noreply.github.com>
Date: Sat, 5 Oct 2024 22:11:57 +0530
Subject: [PATCH 4/4] Update index.html

---
 index.html | 750 +++++++++++++++++++++++++----------------------------
 1 file changed, 356 insertions(+), 394 deletions(-)

diff --git a/index.html b/index.html
index 9c1aab7c..d425da64 100644
--- a/index.html
+++ b/index.html
@@ -1,21 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>AmbuFlow</title>
-
-    <link rel="stylesheet" href="src/css/index.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"> <!--Updated to latest version-->
-
-    <link rel="stylesheet" href="src/css/index.css" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
-    />
-
-    <style>
-      /* .logo span {
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>AmbuFlow</title>
+
+  <link rel="stylesheet" href="src/css/index.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+  <!--Updated to latest version-->
+
+  <link rel="stylesheet" href="src/css/index.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+
+  <style>
+    /* .logo span {
             font-size: 28px;
             font-weight: bold;
             background: linear-gradient(45deg, #ff5733, #33ff57, #3357ff);
@@ -26,421 +25,384 @@
             font-family: 'Arial', sans-serif;
         } */
 
-      body {
-        font-family: Arial, sans-serif;
-        background-color: #f4f4f4;
-        margin: 0;
-        padding: 0;
-        color: #333;
-        display: flex;
-        flex-direction: column;
-        min-height: 100vh;
-      }
-      .menu ul li a {
-        padding: 10px 15px;
-        color: black;
-        text-decoration: none;
-        border-radius: 10px;
-      }
-      .menu ul li a.active {
-        color: white;
-        background-color: #000;
-      }
-      .content {
-        margin: 20px;
-        padding: 20px;
-        background-color: #fff;
-        border-radius: 5px;
-        flex-grow: 1;
-      }
-      h1 {
-        color: #2c3e50;
-        text-align: center;
-        margin-bottom: 20px;
-      }
-      .grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-        grid-template-rows: auto auto;
-        gap: 20px;
-        animation: fadeIn 1s ease-in-out;
-      }
-      .feature {
-        background-color: #e7f3fe;
-        border-radius: 10px;
-        padding: 15px;
-        text-align: center;
-        transition: transform 0.3s, box-shadow 0.3s;
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-      }
-      .feature:hover {
-        transform: translateY(-5px);
-        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-      }
-      .feature img {
-        width: 100px;
-        height: 100px;
-        object-fit: cover;
-        margin-bottom: 10px;
-        border-radius: 50%;
-      }
-      .feature h2 {
-        color: #2980b9;
-        margin-bottom: 10px;
-      }
-      .feature p {
-        color: #555;
-      }
-      .team-feature,
-      .contact-feature {
-        padding: 20px;
-        display: flex;
-        align-items: center;
-        text-align: left;
-        border-radius: 10px;
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-        grid-column: 1 / -1;
-      }
-      .team-feature {
-        background-color: #e7ffe7;
-      }
-      .contact-feature {
-        background-color: #f2e4aa;
-      }
-      .team-feature img,
-      .contact-feature img {
-        width: 150px;
-        height: auto;
-        margin-right: 20px;
-        border-radius: 10px;
-      }
-      .feature p {
-        color: #555;
-      }
+    body {
+      font-family: Arial, sans-serif;
+      background-color: #f4f4f4;
+      margin: 0;
+      padding: 0;
+      color: #333;
+      display: flex;
+      flex-direction: column;
+      min-height: 100vh;
+    }
 
-      .team-feature {
-        background-color: #e7ffe7;
-        padding: 20px;
-        display: flex;
-        align-items: center;
-        text-align: left;
-        border-radius: 10px;
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-        grid-column: 1 / -1;
-      }
-      .team-feature img {
-        width: 150px;
-        height: auto;
-        margin-right: 20px;
-        border-radius: 10px;
-      }
+    .menu ul li a {
+      padding: 10px 15px;
+      color: black;
+      text-decoration: none;
+      border-radius: 10px;
+    }
 
-      .contact-feature {
-        background-color: #f2e4aa;
-        padding: 20px;
-        display: flex;
-        align-items: center;
-        text-align: left;
-        border-radius: 10px;
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-        grid-column: 1 / -1;
-      }
-      .contact-feature img {
-        width: 150px;
-        height: auto;
-        margin-right: 20px;
-        border-radius: 10px;
-      }
+    .menu ul li a.active {
+      color: white;
+      background-color: #000;
+    }
+
+    .content {
+      margin: 20px;
+      padding: 20px;
+      background-color: #fff;
+      border-radius: 5px;
+      flex-grow: 1;
+    }
+
+    h1 {
+      color: #2c3e50;
+      text-align: center;
+      margin-bottom: 20px;
+    }
+
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+      grid-template-rows: auto auto;
+      gap: 20px;
+      animation: fadeIn 1s ease-in-out;
+    }
+
+    .feature {
+      background-color: #e7f3fe;
+      border-radius: 10px;
+      padding: 15px;
+      text-align: center;
+      transition: transform 0.3s, box-shadow 0.3s;
+      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+    }
+
+    .feature:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+    }
+
+    .feature img {
+      width: 100px;
+      height: 100px;
+      object-fit: cover;
+      margin-bottom: 10px;
+      border-radius: 50%;
+    }
+
+    .feature h2 {
+      color: #2980b9;
+      margin-bottom: 10px;
+    }
+
+    .feature p {
+      color: #555;
+    }
+
+    .team-feature,
+    .contact-feature {
+      padding: 20px;
+      display: flex;
+      align-items: center;
+      text-align: left;
+      border-radius: 10px;
+      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+      grid-column: 1 / -1;
+    }
+
+    .team-feature {
+      background-color: #e7ffe7;
+    }
+
+    .contact-feature {
+      background-color: #f2e4aa;
+    }
 
-      footer {
-        background-color: #000;
-        color: white;
-        text-align: center;
-        padding: 10px 0;
-        width: 100%;
+    .team-feature img,
+    .contact-feature img {
+      width: 150px;
+      height: auto;
+      margin-right: 20px;
+      border-radius: 10px;
+    }
+
+    .feature p {
+      color: #555;
+    }
+
+    .team-feature {
+      background-color: #e7ffe7;
+      padding: 20px;
+      display: flex;
+      align-items: center;
+      text-align: left;
+      border-radius: 10px;
+      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+      grid-column: 1 / -1;
+    }
+
+    .team-feature img {
+      width: 150px;
+      height: auto;
+      margin-right: 20px;
+      border-radius: 10px;
+    }
+
+    .contact-feature {
+      background-color: #f2e4aa;
+      padding: 20px;
+      display: flex;
+      align-items: center;
+      text-align: left;
+      border-radius: 10px;
+      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+      grid-column: 1 / -1;
+    }
+
+    .contact-feature img {
+      width: 150px;
+      height: auto;
+      margin-right: 20px;
+      border-radius: 10px;
+    }
+
+    footer {
+      background-color: #000;
+      color: white;
+      text-align: center;
+      padding: 10px 0;
+      width: 100%;
+    }
+
+    @keyframes fadeIn {
+      from {
+        opacity: 0;
       }
 
-      @keyframes fadeIn {
-        from {
-          opacity: 0;
-        }
-        to {
-          opacity: 1;
-        }
+      to {
+        opacity: 1;
       }
-    </style>
-  </head>
-  <body>
-    <header>
-      <div class="container">
-        <div class="logo">
-          <img
-            src="images/logo2-w.webp"
-            alt="Ambulance Monitoring System Logo"
-            style="width: 50px; height: auto"
-          />
+    }
+  </style>
+</head>
+
+<body>
+  <header>
+    <div class="container">
+      <div class="logo">
+        <img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />
+      </div>
+      <nav class="menu">
+        <ul>
+          <li>
+            <a href="index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a>
+          </li>
+          <li>
+            <a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a>
+          </li>
+          <li>
+            <a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a>
+          </li>
+          <li>
+            <a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a>
+          </li>
+        </ul>
+      </nav>
+      <div class="buttons">
+        <a href="login.html" class="login">Log in</a>
+        <a href="up.html" class="get-started">Get started</a>
+      </div>
+    </div>
+  </header>
+
+  <div class="content" id="main-content">
+    <h1>Welcome to the Ambulance Monitoring System</h1>
+    <div class="grid">
+      <div class="feature">
+        <img src="images/emergency-w.jpg" alt="Emergency Response" />
+        <h2>Quick Emergency Response</h2>
+        <p>
+          Ensures patients receive timely medical assistance by locating the
+          nearest hospitals and ambulances.
+        </p>
+      </div>
+      <div class="feature">
+        <img src="images/ambulance-w.jpg" alt="Real-Time Tracking" />
+        <h2>Real-Time Tracking</h2>
+        <p>
+          Provides real-time updates on ambulance locations and traffic
+          conditions, optimizing route management.
+        </p>
+      </div>
+      <div class="feature">
+        <img src="images/24-w.jpg" alt="24/7 Availability" />
+        <h2>24/7 Availability</h2>
+        <p>
+          Ensures round-the-clock service, making sure that help is just a
+          call away, anytime, anywhere.
+        </p>
+      </div>
+      <div class="feature">
+        <img src="images/doctor-w.jpg" alt="Enhanced Communication" />
+        <h2>Enhanced Communication</h2>
+        <p>
+          Facilitates seamless communication between patients, hospitals, and
+          ambulance drivers.
+        </p>
+      </div>
+      <div class="feature">
+        <img src="images/hospital-w.jpg" alt="Resource Management" />
+        <h2>Resource Management</h2>
+        <p>
+          Helps hospitals manage their resources efficiently by providing
+          critical information and analytics.
+        </p>
+      </div>
+
+      <!-- Team Section in Full Row -->
+      <div class="team-feature">
+        <img src="images/team-w.png" alt="Meet the Team" />
+        <div>
+          <h2>Meet the Team</h2>
+          <p>
+            Learn more about our dedicated team working tirelessly to ensure
+            efficient ambulance monitoring and resource management.
+          </p>
+          <a href="team.html" class="button">Go to Team</a>
         </div>
-        <nav class="menu">
-          <ul>
+      </div>
+
+      <!-- Contact Section in Full Row -->
+      <div class="contact-feature">
+        <img src="images/contact-w.avif" alt="Contact Us" />
+        <div>
+          <h2>Contact Us</h2>
+          <p>
+            Reach out to us for any inquiries or assistance. We're here to
+            help you 24/7 with our emergency services.
+          </p>
+          <a href="contact.html" class="button">Go to Contact</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <footer>
+    <p>&copy; 2024 AmbuFlow. All rights reserved.</p>
+
+    <p>&copy; 2024 Ambulance Monitoring System. All rights reserved.</p>
+
+    <div style="background-color: #333; 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="index.html"
-                id="home-link"
-                onclick="changeContent('home')"
-                >Home</a
-              >
+              <a href="contact.html" style="color: white; text-decoration: none">Contact Us</a>
             </li>
             <li>
-              <a
-                href="features.html"
-                id="features-link"
-                onclick="changeContent('features')"
-                >Features</a
-              >
+              <a href="privacy.html" style="color: white; text-decoration: none">Privacy Policy</a>
             </li>
             <li>
-              <a href="team.html" id="team-link" onclick="changeContent('team')"
-                >Team</a
-              >
+              <a href="terms.html" style="color: white; text-decoration: none">Terms of Service</a>
             </li>
             <li>
-              <a
-                href="contact.html"
-                id="contact-link"
-                onclick="changeContent('contact')"
-                >Contact</a
-              >
+              <a href="sitemap.html" style="color: white; text-decoration: none">Site Map</a>
             </li>
           </ul>
-        </nav>
-        <div class="buttons">
-          <a href="login.html" class="login">Log in</a>
-          <a href="up.html" class="get-started">Get started</a>
-        </div>
-      </div>
-    </header>
-
-    <div class="content" id="main-content">
-      <h1>Welcome to the Ambulance Monitoring System</h1>
-      <div class="grid">
-        <div class="feature">
-          <img src="images/emergency-w.jpg" alt="Emergency Response" />
-          <h2>Quick Emergency Response</h2>
-          <p>
-            Ensures patients receive timely medical assistance by locating the
-            nearest hospitals and ambulances.
-          </p>
-        </div>
-        <div class="feature">
-          <img src="images/ambulance-w.jpg" alt="Real-Time Tracking" />
-          <h2>Real-Time Tracking</h2>
-          <p>
-            Provides real-time updates on ambulance locations and traffic
-            conditions, optimizing route management.
-          </p>
-        </div>
-        <div class="feature">
-          <img src="images/24-w.jpg" alt="24/7 Availability" />
-          <h2>24/7 Availability</h2>
-          <p>
-            Ensures round-the-clock service, making sure that help is just a
-            call away, anytime, anywhere.
-          </p>
-        </div>
-        <div class="feature">
-          <img src="images/doctor-w.jpg" alt="Enhanced Communication" />
-          <h2>Enhanced Communication</h2>
-          <p>
-            Facilitates seamless communication between patients, hospitals, and
-            ambulance drivers.
-          </p>
         </div>
-        <div class="feature">
-          <img src="images/hospital-w.jpg" alt="Resource Management" />
-          <h2>Resource Management</h2>
-          <p>
-            Helps hospitals manage their resources efficiently by providing
-            critical information and analytics.
-          </p>
+
+        <!-- Contact Information Section -->
+        <div style="flex: 1; min-width: 200px">
+          <h3>Contact Info</h3>
+          <p>Ambulance Monitoring System White road St, Newyork City, USA</p>
+          <p>Email:ambulancemonitor@gmail.com</p>
+          <p>Phone: 9633700598</p>
         </div>
 
-        <!-- Team Section in Full Row -->
-        <div class="team-feature">
-          <img src="images/team-w.png" alt="Meet the Team" />
-          <div>
-            <h2>Meet the Team</h2>
-            <p>
-              Learn more about our dedicated team working tirelessly to ensure
-              efficient ambulance monitoring and resource management.
-            </p>
-            <a href="team.html" class="button">Go to Team</a>
-          </div>
+
+        <!-- Social Media Links -->
+        <div style="flex: 1; min-width: 200px;">
+          <h3>Follow Us</h3>
+          <a href="#" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-facebook-f"></i>
+            Facebook</a><br>
+          <a href="#" style="color: white; text-decoration: none; margin-right: 10px;"><i
+              class="fa-brands fa-x-twitter"></i> Twitter</a><br> <!--Update twitter-x icon-->
+          <a href="#" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-instagram"></i>
+            Instagram</a><br>
+          <a href="#" style="color: white; text-decoration: none; margin-right: 10px;"><i
+              class="fab fa-linkedin-in"></i> LinkedIn</a>
         </div>
 
-        <!-- Contact Section in Full Row -->
-        <div class="contact-feature">
-          <img src="images/contact-w.avif" alt="Contact Us" />
-          <div>
-            <h2>Contact Us</h2>
-            <p>
-              Reach out to us for any inquiries or assistance. We're here to
-              help you 24/7 with our emergency services.
-            </p>
-            <a href="contact.html" class="button">Go to Contact</a>
-          </div>
+        <!-- Social Media Links -->
+        <div style="flex: 1; min-width: 200px">
+          <h3>Follow Us</h3>
+          <a href="#" style="color: white; text-decoration: none; margin-right: 10px"><i class="fab fa-facebook-f"></i>
+            Facebook</a><br />
+          <a href="#" style="color: white; text-decoration: none; margin-right: 10px"><i class="fab fa-twitter"></i>
+            Twitter</a><br />
+          <a href="#" style="color: white; text-decoration: none; margin-right: 10px"><i class="fab fa-instagram"></i>
+            Instagram</a><br />
+          <a href="#" style="color: white; text-decoration: none; margin-right: 10px"><i class="fab fa-linkedin-in"></i>
+            LinkedIn</a>
         </div>
-      </div>
-    </div>
 
-    <footer>
-      <p>&copy; 2024 AmbuFlow. All rights reserved.</p>
-
-      <p>&copy; 2024 Ambulance Monitoring System. All rights reserved.</p>
-
-      <div style="background-color: #333; 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>Ambulance Monitoring System White road St, Newyork City, USA</p>
-            <p>Email:ambulancemonitor@gmail.com</p>
-            <p>Phone: 9633700598</p>
-          </div>
-
-
-            <!-- Social Media Links -->
-            <div style="flex: 1; min-width: 200px;">
-                <h3>Follow Us</h3>
-                <a href="#" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-facebook-f"></i> Facebook</a><br>
-                <a href="#" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fa-brands fa-x-twitter"></i> Twitter</a><br>   <!--Update twitter-x icon-->
-                <a href="#" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-instagram"></i> Instagram</a><br>
-                <a href="#" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
-            </div>
-
-          <!-- Social Media Links -->
-          <div style="flex: 1; min-width: 200px">
-            <h3>Follow Us</h3>
-            <a
-              href="#"
-              style="color: white; text-decoration: none; margin-right: 10px"
-              ><i class="fab fa-facebook-f"></i> Facebook</a
-            ><br />
-            <a
-              href="#"
-              style="color: white; text-decoration: none; margin-right: 10px"
-              ><i class="fab fa-twitter"></i> Twitter</a
-            ><br />
-            <a
-              href="#"
-              style="color: white; text-decoration: none; margin-right: 10px"
-              ><i class="fab fa-instagram"></i> Instagram</a
-            ><br />
-            <a
-              href="#"
-              style="color: white; text-decoration: none; margin-right: 10px"
-              ><i class="fab fa-linkedin-in"></i> LinkedIn</a
-            >
-          </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="
+
+        <!-- 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>
+                ">
+              Subscribe
+            </button>
+          </form>
         </div>
+      </div>
 
-        <!-- Copyright Section -->
-        <div
-          style="
+      <!-- Copyright Section -->
+      <div style="
             text-align: center;
             margin-top: 20px;
             border-top: 1px solid white;
             padding-top: 10px;
-          "
-        >
-          <p>&copy; 2024 Ambulance Monitoring System. All rights reserved.</p>
-        </div>
+          ">
+        <p>&copy; 2024 Ambulance Monitoring System. All rights reserved.</p>
       </div>
-      <p>&copy; 2024 Ambulance Tracking System. All rights reserved.</p>
-    </footer>
+    </div>
+    <p>&copy; 2024 Ambulance Tracking System. All rights reserved.</p>
+  </footer>
 
-    <script>
-      // Function to handle the active state of navbar items
-      function changeContent(page) {
-        // Get all navigation links
-        var links = document.querySelectorAll(".menu ul li a");
+  <script>
+    // Function to handle the active state of navbar items
+    function changeContent(page) {
+      // Get all navigation links
+      var links = document.querySelectorAll(".menu ul li a");
 
-        // Remove the active class from all links
-        links.forEach((link) => link.classList.remove("active"));
+      // Remove the active class from all links
+      links.forEach((link) => link.classList.remove("active"));
 
-        // Add the active class to the clicked link
-        document.getElementById(page + "-link").classList.add("active");
-      }
+      // Add the active class to the clicked link
+      document.getElementById(page + "-link").classList.add("active");
+    }
+
+    // Make "Home" the default active page on load
+    window.onload = function () {
+      document.getElementById("home-link").classList.add("active");
+    };
+  </script>
+</body>
 
-      // Make "Home" the default active page on load
-      window.onload = function () {
-        document.getElementById("home-link").classList.add("active");
-      };
-    </script>
-  </body>
 </html>