diff --git a/terms.html b/terms.html
index 845f4bb..03bed20 100644
--- a/terms.html
+++ b/terms.html
@@ -11,7 +11,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link rel="shortcut icon" href="ambulance.png" type="image/x-icon">
-
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="src/css/navbar.css">
     <title>Terms of Services- AmbuFlow</title>
     <link rel="stylesheet" href="src/css/index.css" />
     <link
@@ -34,6 +35,64 @@
         padding: 0;
         overflow-x: hidden;
       }
+      .menu ul li a {
+        padding: 0.625rem 0.9375rem; /* 10px 15px */
+        color: black;
+        text-decoration: none;
+      }
+      .menu ul li a.active {
+        color: white;
+        background-color: #000;
+      }
+      
+      .buttons .login,
+.buttons .get-started,
+.dark-mode-toggle {
+    font-size: 18px; 
+    padding: 10px 30px; 
+    transition: background-color 0.3s ease, transform 0.3s ease; 
+}
+
+/* Container spacing from the top */
+.buttons {
+    margin-top: 20px;
+    display: flex; 
+    gap: 15px; 
+    justify-content: center;
+}
+
+/* Login button styling */
+.login {
+    background-color: blue;
+    color: white; 
+    border: none; 
+    border-radius: 5px; 
+    padding: 10px 50px; 
+    text-decoration: none;
+}
+
+/* Get Started button styling */
+.get-started {
+    background-color: blue;
+    color: white;
+    border: none;
+    padding: 10px 50px; 
+    text-decoration: none;
+    
+}
+
+/* Login button hover effect */
+.login:hover {
+    background-color: darkblue; 
+    transform: scale(1.05); 
+}
+
+/* Get Started button hover effect */
+.get-started:hover {
+    background-color: darkblue; /* Darker shade for hover effect */
+    transform: scale(1.05); /* Slightly enlarge the button */
+    
+}
       header {
         background: linear-gradient(90deg, #b2d1ff, #93b6d3, #42a5f5);
         padding: 30px 0 0 0;
@@ -164,34 +223,75 @@
   </head>
   <body>
     <header>
-        <div class="container">
+       
+          <div class="container">
+            <div class="logo">
+                <div class="brand-name">
+                    <span class="letter red" style="--letter-index: 1;">A</span>
+                    <span class="letter red" style="--letter-index: 2;">m</span>
+                    <span class="letter red" style="--letter-index: 3;">b</span>
+                    <span class="letter red" style="--letter-index: 4;">u</span>
+                    <span class="letter" style="--letter-index: 5;">F</span>
+                    <span class="letter" style="--letter-index: 6;">l</span>
+                    <span class="letter" style="--letter-index: 7;">o</span>
+                    <span class="letter" style="--letter-index: 8;">w</span>
+                </div>
+                <a href="./index.html">
+                    <img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo"
+                        style="width: 50px; height: auto" />
+                </a>
+              </div>
+
           
-          <div class="logo">
-    
-            <div class="brand-name">
-              <span class="ambu">Ambu</span>Flow
-            </div>
-            <img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />
-    
-          </div>
-          <nav class="menu">
+        <nav class="menu">
             <ul>
-              <li>
-                <a href="/" 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>
-              <li>
-                <a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')"><i class="fa-solid fa-clipboard"></i> Feedback</a>
-              </li>
+             
+                    <a href="#container" style="color: #333;">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M6.34314 11.5858L12 5.92893M12 5.92893L17.6568 11.5858M12 5.92893V18.0711"
+                                stroke="currentColor">
+                            </path>
+                        </svg>
+                    </a>
+              
+             
+                    <a href="index.html" id="home-link" class="menu_links" data-link="Home">
+                        <span>Home &nbsp; &nbsp; &nbsp;</span>
+                    </a>
+              
+             
+                    <a href="features.html" id="features-link" class="menu_links" data-link="Features">
+                        <span>Features &nbsp; &nbsp; &nbsp;</span></a>
+              
+             
+                    <a href="team.html" id="team-link" class="menu_links" data-link="Team">
+                        <span>Team &nbsp; &nbsp; &nbsp;</span></a>
+              
+             
+                    <a href="contact.html" id="contact-link" class="menu_links" data-link="Contact">
+                        <span>Contact &nbsp; &nbsp; &nbsp;</span></a>
+              
+             
+                    <a href="Feedback.html" id="contact-link" class="menu_links" data-link="Feedback">
+                        <span>Feedback &nbsp; &nbsp; &nbsp;</span></a>
+              
+             
+                    <a href="nearby.html" id="contact-link" class="menu_links" data-link="Nearby">
+                        <span>Nearby &nbsp; &nbsp; &nbsp;</span></a>
+              
             </ul>
+        </nav>
+
+    </div>
+          
+
+
+              <div class="hamburger" onclick="toggleMenu()">
+                <div class="bar"></div>
+                <div class="bar"></div>
+                <div class="bar"></div>
+              </div>
+          
           </nav>
           <div class="buttons">
             <a href="login.html" class="login">Log in</a>
