diff --git a/Faq.html b/Faq.html
index 5d066c3..8fdebd9 100644
--- a/Faq.html
+++ b/Faq.html
@@ -302,7 +302,7 @@ <h2>Frequently Asked Questions</h2>
                 <div class="social-icons">
                     <a href="#"><i class="fab fa-facebook"></i></a>
                     <a href="#"><i class="fab fa-instagram"></i></a>
-                    <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+                    <a href="#"><i class="fa-brands fa-twitter"></i></a>
                     <a href="#"><i class="fab fa-linkedin"></i></a>
                     <a href="#"><i class="fab fa-youtube"></i></a>
                 </div>
diff --git a/about.html b/about.html
index 7e74e18..e441728 100644
--- a/about.html
+++ b/about.html
@@ -21,17 +21,12 @@
     <link rel="stylesheet" href="navbar.css">
     <link rel="stylesheet" href="why-us.css">
     <script src="chatbot.js"></script>
-    <style>
-        .nav-container{
+</head>
+<style>
+  .nav-container{
       display: flex;
 } 
 
-/* cursor */
-
-/* cursor */
-    </style>
-</head>
-<style>
 /* code for chatbot button */
          #chatbotBtn {
             position: fixed;
@@ -208,7 +203,27 @@
       <button class="chatbot-button" id="chatbot-button"><i class="fa-brands fa-telegram"></i></button>
     </div>
   <!-- cursor -->
-
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
   <!-- cursor ends -->
 
 
diff --git a/contactus.html b/contactus.html
index 2697c9a..89ad4f5 100644
--- a/contactus.html
+++ b/contactus.html
@@ -393,16 +393,14 @@
 
     <!-- Navigation -->
     <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) -->
+        <!-- Toggle Button (Visible on Small Screens) -->   
         <button id="navToggle">☰</button>
   
         <!-- Navbar Links -->
         <div id="navLinks">
-        <div class="logo" style="margin-right: 200px; font-size: 20px;">Ticket Marketplace</div>
-        <div>
+          <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+          <h1 class="logo" style="margin-right: 200px; font-size: 20px; flex-basis: auto;">Ticket Marketplace</h1>
+        <div tyle="margin-left: 24rem;">
             <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>
@@ -411,17 +409,10 @@
             <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="#contact"><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">
@@ -454,6 +445,7 @@ <h1>Contact Us</h1>
       <div class="footer-top">
 <footer>
 
+
   
     <div class="footer-logo-section">
         <a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
@@ -467,6 +459,7 @@ <h1>Contact Us</h1>
           <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
       </div>      
     </div>
+
   
 
 
diff --git a/footer.css b/footer.css
index eb82aa3..2a9d283 100644
--- a/footer.css
+++ b/footer.css
@@ -4,6 +4,7 @@
   color: #ffffff;
   padding: 40px 0;
   font-family: Arial, sans-serif;
+  min-width: 1520px;
 }
 
 /* Logo and Tagline */
@@ -49,6 +50,7 @@
   margin-bottom: 10px;
 }
 .footer-column h4 {
+
   font-size: 1rem;
   margin-bottom: 10px;
   color: #12e9cc;
@@ -60,6 +62,13 @@
 .footer-column ul li {
   margin-bottom: 8px;
 }
+.footer-bottom ul li a {
+
+  color: #12e9cc;
+  text-decoration: none;
+  font-size: 0.95rem;
+  
+}
 .footer-column ul li a {
   color: #ffffff;
   text-decoration: none;
diff --git a/index.html b/index.html
index 35aa914..37f93ab 100644
--- a/index.html
+++ b/index.html
@@ -385,6 +385,11 @@
             transition: width 0.09s ease-in-out;
             border-radius: 10px;
         }
+        .profile-darkMode2{
+            display: flex;
+            justify-content: space-between;
+            gap: 2px;
+        }
     </style>
 </head>
 
@@ -572,10 +577,10 @@ <h2>What type of transportation do you prefer for your travels?</h2>
 
 
  <!-- Profile Icon -->
- <a href="./testp.html" class="profile-link" style="display: flex; align-items: center; text-decoration: none;">
+ <!-- <a href="./testp.html" class="profile-link" style="display: flex; align-items: center; text-decoration: none;">
     <img src="https://i.postimg.cc/tCL5Td4H/gold-membership-icon-default-avatar-profile-icon-membership-icon-social-media-user-image-illustratio.jpg" alt="Profile Icon" style="width: 35px; height: 35px; border-radius: 50%; margin-left: -170px;">
    </a>
-</li>
+</li> -->
 
 <style>
 
@@ -608,7 +613,15 @@ <h2>What type of transportation do you prefer for your travels?</h2>
 </script>
 
 
-        <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button> 
+        <!-- <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>  -->
+<!-- for maintaining profile icon -->
+        <div class="profile-darkMode2">
+            <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button> 
+            <a href="./testp.html" class="profile-link" style="display: flex; align-items: center; text-decoration: none;">
+                <img src="https://i.postimg.cc/tCL5Td4H/gold-membership-icon-default-avatar-profile-icon-membership-icon-social-media-user-image-illustratio.jpg" alt="Profile Icon" style="width: 35px; height: 35px; border-radius: 50%; margin-left: -170px;">
+               </a>
+            </li>
+        </div>
 
     </nav>
     
@@ -1043,7 +1056,7 @@ <h2>We Value Your Feedback!</h2>
 
                     .star-rating input:checked ~ label {
 
-                    color: #4d994d;
+                    color: #d3f803;
 
 
                     }
@@ -1051,7 +1064,7 @@ <h2>We Value Your Feedback!</h2>
                     .star-rating label:hover,
                             .star-rating label:hover ~ label {
 
-                                color: #4d994d; /* Hover effect */
+                                color: #c4da4b; /* Hover effect */
                                 
 
                             }
diff --git a/register.html b/register.html
index 94e1297..1fd860c 100644
--- a/register.html
+++ b/register.html
@@ -14,72 +14,98 @@
     <!-- Tailwind CSS CDN -->
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
-        /* CSS for styling the form */
-        body {
-            font-family: Arial, sans-serif;
-            display: flex;
-            flex-direction: column; /* Stack elements vertically */
-            justify-content: flex-start; /* Align items at the top */
-            align-items: center; /* Center items horizontally */
-            margin: 0;
-            padding: 20px; /* Add padding to the body for spacing */
-            background-color: #f0f0f0;
+        :root {
+          --primary-color: #6366f1; /* Indigo */
+          --primary-hover: #4338ca; /* Indigo darker */
+          --secondary-color: #f3f4f6; /* Light Gray */
+          --text-color: #1f2937; /* Gray-900 */
+          --success-color: #16a34a; /* Green */
+          --error-color: #dc2626; /* Red */
         }
+
+        body {
+          font-family: 'Poppins', sans-serif;
+          display: flex;
+          flex-direction: column; /* Stack elements vertically */
+          justify-content: flex-start; /* Align items at the top */
+          align-items: center; /* Center items horizontally */
+          margin: 0;
+          padding: 20px; /* Add padding to the body for spacing */
+          background-color: var(--secondary-color);
+        } 
+
         .registration-form {
-            background-color: #fff;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-            width: 300px;
-            margin-top: 50px; /* Add margin to push the form down below the header */
+          background-color: #fff;
+          padding: 30px;
+          border-radius: 12px;
+          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+          width: 400px;
+          margin-top: 30px;
         }
+        
         .registration-form h2 {
-            margin-top: 0;
-            text-align: center;
-            color: #333;
+          text-align: center;
+          color: var(--text-color);
+          font-weight: 700;
+          margin-bottom: 20px;
         }
+        
         .form-field {
-            margin-bottom: 15px;
+          margin-bottom: 15px;
         }
+        
         .form-field label {
-            display: block;
-            margin-bottom: 5px;
-            font-weight: bold;
+          display: block;
+          font-weight: 500;
+          color: var(--text-color);
+          margin-bottom: 4px;
         }
+        
         .form-field input {
-            width: 95%;
-            padding: 8px;
-            border: 1px solid #ccc;
-            border-radius: 4px;
-            font-size: 14px;
+          width: 100%;
+          padding: 12px 16px;
+          border: 2px solid #d1d5db; /* Gray-300 */
+          border-radius: 8px;
+          font-size: 16px;
+          font-family: 'Roboto', sans-serif;
+          color: var(--text-color);
+          transition: border-color 0.3s ease;
         }
+        
         .form-field input:focus {
-            border-color: #007bff;
-            outline: none;
+          outline: none;
+          border-color: var(--primary-color);
         }
+        
         .form-field button {
-            width: 100%;
-            padding: 10px;
-            font-size: 16px;
-            color: #fff;
-            background-color: #007bff;
-            border: none;
-            border-radius: 4px;
-            cursor: pointer;
+          width: 100%;
+          padding: 12px 16px;
+          font-size: 16px;
+          font-weight: 500;
+          color: #fff;
+          background-color: var(--primary-color);
+          border: none;
+          border-radius: 8px;
+          cursor: pointer;
+          transition: background-color 0.3s ease;
         }
+        
         .form-field button:hover {
-            background-color: #0056b3;
+          background-color: var(--primary-hover);
         }
+        
         .message {
-            text-align: center;
-            margin-top: 10px;
-            font-weight: bold;
+          text-align: center;
+          margin-top: 15px;
+          font-weight: 500;
         }
+        
         .success {
-            color: green;
+          color: var(--success-color);
         }
+        
         .error {
-            color: red;
+          color: var(--error-color);
         }
     </style>
 </head>
diff --git a/sell.html b/sell.html
index caf22d6..45b263d 100644
--- a/sell.html
+++ b/sell.html
@@ -302,6 +302,27 @@
       background-color: transparent;
       color: #ff4d4d;
     }
+    form .btn1 {
+      background-color: #ff4d4d;
+      border: 2px solid #ff4d4d;
+      color: white;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-weight: bold;
+      padding: 25px;
+      width: 100%;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 1.25rem;
+      margin-top: 30px;
+    }
+
+
+    form .btn1:hover {
+      background-color: transparent;
+      color: #ff4d4d;
+    }
   </style>
 
 
@@ -1010,7 +1031,7 @@ <h1>Sell Bus Ticket</h1>
             <label for="price">Original Price:</label>
             <input type="number" id="price" name="price" required min="0" step="0.01">
 
-            <button type="submit">Submit Ticket</button>
+            <button type="submit" class="btn1">Submit Ticket</button>
         </form>
         
     </main>
diff --git a/sitemap.html b/sitemap.html
index 7c16996..adf7887 100644
--- a/sitemap.html
+++ b/sitemap.html
@@ -22,7 +22,7 @@
 
         /* Navigation Styles */
         .navbar {
-            background-color: #1a1a1a;
+            background-color: #1a1a1a; 
             padding: 0.8rem 2rem;
             display: flex;
             align-items: center;
@@ -149,103 +149,112 @@
         }
 
         /* Footer Styles */
-        .footer-container {
-            background-color: #1a1a1a;
-            color: white;
-            padding: 40px 20px;
-            margin-top: 40px;
-            border-radius: 0 0 8px 8px;
-        }
-
-        .footer-top {
-            display: flex;
-            justify-content: space-between;
-            flex-wrap: wrap;
-            gap: 30px;
-            margin-bottom: 30px;
-        }
-
-        .footer-logo-section {
-            flex: 1;
-            min-width: 250px;
-        }
-
-        .footer-logo {
-            width: 120px;
-            height: auto;
-            margin-bottom: 15px;
-        }
-
-        .footer-links {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 30px;
-            flex: 2;
-            justify-content: space-around;
-        }
-
-        .footer-column h4 {
-            color: #00ffcc;
-            margin-bottom: 15px;
-        }
-
-        .footer-column ul {
-            list-style: none;
-            padding: 0;
-        }
-
-        .footer-column ul li {
-            margin-bottom: 10px;
-        }
-
-        .footer-column ul li a {
-            color: white;
-            text-decoration: none;
-            transition: color 0.3s ease;
-        }
-
-        .footer-column ul li a:hover {
-            color: #00ffcc;
-        }
-
-        .social-icons {
-            display: flex;
-            gap: 15px;
-            margin-top: 15px;
-        }
-
-        .social-icons a {
-            color: white;
-            font-size: 20px;
-            transition: color 0.3s ease;
-        }
-
-        .social-icons a:hover {
-            color: #00ffcc;
-        }
-
-        .footer-bottom {
-            border-top: 1px solid #333;
-            padding-top: 20px;
-        }
-
-        .footer-bottom ul {
-            display: flex;
-            justify-content: center;
-            flex-wrap: wrap;
-            gap: 20px;
-            list-style: none;
-        }
-
-        .footer-bottom ul li a {
-            color: white;
-            text-decoration: none;
-            transition: color 0.3s ease;
-        }
-
-        .footer-bottom ul li a:hover {
-            color: #00ffcc;
-        }
+    /* General Footer Styling */
+  .footer-container {
+    background-color: #1f2937;
+    color: #ffffff;
+    padding: 40px 0;
+    font-family: Arial, sans-serif;
+  }
+
+  /* Logo and Tagline */
+  .footer-logo-section {
+    text-align: center;
+    margin-bottom: 30px;
+  }
+  .footer-logo {
+    max-width: 150px;
+    margin-bottom: 10px;
+    border-radius: 50px;
+  }
+  .footer-logo-section p {
+    margin: 5px 0;
+    font-size: 0.95rem;
+  }
+  .follow-us {
+    margin-top: 10px;
+    font-weight: bold;
+  }
+
+  /* Social Media Icons */
+  .social-icons a {
+    display: inline-block;
+    margin: 0 10px;
+    color: #12e9cc;
+    font-size: 1.5rem;
+    text-decoration: none;
+  }
+  .social-icons a:hover {
+    color: #76b2ab;
+  }
+
+  /* Footer Link Sections */
+  .footer-links {
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin: 20px 100px;
+  }
+  .footer-column {
+    flex-basis: 20%;
+    margin-bottom: 10px;
+  }
+  .footer-column h4 {
+    font-size: 1rem;
+    margin-bottom: 10px;
+    color: #12e9cc;
+  }
+  .footer-column ul {
+    list-style: none;
+    padding: 0;
+  }
+  .footer-column ul li {
+    margin-bottom: 8px;
+  }
+  .footer-column ul li a {
+    color: #ffffff;
+    text-decoration: none;
+    font-size: 0.95rem;
+  }
+  .footer-column ul li a:hover {
+    text-decoration: underline;
+  }
+
+  /* Footer Bottom Links */
+  .footer-bottom {
+    text-align: center;
+    border-top: 1px solid #ddd;
+    padding-top: 20px;
+  }
+  .footer-bottom ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .footer-bottom ul li {
+    display: inline-block;
+    margin: 0 15px;
+  }
+  .footer-bottom ul li a {
+    color: #12e9cc;
+    text-decoration: none;
+    font-size: 0.95rem;
+  }
+  .footer-bottom ul li a:hover {
+    text-decoration: underline;
+  }
+
+  /* Responsive Adjustments */
+  @media (max-width: 768px) {
+    .footer-links {
+      flex-direction: column;
+      align-items: center;
+    }
+    .footer-column {
+      flex-basis: 100%;
+      text-align: center;
+    }
+  }
 
         /* Dark Mode Styles */
         body.dark-mode {
@@ -398,78 +407,81 @@ <h2>Explore Our Pages</h2>
     </script>
 
     
-    <footer class="footer-container">
-      <div class="footer-top">
-        
-        <div class="footer-logo-section">
-          <a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
-          <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
-          <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
-          <div class="social-icons">
-            <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-            <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-            <a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
-            <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-            <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-          </div>
+<footer class="footer-container">
+    <div class="footer-top">
+      
+      <div class="footer-logo-section">
+        <a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
+        <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
+        <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
+        <div class="social-icons">
+          <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
+          <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
+          <a href="https://www.twitter.com"><i class="fab fa-twitter"></i></a>
+          <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
+          <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
+      </div>
+      
+      </div>
+  
+      
+      <div class="footer-links">
+        <div class="footer-column">
+          <h4>HELPFUL LINKS</h4>
+          <ul>
+            <li><a href="help.html">Help Centre</a></li>
+            <li><a href="#">Special Assistance</a></li>
+            <li><a href="#">Download The App</a></li>
+            <li><a href="book_condition.html">Booking Conditions</a></li>
+            <li><a href="Faq.html">FAQ</a></li>
+
+          </ul>
         </div>
-    
-        
-        <div class="footer-links">
-          <div class="footer-column">
-            <h4>HELPFUL LINKS</h4>
-            <ul>
-              <li><a href="help.html">Help Centre</a></li>
-              <li><a href="#">Special Assistance</a></li>
-              <li><a href="#">Download The App</a></li>
-              <li><a href="book_condition.html">Booking Conditions</a></li>
-            </ul>
-          </div>
-    
-          <div class="footer-column">
-            <h4>ABOUT US</h4>
-            <ul>
-              <li><a href="#">Media Center</a></li>
-              <li><a href="#">Investors</a></li>
-              <li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
   
-              <li><a href="terms.html">Terms Of Use</a></li>
-            </ul>
-          </div>
-    
-          <div class="footer-column">
-            <h4>KEEPING SAFE</h4>
-            <ul>
-              <li><a href="#">ATOL Protected</a></li>
-              <li><a href="travelAware.html">Travel Aware</a></li>
-              <li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
-              <li><a href="#">ABTA</a></li>
-            </ul>
-          </div>
-    
-          <div class="footer-column">
-            <h4>FIND US</h4>
-            <ul>
-              <li><a href="contact.html">Contact Us</a></li>
-              <li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
-              <li><a href="privacy.html">Privacy And Policy</a></li>
-              <li><a href="sitemap.html">Sitemap</a></li>
-            </ul>
-          </div>
+        <div class="footer-column">
+          <h4>ABOUT US</h4>
+          <ul>
+            <li><a href="#">Media Center</a></li>
+            <li><a href="#">Investors</a></li>
+            <li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
+            <li><a href="terms.html">Terms Of Use</a></li>
+
+          </ul>
+        </div>
+  
+        <div class="footer-column">
+          <h4>KEEPING SAFE</h4>
+          <ul>
+            <li><a href="#">ATOL Protected</a></li>
+            <li><a href="travelAware.html">Travel Aware</a></li>
+            <li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
+            <li><a href="#">ABTA</a></li>
+          </ul>
+        </div>
+  
+        <div class="footer-column">
+          <h4>FIND US</h4>
+          <ul>
+            <li><a href="contact.html">Contact Us</a></li>
+            <li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
+            <li><a href="privacy.html">Privacy And Policy</a></li>
+            <li><a href="sitemap.html">Sitemap</a></li>
+          </ul>
         </div>
       </div>
+    </div>
+  
     
-      
-      <div class="footer-bottom">
-        <ul>
-          <li><a href="#">Holiday Type</a></li>
-          <li><a href="#">Holiday Deals</a></li>
-          <li><a href="#">Popular Counters</a></li>
-          <!-- <li><a href="#">Flight Only</a></li> -->
-          <li><a href="#">Top Hotels</a></li>
-        </ul>
-      </div>
-    </footer>
+    <div class="footer-bottom">
+      <ul>
+        <li><a href="#">Holiday Type</a></li>
+        <li><a href="#">Holiday Deals</a></li>
+        <li><a href="#">Popular Counters</a></li>
+        <!-- <li><a href="#">Flight Only</a></li> -->
+        <li><a href="#">Top Hotels</a></li>
+      </ul>
+    </div>
+  </footer>
   
     <div class="gtranslate_wrapper"></div>
 
diff --git a/styles.css b/styles.css
index 1df5df7..4f90acf 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
+
 .review-section {
   width: 80%;
   margin: 50px auto;
diff --git a/terms.html b/terms.html
index b11b81b..90fc610 100644
--- a/terms.html
+++ b/terms.html
@@ -8,6 +8,113 @@
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="footer.css"> 
     <style>
+
+        /* General Footer Styling */
+  .footer-container {
+    background-color: #1f2937;
+    color: #ffffff;
+    padding: 40px 0;
+    font-family: Arial, sans-serif;
+  }
+
+  /* Logo and Tagline */
+  .footer-logo-section {
+    text-align: center;
+    margin-bottom: 30px;
+  }
+  .footer-logo {
+    max-width: 150px;
+    margin-bottom: 10px;
+    border-radius: 50px;
+  }
+  .footer-logo-section p {
+    margin: 5px 0;
+    font-size: 0.95rem;
+  }
+  .follow-us {
+    margin-top: 10px;
+    font-weight: bold;
+  }
+
+  /* Social Media Icons */
+  .social-icons a {
+    display: inline-block;
+    margin: 0 10px;
+    color: #12e9cc;
+    font-size: 1.5rem;
+    text-decoration: none;
+  }
+  .social-icons a:hover {
+    color: #76b2ab;
+  }
+
+  /* Footer Link Sections */
+  .footer-links {
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin: 20px 100px;
+  }
+  .footer-column {
+    flex-basis: 20%;
+    margin-bottom: 10px;
+  }
+  .footer-column h4 {
+    font-size: 1rem;
+    margin-bottom: 10px;
+    color: #12e9cc;
+  }
+  .footer-column ul {
+    list-style: none;
+    padding: 0;
+  }
+  .footer-column ul li {
+    margin-bottom: 8px;
+  }
+  .footer-column ul li a {
+    color: #ffffff;
+    text-decoration: none;
+    font-size: 0.95rem;
+  }
+  .footer-column ul li a:hover {
+    text-decoration: underline;
+  }
+
+  /* Footer Bottom Links */
+  .footer-bottom {
+    text-align: center;
+    border-top: 1px solid #ddd;
+    padding-top: 20px;
+  }
+  .footer-bottom ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .footer-bottom ul li {
+    display: inline-block;
+    margin: 0 15px;
+  }
+  .footer-bottom ul li a {
+    color: #12e9cc;
+    text-decoration: none;
+    font-size: 0.95rem;
+  }
+  .footer-bottom ul li a:hover {
+    text-decoration: underline;
+  }
+
+  /* Responsive Adjustments */
+  @media (max-width: 768px) {
+    .footer-links {
+      flex-direction: column;
+      align-items: center;
+    }
+    .footer-column {
+      flex-basis: 100%;
+      text-align: center;
+    }
+  }
         /* General styling */
         * { margin: 0; padding: 0; box-sizing: border-box; }
         body {
@@ -201,5 +308,79 @@ <h2 id="section11">10. Contact Us</h2>
             <p>For any questions or concerns regarding these Terms of Use or any other aspect of Ticket Booking, please contact our support team at contact@ticketbooking.com. We are here to address your concerns and ensure that you have a positive experience with our platform.</p>
         </div>
     </div>
+
+<footer class="footer-container">
+      <div class="footer-top">
+        
+        <div class="footer-logo-section">
+          <a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
+          <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
+          <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
+          <div class="social-icons">
+            <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
+            <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
+            <a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
+            <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
+            <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
+          </div>
+        </div>
+    
+        
+        <div class="footer-links">
+          <div class="footer-column">
+            <h4>HELPFUL LINKS</h4>
+            <ul>
+              <li><a href="help.html">Help Centre</a></li>
+              <li><a href="#">Special Assistance</a></li>
+              <li><a href="#">Download The App</a></li>
+              <li><a href="book_condition.html">Booking Conditions</a></li>
+            </ul>
+          </div>
+    
+          <div class="footer-column">
+            <h4>ABOUT US</h4>
+            <ul>
+              <li><a href="#">Media Center</a></li>
+              <li><a href="#">Investors</a></li>
+              <li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
+  
+              <li><a href="terms.html">Terms Of Use</a></li>
+            </ul>
+          </div>
+    
+          <div class="footer-column">
+            <h4>KEEPING SAFE</h4>
+            <ul>
+              <li><a href="#">ATOL Protected</a></li>
+              <li><a href="travelAware.html">Travel Aware</a></li>
+              <li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
+              <li><a href="#">ABTA</a></li>
+            </ul>
+          </div>
+    
+          <div class="footer-column">
+            <h4>FIND US</h4>
+            <ul>
+              <li><a href="contact.html">Contact Us</a></li>
+              <li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
+              <li><a href="privacy.html">Privacy And Policy</a></li>
+              <li><a href="sitemap.html">Sitemap</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    
+      
+      <div class="footer-bottom">
+        <ul>
+          <li><a href="#">Holiday Type</a></li>
+          <li><a href="#">Holiday Deals</a></li>
+          <li><a href="#">Popular Counters</a></li>
+          <!-- <li><a href="#">Flight Only</a></li> -->
+          <li><a href="#">Top Hotels</a></li>
+        </ul>
+      </div>
+    </footer>
+
 </body>
 </html>
\ No newline at end of file