From 9601b69bbc83fbfdc3750c4f4055d129b39e9fec Mon Sep 17 00:00:00 2001
From: rakeshkushwaha <53135128+rakeshkushwaha332@users.noreply.github.com>
Date: Mon, 14 Oct 2024 09:58:53 +0530
Subject: [PATCH 1/5] improve about us ui #152

i have fixed the issuue
---
 about.html | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/about.html b/about.html
index 018255f..009167d 100644
--- a/about.html
+++ b/about.html
@@ -133,8 +133,9 @@
       }
 
       .section-img {
-        margin: 40px 0;
-        text-align: center;
+        margin: auto;       text-align: center;
+        height: 626;
+        width: 429;
       }
 
       .section-img img {
@@ -171,8 +172,7 @@
     <!-- Hero Section -->
     <section class="hero">
       <h1>About Us</h1>
-
-
+      <p>Reliable, affordable cab rentals with professional drivers for hassle-free travel.</p>
     </section>
 
     <div class="container">
@@ -215,6 +215,8 @@ <h2>Mission and Vision</h2>
         </p>
       </section>
 
+   
+
       <!-- Values and Principles -->
       <section id="values-principles" class="values-principles">
         <h2>Values and Principles</h2>
@@ -242,5 +244,26 @@ <h2>Values and Principles</h2>
         </ul>
       </section>
     </div>
+        <!-- Footer -->
+<footer style="background-color: #333; color: #fff; padding: 20px 0;">
+  <div class="container">
+    <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
+      <div>
+        <h3 style="margin: 0;">CabRental</h3>
+        <p>&copy; 2024 CabRental. All rights reserved.</p>
+      </div>
+      <ul style="list-style: none; display: flex; padding: 0; margin: 0;">
+        <li style="margin-right: 15px;"><a href="#" style="color: #fff; text-decoration: none;">Privacy Policy</a></li>
+        <li style="margin-right: 15px;"><a href="#" style="color: #fff; text-decoration: none;">Terms of Service</a></li>
+        <li style="margin-right: 15px;"><a href="#" style="color: #fff; text-decoration: none;">Contact Us</a></li>
+      </ul>
+      <div>
+        <a href="#" style="color: #fff; margin-right: 10px;"><i class="bx bxl-facebook"></i></a>
+        <a href="#" style="color: #fff; margin-right: 10px;"><i class="bx bxl-twitter"></i></a>
+        <a href="#" style="color: #fff; margin-right: 10px;"><i class="bx bxl-instagram"></i></a>
+      </div>
+    </div>
+  </div>
+</footer>
   </body>
 </html>

From e0eda37042fc74ea3e831f95522e8f1e714c7d65 Mon Sep 17 00:00:00 2001
From: rakeshkushwaha <53135128+rakeshkushwaha332@users.noreply.github.com>
Date: Mon, 14 Oct 2024 10:10:52 +0530
Subject: [PATCH 2/5] Update about.html

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

diff --git a/about.html b/about.html
index 009167d..92d6f01 100644
--- a/about.html
+++ b/about.html
@@ -172,7 +172,7 @@
     <!-- Hero Section -->
     <section class="hero">
       <h1>About Us</h1>
-      <p>Reliable, affordable cab rentals with professional drivers for hassle-free travel.</p>
+
     </section>
 
     <div class="container">

From 9f35501864a0f865376e21ef0b2d7b1af3f79d0f Mon Sep 17 00:00:00 2001
From: rakeshkushwaha <53135128+rakeshkushwaha332@users.noreply.github.com>
Date: Mon, 14 Oct 2024 10:16:09 +0530
Subject: [PATCH 3/5] Update about.html

---
 about.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/about.html b/about.html
index 92d6f01..f56f895 100644
--- a/about.html
+++ b/about.html
@@ -244,7 +244,6 @@ <h2>Values and Principles</h2>
         </ul>
       </section>
     </div>
-        <!-- Footer -->
 <footer style="background-color: #333; color: #fff; padding: 20px 0;">
   <div class="container">
     <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">

From 7abb282e7fe7201e8f692ac4d08b5163beb67b5c Mon Sep 17 00:00:00 2001
From: rakeshkushwaha <53135128+rakeshkushwaha332@users.noreply.github.com>
Date: Mon, 14 Oct 2024 10:18:25 +0530
Subject: [PATCH 4/5] Update about.html

---
 about.html | 21 +--------------------
 1 file changed, 1 insertion(+), 20 deletions(-)

diff --git a/about.html b/about.html
index f56f895..b8eef90 100644
--- a/about.html
+++ b/about.html
@@ -244,25 +244,6 @@ <h2>Values and Principles</h2>
         </ul>
       </section>
     </div>
-<footer style="background-color: #333; color: #fff; padding: 20px 0;">
-  <div class="container">
-    <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
-      <div>
-        <h3 style="margin: 0;">CabRental</h3>
-        <p>&copy; 2024 CabRental. All rights reserved.</p>
-      </div>
-      <ul style="list-style: none; display: flex; padding: 0; margin: 0;">
-        <li style="margin-right: 15px;"><a href="#" style="color: #fff; text-decoration: none;">Privacy Policy</a></li>
-        <li style="margin-right: 15px;"><a href="#" style="color: #fff; text-decoration: none;">Terms of Service</a></li>
-        <li style="margin-right: 15px;"><a href="#" style="color: #fff; text-decoration: none;">Contact Us</a></li>
-      </ul>
-      <div>
-        <a href="#" style="color: #fff; margin-right: 10px;"><i class="bx bxl-facebook"></i></a>
-        <a href="#" style="color: #fff; margin-right: 10px;"><i class="bx bxl-twitter"></i></a>
-        <a href="#" style="color: #fff; margin-right: 10px;"><i class="bx bxl-instagram"></i></a>
-      </div>
-    </div>
-  </div>
-</footer>
+
   </body>
 </html>

From 1d5a92d860f674d91e285194178acdadb5b7636d Mon Sep 17 00:00:00 2001
From: rakeshkushwaha332 <rakeshkushwaha332.com>
Date: Fri, 18 Oct 2024 23:58:43 +0530
Subject: [PATCH 5/5] Updated about, contact, index, ride, and services pages

---
 about.html     | 130 ++++++++++++++++++++++++++++---
 contactus.html | 139 +++++++++++++++++++++++++++++----
 index.html     | 206 +++++--------------------------------------------
 ride.html      |  90 ++++++++++++++-------
 serv.html      |  26 ++++++-
 5 files changed, 349 insertions(+), 242 deletions(-)

diff --git a/about.html b/about.html
index 636c182..3f794e8 100644
--- a/about.html
+++ b/about.html
@@ -9,8 +9,8 @@
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
     />
-    
-    
+
+
     <nav class="navbar">
       <div class="logo">
         <a href="index.html" class="logo"><img src="img/logo.png" alt=""></a>
@@ -33,9 +33,10 @@
           </li>
       </ul>
   </nav>
-  
-  
+
+
     <style>
+
       .logo img {
             height: 60px;
             padding-right: 40px;
@@ -104,7 +105,7 @@
       transform: scale(1.1);
       border-bottom: 3px solid black; /* Black underline on hover */
   }
-    
+
     .navbar ul li a:active {
       border-bottom: 3px solid black; /* Black underline when clicked */
   }
@@ -215,11 +216,11 @@
         border-radius: 5px;
         border-top: 2px solid #ddd; /* Line between sections */
       }
-      
+
       #company-overview {
         background-color: #557d80;
       }
-      
+
       #mission-vision {
         background-color: #d4c6c6;
       }
@@ -242,7 +243,7 @@
     </style>
   </head>
   <body>
-    
+
     <!-- Hero Section -->
     <section class="hero">
       <h1>About Us</h1>
@@ -289,7 +290,7 @@ <h2>Mission and Vision</h2>
         </p>
       </section>
 
-   
+
 
       <!-- Values and Principles -->
       <section id="values-principles" class="values-principles">
@@ -320,4 +321,115 @@ <h2>Values and Principles</h2>
     </div>
 
   </body>
+  <footer>
+    <div class="footer-main">
+      <div class="footer-container">
+        <div class="footer-links">
+          <div class="footer-column">
+            <ul>
+              <li><a href="#">Home</a></li>
+              <li><a href="#">About Us</a></li>
+              <li><a href="#">Privacy</a></li>
+              <li><a href="#">Services</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <ul>
+              <li><a href="#">Help Center</a></li>
+              <li><a href="#">Blog</a></li>
+              <li><a href="#">Cookies Preferences</a></li>
+              <li><a href="#">Legal Notices</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <ul>
+              <li><a href="#">Account</a></li>
+              <li><a href="#">Contact Us</a></li>
+              <li><a href="#">Corporate Information</a></li>
+              <li><a href="#">Pricing</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <ul>
+              <li><a href="#">Media Center</a></li>
+              <li><a href="#">Terms of Use</a></li>
+              <li><a href="#">Contact Us</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="footer-bottom">
+      <p>&copy; 2024 CabRental. All rights reserved. | Designed and Developed by Sumit Kumar</p>
+    </div>
+
+    <style>
+      /* Footer main styling */
+      footer {
+        background-color: #f0f0f0; /* Light grey background like in the image */
+        color: #333; /* Darker text */
+        padding: 20px 0;
+        text-align: center;
+      }
+
+      .footer-main {
+        background-color: #fff; /* Different background for the main content area */
+        padding: 20px 0;
+      }
+
+      .footer-container {
+        max-width: 1200px;
+        margin: 0 auto;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      .footer-links {
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        margin-bottom: 20px;
+      }
+
+      .footer-column {
+        flex: 1;
+        text-align: left;
+        padding: 0 15px;
+      }
+
+      .footer-column ul {
+        list-style-type: none;
+        padding: 0;
+      }
+
+      .footer-column li {
+        margin-bottom: 8px;
+      }
+
+      .footer-column a {
+        color: #333;
+        text-decoration: none;
+        font-size: 14px;
+      }
+
+      .footer-column a:hover {
+        text-decoration: underline;
+      }
+
+      /* Footer bottom section */
+      .footer-bottom {
+        background-color: #ee6d6d; /* Footer bottom color similar to the image */
+        color: white;
+        padding: 10px 0;
+      }
+
+      .footer-bottom p {
+        margin: 0;
+        font-size: 14px;
+      }
+    </style>
+  </footer>
+
 </html>
diff --git a/contactus.html b/contactus.html
index 10021fb..9e46669 100644
--- a/contactus.html
+++ b/contactus.html
@@ -11,7 +11,7 @@
       <link rel="stylesheet" href="./css/demo.css">
       <script src="https://kit.fontawesome.com/c32adfdcda.js" crossorigin="anonymous"></script>
       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    
+
    </head>
    <body>
     <button class="back-button" onclick="window.location.href='index.html'"><img src="img/back_button.png" width="60px" height="60px"/></button>
@@ -23,7 +23,7 @@
 
       <main class="cd__main">
          <section>
-    
+
     <div class="section-header">
       <div class="container">
         <h2>Contact Us</h2>
@@ -34,45 +34,45 @@ <h2>Contact Us</h2>
         </p>
       </div>
     </div>
-    
+
     <div class="container">
       <div class="row">
-        
+
         <div class="contact-info">
           <div class="contact-info-item">
             <div class="contact-info-icon">
               <i class="fas fa-home"></i>
             </div>
-            
+
             <div class="contact-info-content">
               <h4>Address</h4>
               <p> <br/></p>
             </div>
           </div>
-          
+
           <div class="contact-info-item">
             <div class="contact-info-icon">
               <i class="fas fa-phone"></i>
             </div>
-            
+
             <div class="contact-info-content">
               <h4>Phone</h4>
               <p></p>
             </div>
           </div>
-          
+
           <div class="contact-info-item">
             <div class="contact-info-icon">
               <i class="fas fa-envelope"></i>
             </div>
-            
+
             <div class="contact-info-content">
               <h4>Email</h4>
              <p></p>
             </div>
           </div>
         </div>
-        
+
         <div class="contact-form">
           <form action="" id="contact-form">
             <h2>Send Message</h2>
@@ -80,27 +80,138 @@ <h2>Send Message</h2>
               <input type="text" required="true" name="">
               <span>Full Name</span>
             </div>
-            
+
             <div class="input-box">
               <input type="email" required="true" name="">
               <span>Email</span>
             </div>
-            
+
             <div class="input-box">
               <textarea required="true" name=""></textarea>
               <span>Type your Message...</span>
             </div>
-            
+
             <div class="input-box">
               <input type="submit" value="Send" name="">
             </div>
           </form>
         </div>
-        
+
       </div>
     </div>
   </section>
       </main>
       <script src="./js/contactus.js"></script>
    </body>
+   <footer>
+    <div class="footer-main">
+      <div class="footer-container">
+        <div class="footer-links">
+          <div class="footer-column">
+            <ul>
+              <li><a href="#">Home</a></li>
+              <li><a href="#">About Us</a></li>
+              <li><a href="#">Privacy</a></li>
+              <li><a href="#">Services</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <ul>
+              <li><a href="#">Help Center</a></li>
+              <li><a href="#">Blog</a></li>
+              <li><a href="#">Cookies Preferences</a></li>
+              <li><a href="#">Legal Notices</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <ul>
+              <li><a href="#">Account</a></li>
+              <li><a href="#">Contact Us</a></li>
+              <li><a href="#">Corporate Information</a></li>
+              <li><a href="#">Pricing</a></li>
+            </ul>
+          </div>
+          <div class="footer-column">
+            <ul>
+              <li><a href="#">Media Center</a></li>
+              <li><a href="#">Terms of Use</a></li>
+              <li><a href="#">Contact Us</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="footer-bottom">
+      <p>&copy; 2024 CabRental. All rights reserved. | Designed and Developed by Sumit Kumar</p>
+    </div>
+
+    <style>
+      /* Footer main styling */
+      footer {
+        background-color: #f0f0f0; /* Light grey background like in the image */
+        color: #333; /* Darker text */
+        padding: 20px 0;
+        text-align: center;
+      }
+
+      .footer-main {
+        background-color: #fff; /* Different background for the main content area */
+        padding: 20px 0;
+      }
+
+      .footer-container {
+        max-width: 1200px;
+        margin: 0 auto;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      .footer-links {
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        margin-bottom: 20px;
+      }
+
+      .footer-column {
+        flex: 1;
+        text-align: left;
+        padding: 0 15px;
+      }
+
+      .footer-column ul {
+        list-style-type: none;
+        padding: 0;
+      }
+
+      .footer-column li {
+        margin-bottom: 8px;
+      }
+
+      .footer-column a {
+        color: #333;
+        text-decoration: none;
+        font-size: 14px;
+      }
+
+      .footer-column a:hover {
+        text-decoration: underline;
+      }
+
+      /* Footer bottom section */
+      .footer-bottom {
+        background-color: #ee6d6d; /* Footer bottom color similar to the image */
+        color: white;
+        padding: 10px 0;
+      }
+
+      .footer-bottom p {
+        margin: 0;
+        font-size: 14px;
+      }
+    </style>
+  </footer>
+
 </html>
diff --git a/index.html b/index.html
index 26fb861..7dc5a07 100644
--- a/index.html
+++ b/index.html
@@ -470,6 +470,16 @@
                 font-size: 0.9rem;
             }
         }
+        .carweb {
+    margin-top: -45px; /* Adjust this value as needed */
+    /* or */
+    padding-top: 0; /* Ensure there's no top padding */
+}
+
+.carweb img {
+    margin-top: -20px; /* Adjust this value as needed */
+}
+
     </style>
 </head>
 
@@ -497,29 +507,17 @@
     <section class="home" id="home">
         <div class="text text-center" style="background-image: url(img/Car\ Website\ –\ 1@2x.png);">
             <h1><br>Want to <span>Share</span> or <span>Rent</span> <br>a cab.</h1>
-            <p>Wherever you're going,there's a carpool that will<br>
-                get you there for less.</p>
-            <div class="carweb">
-                <img src="Car Website – 1@2x.png" alt="">
+            <div class="carweb h-auto w-auto" style="position: relative; text-align: center;">
+                <p style="position: relative; z-index: 1; color: rgb(0, 0, 0); margin-bottom: -50px;">
+                    Wherever you're going, there's a carpool that will<br>
+                    get you there for less.
+                </p>
+                <img src="Car Website – 1@2x.png" alt="" style="width: 100%; height: auto; display: block; position: absolute; top: 0; left: 0; z-index: 0;">
+
+
             </div>
         </div>
-        <!-- <div class="form-container">
-            <form action="anonimous.php" method="post">
-                <div class="input-box">
-                    <span>From <span> MUJ Hostel</span> To</span>
-                    <input type="search" name="search" id="search" placeholder="Search Places">
-                </div>
-                <div class="input-box">
-                    <span>Travelling Date</span>
-                    <input type="date" name="dat" id="dat">
-                </div>
-                <div class="input-box">
-                    <span>Depart. Time</span>
-                    <input type="time" name="tim" id="tim">
-                </div>
-                <input type="submit" name="submit" id="submit" class="btn">
-            </form>
-        </div> -->
+
 
         <div class="booking-form">
             <div class="form-group">
@@ -690,136 +688,7 @@ <h3>No Hidden Charges</h3>
     </section>
 
 
-    <!--   <section class="review" id="review">
 
-        <h1 class="heading"> Client's testimonials </h1>
-
-        <div class="swiper review-slider" data-aos="zoom-in">
-
-            <div class="swiper-wrapper">
-
-                <div class="swiper-slide slide">
-                    <img src="img/pic-1.png" alt="">
-                    <h3>Noah Lee</h3>
-                    <p>"Excellent service from start to finish. The driver was friendly and drove safely. I reached my
-                        destination on time and in comfort. Highly recommended for anyone visiting!"</p>
-                    <div class="stars">
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star-half-alt"></i>
-                    </div>
-                </div>
-
-                <div class="swiper-slide slide">
-                    <img src="img/pic-2.png" alt="">
-                    <h3>Sophia Rossi</h3>
-                    <p>"Great experience with this cab rental. The booking was straightforward, and the driver was
-                        punctual and friendly. The car was very comfortable. Highly recommend!"</p>
-                    <div class="stars">
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                    </div>
-                </div>
-
-                <div class="swiper-slide slide">
-                    <img src="img/pic-3.png" alt="">
-                    <h3>Olivia Davis</h3>
-                    <p>"Top-notch service! The driver arrived on time, and the ride was smooth and comfortable. The
-                        customer service was exceptional. I will definitely use this cab service again."</p>
-                    <div class="stars">
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star-full-alt"></i>
-                    </div>
-                </div>
-
-                <div class="swiper-slide slide">
-                    <img src="img/pic-4.png" alt="">
-                    <h3>Emma Brown</h3>
-                    <p>"Brilliant service! The cab arrived on time, and the driver was very courteous. I appreciated the
-                        smooth and efficient ride. Will definitely use this service again when I return."</p>
-                    <div class="stars">
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                    </div>
-                </div>
-
-            </div>
-
-            <div class="swiper-pagination"></div>
-
-        </div>
-
-     </section>  -->
-    <!--      <section class="review" id="review"> -->
-    <!--         <div class="row">
-            <h1 class="heading"> Customer Reviews </h1>
-    
-            <div class="swiper review-slider" data-aos="zoom-in">
-    
-                <div class="swiper-wrapper">
-    
-                    <div class="swiper-slide slide">
-                        <img src="img/pic-1.png" alt="">
-                        <h3>Noah Lee</h3>
-                        <p>I recently used Cabrental for a weekend trip and was thoroughly impressed. The booking process was seamless, and the website was intuitive and easy to navigate. The car was clean and in excellent condition, and the pick-up and drop-off process was quick and hassle-free. The customer service was exceptional—friendly and helpful staff made the experience even better. Highly recommended!</p>
-                        <div class="stars">
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star-half-alt"></i>
-                        </div>
-                    </div>
-    
-                    <div class="swiper-slide slide">
-                        <img src="img/pic-2.png" alt="">
-                        <h3>Sophia Rossi</h3>
-                        <p>I recently used Cabrental for a weekend getaway, and I couldn't be happier with the experience. The website is user-friendly, and I found the perfect car within minutes.</p>
-                        <div class="stars">
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                        </div>
-                    </div>
-    
-                    <div class="swiper-slide slide">
-                        <img src="img/pic-3.png" alt="">
-                        <h3>Olivia Davis</h3>
-                        <p>The booking process was straightforward, and I received a confirmation email immediately. When I arrived at the pick-up location, the staff was friendly and efficient. The car was clean, well-maintained, and exactly as described on the website.</p>
-                        <div class="stars">
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star-full-alt"></i>
-                        </div>
-                    </div>
-    
-                    <div class="swiper-slide slide">
-                        <img src="img/pic-4.png" alt="">
-                        <h3>Emma Brown</h3>
-                        <p>Returning the car was just as easy, and there were no hidden fees or unexpected charges. I will definitely be using Cabrental again for my future trips. Highly recommended!</p>
-                        <div class="stars">
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                            <i class="fas fa-star"></i>
-                        </div>
- -->
     <section class="review" id="review">
 
         <h1 class="heading"> Customer Reviews </h1>
@@ -1048,7 +917,7 @@ <h2 class="accordion-header">
                 <div class="container">
                     <div class="row">
                         <div class="contact-left">
-                            <h1 class="sub-title">Contact Me</h1>
+                            <h1 class="sub-title">Contact Us</h1>
 
                             <div class="social-icon">
                                 <a href="#" target="_blank"><i class="fa-brands fa-facebook"></i></a>
@@ -1089,40 +958,7 @@ <h1>Get to know more about our company, our mission, and our commitment to provi
             </div>
         </section>
 
-        <!-- <section id="testimonials">
-            <div class="container">
-              <h2>Words from Our Clients <span>Inspiring Testimonials of Satisfaction</span></h2>
-              <div class="reviews">
-                <div class="review">
-                  <div class="review-content">
-                    <p class="review-text">Using Cab Rental has made my life so much easier. The service is top-notch and always reliable.</p>
-                    <p class="review-author">- Alex</p>
-                  </div>
-                  <div class="review-image">
-                    <img src="images (1).jpeg" alt="Alex">
-                  </div>
-                </div>
-                <div class="review">
-                  <div class="review-content">
-                    <p class="review-text">The best cab rental service I’ve ever used! The drivers are friendly and always on time.</p>
-                    <p class="review-author">- Jordan</p>
-                  </div>
-                  <div class="review-image">
-                    <img src="download.jpeg" alt="Jordan">
-                  </div>
-                </div>
-                <div class="review">
-                  <div class="review-content">
-                    <p class="review-text">Excellent service! The booking process is seamless, and the cabs are always clean and comfortable.</p>
-                    <p class="review-author">- Taylor</p>
-                  </div>
-                  <div class="review-image">                  <img src="images.jpeg" alt="Taylor">
-                  </div>
-                </div>
-              </div>
-              <button class="view-all">View All</button>
-            </div>
-          </section> -->
+
         <section class="testimonials">
             <h2>Words from Our Clients <span class="highlight">Inspiring Testimonials of Satisfaction</span></h2>
             <div class="testimonials-container" id="testimonials-container">
diff --git a/ride.html b/ride.html
index fcaf50e..058f135 100644
--- a/ride.html
+++ b/ride.html
@@ -7,7 +7,7 @@
     <link rel="icon" href="img/logo1.png" type="image/png">
     <title>Cabshare</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    
+
     <!-- Link to CSS -->
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css">
@@ -233,7 +233,7 @@
             text-decoration: none;
             border-radius: 5px;
         }
-        
+
         .header-btn .sign-up:hover {
             background-color: red;
             border-color: red;
@@ -357,11 +357,11 @@ <h1>Rider Details!<span></span></h1>
     <script>
         document.getElementById('riderForm').addEventListener('submit', function(event) {
             event.preventDefault(); // Prevent form submission to handle validation
-    
+
             // Check if any fields are empty
             let form = event.target;
             let isValid = true;
-    
+
             form.querySelectorAll('input[type="text"], input[type="email"], input[type="time"], input[type="date"], textarea').forEach(function(input) {
                 if (input.value.trim() === '') {
                     isValid = false;
@@ -370,7 +370,7 @@ <h1>Rider Details!<span></span></h1>
                     input.classList.remove('error');
                 }
             });
-    
+
             // If valid, submit the form and redirect
             if (isValid) {
                 // Simulate form submission here (e.g., send data to backend)
@@ -382,33 +382,63 @@ <h1>Rider Details!<span></span></h1>
         });
     </script>
     <script src="script.js"></script>
-    <!-- Footer
-    <footer class="footer">
-        <div class="footer-container container">
-            <h2>Cabshare</h2>
-            <div class="footer-box">
-                <h3>Quick Links</h3>
-                <a href="index.html">Home</a>
-                <a href="ride.html">Ride</a>
-                <a href="serv.html">Services</a>
-                <a href="about.html">About</a>
-                <a href="review.html">Reviews</a>
-                <a href="contact.html">Contact</a>
+   
+   <footer>
+            <div id="topbtn" class="topbtn">
+                <a class="gotopbtn" href="#"><i class="fa-solid fa-angles-up"></i></a>
             </div>
-            <div class="footer-box">
-                <h3>Follow Us</h3>
-                <div class="social">
-                    <a href="#"><i class="bx bxl-facebook"></i></a>
-                    <a href="#"><i class="bx bxl-twitter"></i></a>
-                    <a href="#"><i class="bx bxl-instagram"></i></a>
-                    <a href="#"><i class="bx bxl-google"></i></a>
-                    <a href="#"><i class="bx bxl-skype"></i></a>
-                </div>
+
+            <div class="footer-container">
+                <div class="call-us">
+                    <p>Questions? Call 000-080-000-000</p>
+    </section>
+
+    <!-- About -->
+    <section class="about" id="about">
+
+        <div class="footer-links">
+            <div class="footer-column">
+                <ul>
+                    <li><a href="#">Home</a></li>
+                    <li><a href="#">About Us</a></li>
+                    <li><a href="#">Privacy</a></li>
+                    <li><a href="#">Services</a></li>
+                </ul>
+            </div>
+            <div class="footer-column">
+                <ul>
+                    <li><a href="#">Help Center</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Cookies Preferences</a></li>
+                    <li><a href="#">Legal Notices</a></li>
+                </ul>
+            </div>
+            <div class="footer-column">
+                <ul>
+                    <li><a href="#">Account</a></li>
+                    <li><a href="#">Contact Us</a></li>
+                    <li><a href="#">Corporate Information</a></li>
+                    <li><a href="#">Pricing</a></li>
+                </ul>
             </div>
+            <div class="footer-column">
+                <ul>
+                    <li><a href="#">Media Center</a></li>
+                    <li><a href="#">Terms of Use</a></li>
+                    <li><a href="contactus.html">Contact Us</a></li>
+                </ul>
+            </div>
+        </div>
         </div>
-    </footer>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc2z6lnf65V2w4HmoRbHUXaB/91MoZl6fCJVN6eK" crossorigin="anonymous"></script>
+
+        <!-- <p>© 2024 CabRental. All rights reserved. |    Designed and Developed by Sumit Kumar</p> -->
+        <p> &copy;
+            <script>document.write(new Date().getFullYear())</script> CabRental. All rights reserved. | Designed and
+            Developed by Sumit Kumar
+        </p>
+
+        </div>
+
+        </footer>
 </body>
 </html>
diff --git a/serv.html b/serv.html
index 28b20da..e2000bd 100644
--- a/serv.html
+++ b/serv.html
@@ -51,14 +51,14 @@ <h2>City Transfers</h2>
           <a href="#" class="cta-button">Book Now</a>
         </div>
       </div>
-      
+
       <div class="video">
         <video autoplay muted loop id="background-video">
           <source src="service.mp4" type="video/mp4" />
           Your browser does not support the video tag.
         </video>
       </div>
-      
+
       <div id="hourly-rentals" class="rentally">
         <div class="head2">
           <h2>Hourly Rentals</h2>
@@ -76,7 +76,7 @@ <h2>Hourly Rentals</h2>
           <a href="#" class="cta-button">Get a Quote</a>
         </div>
       </div>
-      
+
       <div id="special-occasions" class="specially">
         <div class="occassion">
           <h2>Special Occasions</h2>
@@ -95,6 +95,8 @@ <h2>Special Occasions</h2>
         </div>
       </div>
     </main>
+
+
     <footer>
       <p>&copy; 2024 CabRental. All rights reserved.</p>
       <style>
@@ -106,7 +108,7 @@ <h2>Special Occasions</h2>
             padding: 5px;
             display: flex;  /* Flexbox */
             justify-content: center;  /* Center horizontally */
-            align-items: center; 
+            align-items: center;
             position: center;
             bottom: 0;
             width: 100%;
@@ -123,6 +125,17 @@ <h2>Special Occasions</h2>
             padding-bottom: 80px;  /* Space for the footer */
         }
     </style>
+    div id="topbtn" class="topbtn">
+                <a class="gotopbtn" href="#"><i class="fa-solid fa-angles-up"></i></a>
+            </div>
+
+            <div class="footer-container">
+                <div class="call-us">
+                    <p>Questions? Call 000-080-000-000</p>
+    </section>
+
+
+
     <script src="script.js"></script>
       <script>
        let lastScrollTop = 0;
@@ -142,9 +155,14 @@ <h2>Special Occasions</h2>
             lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;
         });
     </script>
+
+
     </footer>
+
     <div id="topbtn" class="topbtn">
       <a class="gotopbtn" href="#"><i class="fa-solid fa-angles-up"></i></a>
   </div>
   </body>
+
+ 
 </html>