From 8c0a72dfc7cd29feff50fb7a0972f0e917d635ed Mon Sep 17 00:00:00 2001
From: veepanshu-kasana <veepanshukasana2728@gmail.com>
Date: Thu, 7 Nov 2024 11:34:02 +0530
Subject: [PATCH 01/19] feat: Add scroll-to-top button functionality

- Implement smooth scroll behavior when button is clicked
- Add button visibility toggle based on scroll position
- Style button with teal theme matching website design
- Include hover effects and transitions
- Add accessibility attributes
- Ensure mobile responsiveness

Resolves: #1009
---
 contactus.html | 60 +++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 59 insertions(+), 1 deletion(-)

diff --git a/contactus.html b/contactus.html
index 8591a1f..eac2b3a 100644
--- a/contactus.html
+++ b/contactus.html
@@ -1063,7 +1063,65 @@ <h4>FIND US</h4>
 
 
     <!-- Scroll to Top Button -->
-    <button id="scrollToTop" onclick="scrollToTop()">↑</button>
+    <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
+
+    <style>
+      #scrollToTopBtn {
+        position: fixed;
+        bottom: 24px;
+        right: 24px;
+        width: 48px;
+        height: 48px;
+        background-color: rgb(20, 184, 166); /* Teal color matching your theme */
+        color: white;
+        border: none;
+        border-radius: 50%;
+        cursor: pointer;
+        display: none; /* Hidden by default */
+        justify-content: center;
+        align-items: center;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        transition: background-color 0.3s, opacity 0.3s;
+      }
+      
+      #scrollToTopBtn:hover {
+        background-color: rgb(13, 148, 136); /* Darker teal on hover */
+      }
+      
+      #scrollToTopBtn svg {
+        width: 24px;
+        height: 24px;
+      }
+    </style>
+
+    <script>
+      // Get the button
+      const scrollToTopBtn = document.getElementById('scrollToTopBtn');
+      
+      // Show/hide button based on scroll position
+      function toggleScrollButton() {
+        if (window.scrollY > 300) {
+          scrollToTopBtn.style.display = 'flex';
+        } else {
+          scrollToTopBtn.style.display = 'none';
+        }
+      }
+      
+      // Scroll to top function
+      function scrollToTop() {
+        window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      }
+      
+      // Add event listeners
+      window.addEventListener('scroll', toggleScrollButton);
+      scrollToTopBtn.addEventListener('click', scrollToTop);
+      
+      // Initial check for scroll position
+      toggleScrollButton();
+    </script>
 
     <script>
         document.querySelector("form").addEventListener("submit", function(e) {

From 96208839eb2f100725b8364b27bf26bf01ba330f Mon Sep 17 00:00:00 2001
From: veepanshu-kasana <veepanshukasana2728@gmail.com>
Date: Thu, 7 Nov 2024 12:27:20 +0530
Subject: [PATCH 02/19] fix: Implement scroll-to-top button functionality

---
 about.html | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/about.html b/about.html
index 909370b..7e74e18 100644
--- a/about.html
+++ b/about.html
@@ -510,7 +510,17 @@ <h1>About Us 🚀</h1>
     
     <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
       <i class="fa fa-arrow-up" aria-hidden="true"></i>
-  </button>
+    </button>
+
+    <script>      
+      // Scroll to top function
+      function moveToTop() {
+        window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      } 
+    </script>
 
     <footer class="footer-container">
         <div class="footer-top">

From 913420a3cfaf1c9f7826104d301e07b695049555 Mon Sep 17 00:00:00 2001
From: Aman Gupta <amangupta0874@gmail.com>
Date: Thu, 7 Nov 2024 13:29:42 +0530
Subject: [PATCH 03/19] Added a 404 page

---
 .htaccess |  1 +
 404.html  | 74 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 75 insertions(+)
 create mode 100644 .htaccess
 create mode 100644 404.html

diff --git a/.htaccess b/.htaccess
new file mode 100644
index 0000000..9fded1e
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1 @@
+ErrorDocument 404 /404.html
\ No newline at end of file
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..fffc865
--- /dev/null
+++ b/404.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 PAGE</title>
+    <link rel="shortcut icon" href="./assets/images/favicon2.webp" type="image/png" />
+<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
+<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Arvo'>
+<style>
+    
+.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif;
+}
+
+.page_404  img{ width:100%;}
+
+.four_zero_four_bg{
+ 
+ background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
+    height: 400px;
+    background-position: center;
+ }
+ 
+ 
+ .four_zero_four_bg h1{
+ font-size:80px;
+ }
+ 
+  .four_zero_four_bg h3{
+			 font-size:80px;
+			 }
+			 
+			 .link_404{			 
+	color: #fff!important;
+    padding: 10px 20px;
+    background: #39ac31;
+    margin: 20px 0;
+    display: inline-block;}
+	.contant_box_404{ margin-top:-50px;}
+</style>
+    
+  </head>
+  
+  <body>
+  
+    <section class="page_404">
+      <div class="container">
+          <div class="row">	
+          <div class="col-sm-12 ">
+          <div class="col-sm-10 col-sm-offset-1  text-center">
+          <div class="four_zero_four_bg">
+              <h1 class="text-center ">404</h1>
+          
+          
+          </div>
+          
+          <div class="contant_box_404">
+          <h3 class="h2">
+          Look like you're lost
+          </h3>
+          
+          <p>The page you are looking for not available!</p>
+          
+          <a href="/" class="link_404">Go to Home</a>
+      </div>
+          </div>
+          </div>
+          </div>
+      </div>
+  </section>
+  
+  
+</body>
+</html>
\ No newline at end of file

From d24f6239b4acd3c9034f89c34ea00d5510619ff2 Mon Sep 17 00:00:00 2001
From: Meet Shah <128205241+Meetpidev@users.noreply.github.com>
Date: Thu, 7 Nov 2024 13:42:29 +0530
Subject: [PATCH 04/19] Update contactus.html

---
 contactus.html | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/contactus.html b/contactus.html
index 8591a1f..fc5f3e2 100644
--- a/contactus.html
+++ b/contactus.html
@@ -393,15 +393,13 @@
 
     <!-- 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>
+          <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>
             <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>
@@ -411,17 +409,13 @@
             <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">

From a649d159dea236b22b34e8d4dbf9c8ca58036f7f Mon Sep 17 00:00:00 2001
From: Meet Shah <128205241+Meetpidev@users.noreply.github.com>
Date: Thu, 7 Nov 2024 13:46:15 +0530
Subject: [PATCH 05/19] Update contactus.html

---
 contactus.html | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/contactus.html b/contactus.html
index fc5f3e2..7ca2a2a 100644
--- a/contactus.html
+++ b/contactus.html
@@ -400,7 +400,7 @@
         <div id="navLinks">
           <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>
+        <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>
@@ -412,9 +412,6 @@ <h1 class="logo" style="margin-right: 200px; font-size: 20px; flex-basis: auto;"
         <!-- 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>
       </nav>
     <!-- Contact Form Section -->

From d943fb7f13314adad961fbecd9a4a13d0750dbc6 Mon Sep 17 00:00:00 2001
From: Rohan1786 <rp9522203@gmail.com>
Date: Thu, 7 Nov 2024 15:40:21 +0530
Subject: [PATCH 06/19] submit button has been fixed in sell.html

---
 sell.html | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

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>

From 3327a28a16289a7b10b22c82e2b16b2439ffdd43 Mon Sep 17 00:00:00 2001
From: akash70629 <akash70629@gmail.com>
Date: Thu, 7 Nov 2024 16:42:58 +0530
Subject: [PATCH 07/19] fix

---
 about.html | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/about.html b/about.html
index 7e74e18..e9769de 100644
--- a/about.html
+++ b/about.html
@@ -26,9 +26,6 @@
       display: flex;
 } 
 
-/* cursor */
-
-/* cursor */
     </style>
 </head>
 <style>
@@ -208,7 +205,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 -->
 
 

From 692c2e88d65b0775f6e1121fd2d29167eeceaa46 Mon Sep 17 00:00:00 2001
From: akash70629 <akash70629@gmail.com>
Date: Thu, 7 Nov 2024 16:45:25 +0530
Subject: [PATCH 08/19] fix

---
 about.html | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/about.html b/about.html
index e9769de..e441728 100644
--- a/about.html
+++ b/about.html
@@ -21,14 +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;
 } 
 
-    </style>
-</head>
-<style>
 /* code for chatbot button */
          #chatbotBtn {
             position: fixed;

From 58edd59b7704b924f53daf4b112cbd00ce5f732e Mon Sep 17 00:00:00 2001
From: Rohan1786 <rp9522203@gmail.com>
Date: Thu, 7 Nov 2024 17:44:03 +0530
Subject: [PATCH 09/19] profile icon fixed in navbar

---
 index.html | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 35aa914..1b35c21 100644
--- a/index.html
+++ b/index.html
@@ -385,6 +385,11 @@
             transition: width 0.09s ease-in-out;
             border-radius: 10px;
         }
+        .profile-darkMode7{
+            display: flex;
+            justify-content: space-between;
+            gap: 2px;
+        }
     </style>
 </head>
 
@@ -572,10 +577,6 @@ <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;">
-    <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>
 
 <style>
 
@@ -606,9 +607,14 @@ <h2>What type of transportation do you prefer for your travels?</h2>
     }
 
 </script>
-
-
+        <div class="profile-darkMode7">
         <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>
     

From 3b57e39e5789aec52ff261f16b359051adce04c1 Mon Sep 17 00:00:00 2001
From: Rohan1786 <rp9522203@gmail.com>
Date: Thu, 7 Nov 2024 18:24:29 +0530
Subject: [PATCH 10/19] profile icon has been fixed in the index.html inside
 the navbar perfectly

---
 index.html | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 1b35c21..dbfade9 100644
--- a/index.html
+++ b/index.html
@@ -385,7 +385,7 @@
             transition: width 0.09s ease-in-out;
             border-radius: 10px;
         }
-        .profile-darkMode7{
+        .profile-darkMode2{
             display: flex;
             justify-content: space-between;
             gap: 2px;
@@ -577,6 +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;">
+    <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> -->
 
 <style>
 
@@ -607,14 +611,17 @@ <h2>What type of transportation do you prefer for your travels?</h2>
     }
 
 </script>
-        <div class="profile-darkMode7">
-        <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>
-        
+
+
+        <!-- <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>
     

From ff361232785a9c6c33865afe13296cbd6f1b755d Mon Sep 17 00:00:00 2001
From: akash70629 <akash70629@gmail.com>
Date: Thu, 7 Nov 2024 19:53:06 +0530
Subject: [PATCH 11/19] fixed

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 35aa914..2751943 100644
--- a/index.html
+++ b/index.html
@@ -1043,7 +1043,7 @@ <h2>We Value Your Feedback!</h2>
 
                     .star-rating input:checked ~ label {
 
-                    color: #4d994d;
+                    color: #d3f803;
 
 
                     }
@@ -1051,7 +1051,7 @@ <h2>We Value Your Feedback!</h2>
                     .star-rating label:hover,
                             .star-rating label:hover ~ label {
 
-                                color: #4d994d; /* Hover effect */
+                                color: #c4da4b; /* Hover effect */
                                 
 
                             }

From a8d6d67562c8d0aa757ff8f33b82c6d93468af70 Mon Sep 17 00:00:00 2001
From: veepanshu-kasana <veepanshukasana2728@gmail.com>
Date: Thu, 7 Nov 2024 20:01:46 +0530
Subject: [PATCH 12/19] feat(ui): Beautify registration form

---
 register.html | 114 +++++++++++++++++++++++++++++++-------------------
 styles.css    |   2 +
 2 files changed, 72 insertions(+), 44 deletions(-)

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/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;

From 5c99cb0595b02fb25281163e917add72d2daf2d2 Mon Sep 17 00:00:00 2001
From: veepanshu-kasana <veepanshukasana2728@gmail.com>
Date: Thu, 7 Nov 2024 20:35:06 +0530
Subject: [PATCH 13/19] fix: Remove duplicate footer section

---
 contactus.html | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/contactus.html b/contactus.html
index eac2b3a..6d55364 100644
--- a/contactus.html
+++ b/contactus.html
@@ -453,19 +453,6 @@ <h1>Contact Us</h1>
     <footer class="footer-container">
       <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>
-        <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-container">
         <div class="footer-logo-section">

From 8d576bb56be13904423e0a056e2b3a60c4666d52 Mon Sep 17 00:00:00 2001
From: 31Rishita <22wh1a6631@bvrithyderabad.edu.in>
Date: Thu, 7 Nov 2024 22:33:10 +0530
Subject: [PATCH 14/19] Update Faq.html

---
 Faq.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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>

From aeb05bd2be5815fdbb0a582939030d3ff69833cd Mon Sep 17 00:00:00 2001
From: Subhajit-2023-44 <subhajit2006patra@gmail.com>
Date: Fri, 8 Nov 2024 03:34:50 +0530
Subject: [PATCH 15/19] done

---
 index.html       |  33 ++++-
 profileedit.html | 345 +++++++++++++++++++++++++++++++++++++++++++++++
 testp.html       |  84 ++++++++----
 testp.js         |  54 ++++----
 4 files changed, 460 insertions(+), 56 deletions(-)
 create mode 100644 profileedit.html

diff --git a/index.html b/index.html
index 35aa914..a917cfb 100644
--- a/index.html
+++ b/index.html
@@ -570,13 +570,36 @@ <h2>What type of transportation do you prefer for your travels?</h2>
 
         </div>
 
-
- <!-- Profile Icon -->
- <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>
+ 
+<!-- Profile Icon -->
+
+    <a href="./testp.html" class="profile-link" style="display: flex; align-items: center; text-decoration: none;">
+        <img id="homeProfileImage" src="https://i.postimg.cc/NFFmtc9K/xnz-Mst5-V-400x400.jpg" 
+             alt="Profile Icon" 
+             style="width: 35px; height: 35px; border-radius: 50%; margin-left: -170px;">
+    </a>
+    
 </li>
 
+
+<script>
+    
+    document.addEventListener("DOMContentLoaded", function() {
+    // Retrieve the saved avatar from localStorage
+    const savedAvatar = localStorage.getItem("selectedAvatar");
+
+    // If an avatar is saved, update the profile image
+    if (savedAvatar) {
+        const homeProfileImage = document.getElementById("homeProfileImage");
+        if (homeProfileImage) {
+            homeProfileImage.src = savedAvatar;
+        }
+    }
+});
+
+</script>
+
+
 <style>
 
  /* Override the existing hover styles */
diff --git a/profileedit.html b/profileedit.html
new file mode 100644
index 0000000..d5cfc6b
--- /dev/null
+++ b/profileedit.html
@@ -0,0 +1,345 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Edit Profile</title>
+
+    <link rel="stylesheet" href="style.css">
+
+        <style>
+
+        body {
+
+            font-family: 'Arial', sans-serif;
+            background-color: #1f2937;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+
+        }
+
+        .container {
+
+            background: linear-gradient(135deg, #ead6ee, #a0f1ea);
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 50px 50px 50px rgba(0, 0, 0, 0.1);
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            width: 90%;
+            max-width: 800px;
+            margin: auto;
+
+        }
+
+        .edit-profile {
+
+            text-align: center;
+            margin-bottom: 20px;
+            width: 100%;
+
+        }
+
+        .edit-profile h3 {
+
+            margin-bottom: 10px;
+            color: #333;
+            font-size: 24px;
+
+        }
+
+        .home-link {
+
+            display: flex;
+            align-items: center;
+            color: rgb(0 0 0);
+            font-size: 18px;
+            text-decoration: none;
+            position: absolute;
+            margin-left: 20px;
+
+        }
+
+        .home-link i {
+
+            margin-right: 8px;
+            font-size: 24px;
+
+        }
+
+        .home-link:hover {
+
+            color: #302e2e;
+
+        }
+
+        .avatar-selection {
+
+            text-align: center;
+            margin-bottom: 20px;
+
+        }
+
+        .avatars {
+
+            display: flex;
+            justify-content: center;
+            gap: 20px;
+            margin-top: 20px;
+
+        }
+
+        .avatars img {
+
+            width: 120px;
+            height: 120px;
+            cursor: pointer;
+            border: 4px solid transparent;
+            border-radius: 50%;
+            transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;
+
+        }
+
+        .avatars img:hover {
+
+            transform: scale(1.1);
+
+        }
+
+        .avatars img.selected {
+
+            border-color: #077183;
+
+        }
+
+        .profile-details {
+
+            text-align: center;
+            margin-bottom: 20px;
+            width: 100%;
+
+        }
+
+        .profile-details h4 {
+
+            margin-bottom: 10px;
+            color: #333;
+            font-size: 20px;
+
+        }
+
+        .profile-details input {
+
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 10px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+            font-size: 16px;
+            box-sizing: border-box;
+
+        }
+
+        .save-button {
+
+            background: linear-gradient(135deg, #079874, #076887);
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            font-size: 18px;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
+            margin-top: 20px;
+
+        }
+
+        .save-button:hover {
+
+            background: linear-gradient(135deg, #079874, #076887);
+            transform: scale(1.05);
+
+        }
+
+        .save-button:focus {
+
+            outline: none;
+
+        }
+
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+        * {
+
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+
+        }
+
+        .container {
+
+            max-width: 1170px;
+            margin: auto;
+
+        }
+
+        .row {
+
+            display: flex;
+            flex-wrap: wrap;
+
+        }
+
+        ul {
+
+            list-style: none;
+
+        }
+
+    </style>
+
+</head>
+
+<body>
+
+    <div class="container">
+        <div class="edit-profile">
+            <!-- Home Link -->
+            <a href="../../index.html" class="home-link">
+                <i class='bx bx-home'></i> Home
+            </a>
+
+            <h3>Edit Profile</h3>
+        </div>
+
+        <div class="avatar-selection">
+            <h4>Select Avatar</h4>
+            <div class="avatars">
+                <img src="https://i.postimg.cc/VvvM4LLK/4140061.png" onclick="selectAvatar('https://i.postimg.cc/VvvM4LLK/4140061.png')" />
+                <img src="https://i.postimg.cc/g0yv2TTH/6833605.png" onclick="selectAvatar('https://i.postimg.cc/g0yv2TTH/6833605.png')" />
+                <img src="https://i.postimg.cc/NFFmtc9K/xnz-Mst5-V-400x400.jpg" onclick="selectAvatar('https://i.postimg.cc/NFFmtc9K/xnz-Mst5-V-400x400.jpg')" />
+                <img src="https://i.postimg.cc/rwKwFnfR/4139967.png" onclick="selectAvatar('https://i.postimg.cc/rwKwFnfR/4139967.png')" />
+                <img src="https://i.postimg.cc/dQNG3d4p/6997484.png" onclick="selectAvatar('https://i.postimg.cc/dQNG3d4p/6997484.png')" />
+            </div>
+        </div>
+
+        <div class="profile-details">
+            <h4>Edit Details</h4>
+            <input type="text" id="nameInput" placeholder="Enter Name" required required pattern="[a-zA-Z ]+" oninvalid="this.setCustomValidity('Numbers and Symbols are not allowed')" oninput="this.setCustomValidity('')">
+            <input type="email" id="emailInput" placeholder="Enter Email" required>
+            <input type="tel" id="phoneInput" placeholder="Enter Phone" required>
+            <input type="text" id="bioInput" placeholder="Add Bio" maxlength="150" required>
+        </div>
+        <button class="save-button" onclick="saveProfile()">Save Profile</button>
+    </div>
+
+    <script>
+
+        let selectedAvatar = "";
+
+        function selectAvatar(avatarSrc) {
+
+            const avatars = document.querySelectorAll('.avatars img');
+            avatars.forEach(img => {
+                img.classList.remove('selected');
+            });
+            const selectedImg = Array.from(avatars).find(img => img.src === avatarSrc);
+            if (selectedImg) {
+                selectedImg.classList.add('selected');
+                selectedAvatar = avatarSrc;
+            }
+
+        }
+
+        function saveProfile() {
+
+            const newName = document.getElementById("nameInput").value.trim();
+            const newEmail = document.getElementById("emailInput").value.trim();
+            const newPhone = document.getElementById("phoneInput").value.trim();
+            const newBio = document.getElementById("bioInput").value.trim();
+
+            // Check if all fields are valid before proceeding
+            if (!nameInput.checkValidity() || !emailInput.checkValidity() || !phoneInput.checkValidity()) {
+                nameInput.reportValidity();
+                emailInput.reportValidity();
+                phoneInput.reportValidity();
+                bioInput.reportValidity();
+                return;  // Stop function execution if invalid
+            }
+
+            if (newEmail && !validateEmail(newEmail)) {
+                alert("Invalid email address");
+                return;
+            }
+
+            if (selectedAvatar) {
+                localStorage.setItem("selectedAvatar", selectedAvatar);
+            }
+            if (newName) {
+                localStorage.setItem("profileName", newName);
+            }
+            if (newEmail) {
+                localStorage.setItem("profileEmail", newEmail);
+            }
+            if (newPhone) {
+                localStorage.setItem("profilePhone", newPhone);
+            }
+            if (newBio) {
+                localStorage.setItem("profileBio", newBio);
+            }
+
+            // Redirect to the profile page
+            window.location.href = "testp.html";  // Change made here
+        }
+
+        function validateEmail(email) {
+            const re = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+            return re.test(email);
+        }
+
+        document.addEventListener("DOMContentLoaded", () => {
+            const savedAvatar = localStorage.getItem("selectedAvatar");
+            if (savedAvatar) {
+                const selectedImg = Array.from(document.querySelectorAll('.avatars img')).find(img => img.src === savedAvatar);
+                if (selectedImg) {
+                    selectedImg.classList.add('selected');
+                    selectedAvatar = savedAvatar;
+                }
+            }
+
+            const savedName = localStorage.getItem("profileName");
+            const savedEmail = localStorage.getItem("profileEmail");
+            const savedPhone = localStorage.getItem("profilePhone");
+            const savedBio = localStorage.getItem("profileBio");
+
+            if (savedName) {
+                document.getElementById("nameInput").value = savedName;
+            }
+            if (savedEmail) {
+                document.getElementById("emailInput").value = savedEmail;
+            }
+            if (savedPhone) {
+                document.getElementById("phoneInput").value = savedPhone;
+            }
+            if (savedBio) {
+                document.getElementById("bioInput").value = savedBio;
+            }
+        });
+
+    </script>
+
+</body>
+
+</html>
+
+
+
diff --git a/testp.html b/testp.html
index 397e983..357299c 100644
--- a/testp.html
+++ b/testp.html
@@ -4,14 +4,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <link rel="stylesheet" href="testp.css"> <!-- Link to your CSS file -->
-
     <script src="testp.js" defer></script>
-
     <title>Profile Page</title>
-
 </head>
 
 <body>
@@ -19,80 +15,114 @@
     <div class="profile-container">
 
         <div class="content-section">
-            <h2>Your Profile</h2>
+            <h2>Your Profile</h2> 
             <a href="index.html">
                 <i class="fas fa-home"></i>
             </a>
             <div class="profile-card">
                 <div class="profile-header">
-                    <img src="https://i.postimg.cc/tCL5Td4H/gold-membership-icon-default-avatar-profile-icon-membership-icon-social-media-user-image-illustratio.jpg" alt="Profile Image" class="profile-image">
+                    <!-- Profile image will be set dynamically -->
+                    <img id="profileImage" src="https://i.postimg.cc/NFFmtc9K/xnz-Mst5-V-400x400.jpg" alt="Profile Image" class="profile-image">
 
                     <div class="profile-info">
-                        <h3 class="profile-name">Skylar Reed</h3>
-                        <p class="profile-email">Email: skylar.reed@example.com</p>
-                        <p class="profile-phone">Phone: +987 654 3210</p>
-                        <p class="profile-bio">Joined: October 31, 2024</p>
-                        <p class="profile-bio">About Me: Hello!🙋🏻‍♂️ Feel free to reach out to me at skylar.reed@example.com 😎</p>
-                        <p id="last-active">Last active: 31/10/2024, 11:12 PM</p>
-
+                        <!-- Profile info will be set dynamically -->
+                        <h3 id="profileName" class="profile-name">Skylar Reed</h3>
+                        <p id="profileEmail" class="profile-email">Email: skylar.reed@example.com</p>
+                        <p id="profilePhone" class="profile-phone">Phone: +987 654 3210</p>
+                        <p id="profileBio" class="profile-bio">About Me: Hello!🙋🏻‍♂️ Feel free to reach out to me at skylar.reed@example.com 😎</p>
+                        <p id="aboutMe" class="profile-bio">Joined: October 31, 2024</p>
+                        <p id="last-active" class="profile-bio">Last active: </p>
                     </div>
-
                 </div>
+                <a href="profileedit.html">
                     <button class="edit-profile-btn edit_profiled">Edit Profile</button>
                 </a>
             </div>
         </div>
 
+        <!-- Account Details and other sections remain the same -->
         <div class="content-section">
-
             <h2>Account Details</h2>
             <div class="profile-details">
                 <div class="profile-detail-card" id="profileCard">
-                    <h3>Address</h3>
-                    <p id="addressText" contenteditable="false">789 Pine Lane, Austin, TX 73301</p>
-                    <a href="#"><button class="edit-profile-btn">Edit</button></a>
+                    <h3>Friends List</h3>
+                    <p id="addressText" contenteditable="false">27 friends online</p>
+                    <a href="#"><button class="edit-profile-btn">View</button></a>
                 </div>
 
                 <div class="profile-detail-card">
                     <h3>Change Password</h3>
-                    <p>*********63</p>
-                    <button class="edit-profile-btn">Change</button></a>
+                    <p>*****63</p>
+                    <button class="edit-profile-btn">Change</button>
                 </div>
 
                 <div class="profile-detail-card">
                     <h3>Privacy Settings</h3>
                     <p>Visibility Status: Public</p>
                     <a href="#">
-                    <button class="edit-profile-btn">Edit</button></a>
+                        <button class="edit-profile-btn">Edit</button>
+                    </a>
                 </div>
 
                 <div class="profile-detail-card">
                     <h3>Recent Activity</h3>
                     <p>Updated profile information</p>
                     <a href="#">
-                    <button class="edit-profile-btn">View</button></a>
+                        <button class="edit-profile-btn">View</button>
+                    </a>
                 </div>
 
             </div>
+            
         </div>
 
         <section class="content-section">
-
             <h2>Notifications</h2>
             <div class="card">
                 <p>Your profile has been updated successfully!</p>
-
                 <button class="edit-profile-btn">View Notification</button>
             </div>
             <div class="card">
-                <p>Your ticket has been successfully booked! Confirmation number: 71381.</p>
-
+                <p>Joshef Roy has sent you a friend request. Accept or decline?</p>
                 <button class="edit-profile-btn">View Notification</button>
             </div>
 
         </section>
 
+    </div>
+
+    <script>
+
+        document.addEventListener("DOMContentLoaded", function() {
+
+            // Load saved profile information from localStorage
+            const savedName = localStorage.getItem("profileName");
+            const savedEmail = localStorage.getItem("profileEmail");
+            const savedPhone = localStorage.getItem("profilePhone");
+            const savedBio = localStorage.getItem("profileBio");
+            const savedAvatar = localStorage.getItem("selectedAvatar");
+
+
+            // Update profile information if it exists in localStorage
+            if (savedName) {
+                document.getElementById("profileName").textContent = savedName;
+            }
+            if (savedEmail) {
+                document.getElementById("profileEmail").textContent = `Email: ${savedEmail}`;
+            }
+            if (savedPhone) {
+                document.getElementById("profilePhone").textContent = `Phone: ${savedPhone}`;
+            }
+            if (savedBio) {
+                document.getElementById("profileBio").textContent = `About Me: ${savedBio}`;
+            }
+
+            if (savedAvatar) {
+                document.getElementById("profileImage").src = savedAvatar;
+            }
+        });
+    </script>
+
 </body>
 
 </html>
-
diff --git a/testp.js b/testp.js
index a95bf93..5d2524f 100644
--- a/testp.js
+++ b/testp.js
@@ -1,33 +1,39 @@
 // Get current timestamp
 const getCurrentTimestamp = () => {
-    return new Date().getTime();
-  };
+  return new Date().getTime();
+};
 
-  // Store last active timestamp in LocalStorage
-  const storeLastActive = () => {
-    const lastActive = getCurrentTimestamp();
-    localStorage.setItem('lastActive', lastActive);
-  };
 
-  // Get last active timestamp from LocalStorage
-  const getLastActive = () => {
-    return localStorage.getItem('lastActive');
-  };
+// Store last active timestamp in LocalStorage
+const storeLastActive = () => {
+  const lastActive = getCurrentTimestamp();
+  localStorage.setItem('lastActive', lastActive);
+};
 
-  // Update last active timestamp on page load and interaction
-  document.addEventListener('DOMContentLoaded', storeLastActive);
-  document.addEventListener('click', storeLastActive);
-  document.addEventListener('scroll', storeLastActive);
-  document.addEventListener('keydown', storeLastActive);
 
-  // Example usage:
-  const displayLastActive = () => {
-    const lastActive = getLastActive();
-    const formattedTime = new Date(parseInt(lastActive)).toLocaleString();
-    document.getElementById('last-active').innerHTML = Last active: ${formattedTime};
-  };
+// Get last active timestamp from LocalStorage
+const getLastActive = () => {
+  return localStorage.getItem('lastActive');
+};
 
-  displayLastActive();
 
+// Update last active timestamp on page load and interaction
+document.addEventListener('DOMContentLoaded', storeLastActive);
+document.addEventListener('click', storeLastActive);
+document.addEventListener('scroll', storeLastActive);
+document.addEventListener('keydown', storeLastActive);
+
+
+// Example usage:
+const displayLastActive = () => {
+  const lastActive = getLastActive();
+  if (lastActive) {
+      const formattedTime = new Date(parseInt(lastActive)).toLocaleString();
+      document.getElementById('last-active').innerHTML = `Last active: ${formattedTime}`;
+  }
+};
+
+
+// Display the last active time on page load
+document.addEventListener('DOMContentLoaded', displayLastActive);
 
-  
\ No newline at end of file

From 985101a445be05405c5c2ded845ce60b21d83aef Mon Sep 17 00:00:00 2001
From: Subhajit-2023-44 <subhajit2006patra@gmail.com>
Date: Fri, 8 Nov 2024 03:45:39 +0530
Subject: [PATCH 16/19] done

---
 footer.css | 9 +++++++++
 1 file changed, 9 insertions(+)

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;

From 5b829a1ab88fdccd95b2fd59e3dd16c324b85571 Mon Sep 17 00:00:00 2001
From: Subhajit-2023-44 <subhajit2006patra@gmail.com>
Date: Fri, 8 Nov 2024 04:00:01 +0530
Subject: [PATCH 17/19] done

---
 sitemap.html | 342 ++++++++++++++++++++++++++-------------------------
 1 file changed, 177 insertions(+), 165 deletions(-)

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>
 

From 13e219ca10cdc0f76268acfa277910bdee99b9be Mon Sep 17 00:00:00 2001
From: Subhajit-2023-44 <subhajit2006patra@gmail.com>
Date: Fri, 8 Nov 2024 04:06:43 +0530
Subject: [PATCH 18/19] done

---
 terms.html | 181 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 181 insertions(+)

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

From 8eff9573890e1dd61ae6bc07cff4022bd65eb547 Mon Sep 17 00:00:00 2001
From: ygowthamr <ygowthamr@gmail.com>
Date: Fri, 8 Nov 2024 11:23:51 +0530
Subject: [PATCH 19/19] Added dynamic year in check availability page

---
 check_availability.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/check_availability.html b/check_availability.html
index 0851fc6..6e96432 100644
--- a/check_availability.html
+++ b/check_availability.html
@@ -130,10 +130,11 @@ <h3>Bus Ticket</h3>
 </body>
 
     <footer>
-        <p>&copy; 2024 Ticket Marketplace. All rights reserved.</p>
+        <p>&copy; <span id="currentYear"></span> Ticket Marketplace. All rights reserved.</p>
     </footer>
 </body>
 <script>
+    document.getElementById("currentYear").textContent = new Date().getFullYear();
     const tickets = JSON.parse(localStorage.getItem('tickets')) || [];
     document.getElementById('showTickets').addEventListener('click', function () {
       const ticketType = document.getElementById('ticketType').value;