diff --git a/about.html b/about.html
index d5fecc0..a807d06 100644
--- a/about.html
+++ b/about.html
@@ -211,9 +211,10 @@
   <!-- cursor ends -->
 
   <nav class="navbar">
-    <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
-    <div class="logo" style="margin-right: 200px; font-size: 20px;">Ticket Marketplace</div>
-    <div>
+    <a href="index.html" style="display: flex; align-items: center; text-decoration: none; white-space: nowrap; margin-right: -250px;">
+      <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+      <div class="logo" style="font-size: 20px; margin-left: 8px;">Ticket Marketplace</div>
+  </a><div>
         <a href="index.html"><i class="fas fa-home"></i> Home</a>
         <a href="about.html" class="active"><i class="fas fa-info-circle"></i> About</a>
         <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
diff --git a/buy.html b/buy.html
index 627558e..964656c 100644
--- a/buy.html
+++ b/buy.html
@@ -311,22 +311,25 @@
 
 
   <header>
-      <nav class="navbar">
-            <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
-            <div class="logo" style="margin-right: 200px; font-size: 20px;">Ticket Marketplace</div>
-            <div>
-                <a href="index.html"><i class="fas fa-home"></i> Home</a>
-                <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
-                <a href="buy.html" class="active"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
-                <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
-                <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
-                <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
-                <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
-        
-              </div>
-              <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
-        
-          </nav>
+
+    <nav class="navbar">
+      <a href="index.html" style="display: flex; align-items: center; text-decoration: none; white-space: nowrap; margin-right: -250px;">
+        <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+        <div class="logo" style="font-size: 20px; margin-left: 8px;">Ticket Marketplace</div>
+    </a><div>
+          <a href="index.html"><i class="fas fa-home"></i> Home</a>
+          <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
+          <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
+          <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
+          <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
+          <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+          <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
+  
+        </div>
+        <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+  
+    </nav>
+
               
 
   </header>
diff --git a/contactus.html b/contactus.html
index cc2db11..f6a94ce 100644
--- a/contactus.html
+++ b/contactus.html
@@ -339,18 +339,23 @@
 
     <!-- Navigation -->
     <nav class="navbar">
+      <a href="index.html" style="display: flex; align-items: center; text-decoration: none; white-space: nowrap; margin-right: -250px;">
         <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
-        <div class="logo" style="margin-right: 200px; font-size: 20px;">Ticket Marketplace</div>
-        <div>
-            <a href="index.html"><i class="fas fa-home"></i> Home</a>
-            <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
-            <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
-            <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
-            <a href="#contact" class="active"><i class="fas fa-envelope"></i> Contact</a>
-            <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
-            <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
+
+        <div class="logo" style="font-size: 20px; margin-left: 8px;">Ticket Marketplace</div>
+    </a><div>
+          <a href="index.html"><i class="fas fa-home"></i> Home</a>
+          <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
+          <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
+          <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
+          <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
+          <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+          <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
+  
         </div>
         <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+  
+
     </nav>
     <!-- Contact Form Section -->
     <section class="container">
diff --git a/contributor.html b/contributor.html
index 732b332..25fe200 100644
--- a/contributor.html
+++ b/contributor.html
@@ -250,9 +250,10 @@
         <button class="chatbot-button" id="chatbot-button"><i class="fa-brands fa-telegram"></i></button>
       </div>
       <nav class="navbar">
-        <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
-        <div class="logo" style="margin-right: 200px; font-size: 20px;">Ticket Marketplace</div>
-        <div>
+        <a href="index.html" style="display: flex; align-items: center; text-decoration: none; white-space: nowrap; margin-right: -250px;">
+          <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+          <div class="logo" style="font-size: 20px; margin-left: 8px;">Ticket Marketplace</div>
+      </a><div>
             <a href="index.html"><i class="fas fa-home"></i> Home</a>
             <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
             <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
@@ -264,7 +265,7 @@
           </div>
           <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
     
-        </nav>
+      </nav>
     
       </div>
     </div>
diff --git a/index.html b/index.html
index 6253242..4cdbeea 100644
--- a/index.html
+++ b/index.html
@@ -508,27 +508,25 @@ <h2>What type of transportation do you prefer for your travels?</h2>
 
 
 
-    <nav class="navbar">
-        <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
-        <div class="logo" style="font-size: 20px;">Ticket Marketplace</div>
 
-        <!-- Toggle Button (Visible on Small Screens) -->
-        <button id="navToggle">☰</button>
+      <nav class="navbar">
+        <a href="index.html" style="display: flex; align-items: center; text-decoration: none; white-space: nowrap; margin-right: -250px;">
+          <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+          <div class="logo" style="font-size: 20px; margin-left: 8px;">Ticket Marketplace</div>
+      </a><div>
+            <a href="index.html"><i class="fas fa-home"></i> Home</a>
 
-        <!-- Navbar Links -->
-        <div id="navLinks">
-            <a href="index.html" class="active"><i class="fas fa-home"></i> Home</a>
             <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
             <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
             <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
             <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
             <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
-            <a href="client/login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
-        </div>
-
-        <!-- Dark Mode Button -->
-        <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
-    </nav>
+            <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
+    
+          </div>
+          <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+    
+      </nav>
     <!-- <div class="slider"> -->
         <div class="slide active">
             <img src="images/6.jpeg" alt="Slide 1">
diff --git a/styles.css b/styles.css
index ea23d4e..938ee71 100644
--- a/styles.css
+++ b/styles.css
@@ -74,7 +74,7 @@ h3,
 p {
   margin-bottom: 20px;
 }
-
+/* 
 .logo {
   display: flex;
 }
@@ -86,6 +86,28 @@ p {
   font-weight: bold;
   color: #00bfa6;
 }
+/* Logo Container Styling */
+.logo-container {
+  display: flex;
+  align-items: center;
+  gap: 8px; /* Adjust as needed */
+  text-decoration: none;
+}
+
+/* Logo Image Styling */
+.logo-image {
+  width: 40px; /* Adjust size as necessary */
+  height: auto;
+}
+
+/* Logo Text Styling */
+.logo {
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin-right: 240px;
+  color: #333;
+} */
+
 
 .nav-links {
   list-style: none;