From 0625e13ecaee27d41e7d2d293e4a66add9994061 Mon Sep 17 00:00:00 2001
From: Pranjal Srivastava <84591027+pranusri1903@users.noreply.github.com>
Date: Tue, 8 Oct 2024 15:46:26 +0530
Subject: [PATCH] Updates Navd

---
 .DS_Store        | Bin 10244 -> 10244 bytes
 about.html       |  48 ++++++++++++---
 contactus.html   |   1 +
 img/.DS_Store    | Bin 6148 -> 8196 bytes
 img/services.png | Bin 0 -> 6241 bytes
 index.html       |  17 +++---
 login.html       |   3 +-
 review.html      |  36 +++++++++++-
 ride.html        | 109 ++++++++++++++++++++++++++++++----
 serv.css         | 150 ++++++++++++++++++++++++++++++++++-------------
 serv.html        |  27 +++++----
 signup.html      |   1 +
 12 files changed, 310 insertions(+), 82 deletions(-)
 create mode 100644 img/services.png
diff --git a/.DS_Store b/.DS_Store
index 2b26649ef1b819b75b460ccf84dfea833a8cf67e..cbb8d5982df7d621f598bf1c20fe81f3662f9df6 100644
GIT binary patch
delta 774
zcmZn(XbG6$&uFkQU^hRb!DJqRzmv-aeR#PUk{R+D@_;avA$hW#q$F=Q0|V2!|6stt
zF!_MsT5Em=XRw+Qh9ZVch9rhkh7us1$B@pT$B@gA;+d15oRpKF#K6EHz`(%x6IuV}
zETKR~d0~b$paDfd4f#N=x(o#ji44U+SPm9Vnfy*f%z!B!Ss&0W5dxYNL?u}r85o%D
zCT|eFSkDY}Q7%JzQh9L!)Ga%b3UV@wOAHLIF)}f;u(Gjpuyb&8#0F>Nmj{<5mXsDd
zB^E`4cp>@uIY}^fVp3RUYI(eXh;x2kNn&PRY7tmNW=bkhNlbWVUP^wsQ+{b)N-<b(
zFhqjGhm(UdUO=L{+Q`scN5Rn8s8&az+S15CN5S04vbL6!LsVJcIw(FnCpRy@3+Oo@
zU}S{Q47^YpMs-iF6G>HOXYgV01O~h-gC9dMgDYwvGpq-BeDe(vRwh9nV8EsVgEkWw
wpd~<7(PRZlDJG!oC9z!g&Fl()S?U>qamvUCi&LOI^bM_8jNlre(3-;t0GJuk{r~^~

delta 112
zcmZn(XbG6$LAU^hRb)?^-mzl`dWxdc@wKNeGw%wi~DNcYUiPfp6oPhwzT5MW?n
zS_Y)|PyQzmKDk?P)#hR$KgP-aBF82_7ERh*EcT0W@@)ye&6_1c*f%zuVBE~E@Rw!t
L6tSByVM#^+5B(<8

diff --git a/about.html b/about.html
index 20656c6..79bbcb0 100644
--- a/about.html
+++ b/about.html
@@ -3,29 +3,49 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="img/logo1.png" type="image/png">
     <title>About Us - CabRental</title>
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
     />
+    
+    
     <nav class="navbar">
       <div class="logo">
-        <img src="img/cabz.png.png" alt="Logo" class="navbar-logo" />
+        <a href="index.html" class="logo"><img src="img/logo.png" alt=""></a>
+        <a href="index.html"><img src="img/cabz.png.png" alt="Logo" class="navbar-logo" /></a>
     </div>
       <ul>
           <li><a href="index.html">Home</a></li>
-          <li><a href="#company-overview">Company Overview</a></li>
-          <li><a href="#mission-vision">Mission & Vision</a></li>
-          <li><a href="#values-principles">Values & Principles</a></li>
+          <li><a href="ride.html">Ride</a></li>
+          <li><a href="serv.html">Services</a></li>
+          <li><a href="#about.html">About</a></li>
+          <li><a href="review.html">Reviews</a></li>
+          <li><a href="contactus.html">Contact</a></li>
+          <li>
+            <div class="header-btn">
+              <a href="login.html" class="sign-up">Login</a>
+          </div>
+          </li>
+          <li>
+            <div class="theme-switch" id="theme-switch"></div>
+          </li>
       </ul>
   </nav>
   
+  
     <style>
+      .logo img {
+            height: 60px;
+            padding-right: 40px;
+            padding-left: 40px;
+        }
       body {
         font-family: "Poppins", sans-serif;
         margin: 0;
         padding: 0;
-        background-color: #f9f9f9;
+        background-color: #eeeff1;
         color: #333;
         line-height: 1.6;
       }
@@ -34,25 +54,37 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
-        background-color: #fff;
+        background-color: #eeeff1;
         padding: 20px;
         position: sticky;
         top: 0;
         z-index: 1000;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+        height: 50px;
       }
 
       .navbar ul li a:hover {
         background-color: #8f6883;
         transform: scale(1.1);
       }
-
+      .header-btn .sign-up:hover {
+            background-color: red;
+            border-color: red;
+        }
+        .header-btn .sign-up {
+            padding: 10px 20px;
+            background-color: #007bff;
+            border-color: #007bff;
+            color: #fff;
+            text-decoration: none;
+            border-radius: 5px;
+        }
       .navbar ul {
         display: flex;
         justify-content: space-around; /* Spacing between links */
         list-style: none;
         padding: 10px; /* Padding for the group of links */
-        background-color: #e6e4e4; /* Background color for the navbar */
+        background-color: #eeeff1; /* Background color for the navbar */
     }
 
     .navbar ul li {
diff --git a/contactus.html b/contactus.html
index 7b3bd95..77abaef 100644
--- a/contactus.html
+++ b/contactus.html
@@ -3,6 +3,7 @@
    <head>
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1">
+      <link rel="icon" href="img/logo1.png" type="image/png">
       <meta name="author" content="CodeHim">
       <title>Contact Us Page</title>
       <link rel="stylesheet" href="contactus.css">
diff --git a/img/.DS_Store b/img/.DS_Store
index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..19f53f421b1ad36fc9a5f1f1ae084ec7e0167d55 100644
GIT binary patch
literal 8196
zcmeHM%}(4f5FRfpkrmK#<j|^lfv!Y<uPLPm&V2yN(r5)uH)y+CRh)9Kcm-Yo^<nxj
zJ#D`kd#RInZm2?HEZLt)zAsKbPn;b?MDAeud7o&Hh%!{h-7PeU!sog6${-wh0(8(5
zEoe*^G^6QJ)nnTMbHE%h2h0I;z#O;_4&a;3B~!lp{;aj;fI09W9pLpLM`bJmHXdc^
zKqDytaEQZF&_^C1nmk|;u<<BTT+?R{E=XNSF`Sp<e9m-W5wP*-<>b7aTo~Df48_Ul
z(B(oWS9rA6954s^4sh;1q7#}>P0KicuTLjcJ;7Oiq28g6S5nX;dJIK{I;XGnoKDfN
z(SG@t{kPONJ@o`y<{x8R9(4izEUk7=JL+vH`F=0g{52j`@u==+N0*6iPW#}WW0wMZ
z6fu7=RroIy{%?i<GR@z3ukc?f{9g+Hb(%kXrtse={HqRsC-`$rXPDI!no^lox<4J|
zmdyVYx*29v@mFH#I*OsTN^zMuc662EwZx3BQXH3v(N&7?;)bqL+?Qz6Rd3VI4>;yx
zRTiAD!4LaxaZF3h#r)ANpJyqh;HZlgn-U8bX|}{%%+9bPl=NMTfg#6Sim%N+)*bgK
zikbEGm3ilAY4Jzle%3QycHerAl$K(fzTpYxc!o2)4<-Ie`ZPF)ZshN5wZc<vg1LlO
zW2|LAXwhC<II>!!?105@SqbE|tU@n24o6o@iJ`2R19#%UhQG=l=l>t{{r@`|%PwLL
zm;?9I0XIDSczA$&3%PagE;-lEQ9q$_VP4}=BxocZ2TD2)y#0qE`Z=hqDFQYgaRlYR
SZv?b{_1pJfCc&Bq=fGb_yT@4o

delta 105
zcmZp1XfcprU|?W$DortDU=RQ@Ie-{MGpJ516q~502;ws^0>w5KPGg_gAhnpCgF}!R
pBnTAa1`@77th%xAJM(0I8AV3M$)+;eJWLRCKt?lcj^~-f3;-`E4{!hg

diff --git a/img/services.png b/img/services.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2be8e69df4dc9d98d1a20ff9e080d94d501cd92
GIT binary patch
literal 6241
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
H=CA$-6LR2B

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 2a533b3..26fb861 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE-edge">
-    <meta name="viewprot" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Favicon -->
     <link rel="icon" href="img/logo1.png" type="image/png">
     <title>CabRental</title>
@@ -13,7 +13,6 @@
     <link rel="stylesheet" href="https://unpkg.com/swiper@11.1.4/swiper-bundle.min.css" />
     <!-- font awesome cdn link  -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
     <!-- custom css link -->
     <script src="https://kit.fontawesome.com/2815a7015d.js" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="style.css">
@@ -31,17 +30,18 @@
             justify-content: space-between;
             align-items: center;
             padding: 10px 20px;
-            background-color: #fff;
+            background-color: #eeeff1;
             box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
         }
 
         .logo img {
-            height: 50px;
+            height: 40px;
         }
 
         .navbar {
             display: flex;
             gap: 20px;
+            padding-top: 20px;
             list-style: none;
         }
 
@@ -59,13 +59,15 @@
         .header-btn .sign-up {
             padding: 10px 20px;
             background-color: #007bff;
+            border-color: #007bff;
             color: #fff;
             text-decoration: none;
             border-radius: 5px;
         }
 
         .header-btn .sign-up:hover {
-            background-color: #0056b3;
+            background-color: red;
+            border-color: red;
         }
 
         /* Hide menu icon initially */
@@ -81,7 +83,6 @@
                 left: -250px;
                 width: 250px;
                 height: 100%;
-                background-color: #fff;
                 flex-direction: column;
                 align-items: start;
                 justify-content: flex-start;
@@ -475,8 +476,8 @@
 <body>
     <!-- Header -->
     <header>
-        <a href="#" class="logo"><img src="img/logo.png" alt=""></a>
-        <a href="#" class="CabRental_logo"><img src="img/cabz.png.png" alt=""></a>
+        <a href="index.html" class="logo"><img src="img/logo.png" alt=""></a>
+        <a href="index.html" class="CabRental_logo"><img src="img/cabz.png.png" alt=""></a>
         <div class="bx bx-menu" id="menu-icon"></div>
         <ul class="navbar">
             <li><a href="index.html">Home</a></li>
diff --git a/login.html b/login.html
index 8fdc7a4..7397c4f 100644
--- a/login.html
+++ b/login.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="img/logo1.png" type="image/png">
     <title>Login</title>
     <link rel="stylesheet" href="login.css"/>
 </head>
@@ -21,7 +22,7 @@ <h1 class="animated-heading">Cab Rental<span class="blinking-cursor">|</span></h
                 <button type="submit" class="submit-button">Login</button>
             </form>
             <p class="already-signed-up">
-                Not signed up? <a href="./signup.html"> Sign In</a>
+                Don't have an account? <a href="./signup.html"> Sign Up</a>
             </p>
             <p class="forgot password">
                 Forgot Password? <a href="./forgot-password.html">Click Here</a>
diff --git a/review.html b/review.html
index d706c02..eaf1a7f 100644
--- a/review.html
+++ b/review.html
@@ -4,6 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="img/logo1.png" type="image/png">
     <title>Cabrental Reviews</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
@@ -28,6 +29,35 @@
             color: #6d28d9;
         }
 
+        .navbar ul li:hover a {
+    background-color: #555;
+    transform: scale(1.2); /* Popup effect */
+}
+
+.navbar ul li:hover::after {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 4px;
+    background-color: #00aced;
+    top: 100%;
+    left: 0;
+    transform: scaleX(1);
+    transition: all 0.3s ease;
+}
+
+.navbar ul li::after {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 4px;
+    background-color: transparent;
+    top: 100%;
+    left: 0;
+    transform: scaleX(0);
+    transition: all 0.3s ease;
+}
+
         .card {
             transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
@@ -62,10 +92,10 @@
     <nav class="bg-white shadow-md">
         <div class="container mx-auto px-4 nav-container">
             <div class="flex items-center">
-                <img src="img/logo.png" alt="Logo" class="logo">
-                <div class="text-lg font-bold text-purple-800">
+                <a href="index.html"><img src="img/logo.png" alt="Logo" class="logo"></a>
+                <a href="index.html"><div class="text-lg font-bold text-purple-800">
                     Cabrental
-                </div>
+                </div></a>
             </div>
             <div class="nav-items">
                 <a href="index.html" class="text-gray-800 hover:text-purple-800">Home</a>
diff --git a/ride.html b/ride.html
index d21b825..fcaf50e 100644
--- a/ride.html
+++ b/ride.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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" />
     
@@ -188,21 +189,108 @@
               font-size: 18px;
           }
 
-          header {
-              flex-direction: column;
-          }
-
-          .navbar {
-              flex-direction: column;
-              gap: 10px;
-          }
-
           .footer a {
               display: block;
               margin-bottom: 5px;
           }
         }
+        header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 10px 20px;
+            background-color: #eeeff1;
+            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        .logo img {
+            height: 40px;
+        }
+
+        .navbar {
+            display: flex;
+            gap: 20px;
+            padding-top: 20px;
+            list-style: none;
+        }
+
+        .navbar li a {
+            text-decoration: none;
+            color: #333;
+            padding: 10px 15px;
+            transition: 0.3s ease;
+        }
+
+        .navbar li a:hover {
+            color: #007bff;
+        }
+
+        .header-btn .sign-up {
+            padding: 10px 20px;
+            background-color: #007bff;
+            border-color: #007bff;
+            color: #fff;
+            text-decoration: none;
+            border-radius: 5px;
+        }
+        
+        .header-btn .sign-up:hover {
+            background-color: red;
+            border-color: red;
+        }
+
+        /* Hide menu icon initially */
+        #menu-icon {
+            display: none;
+        }
+
+        /* Responsive styles for mobile sidebar */
+        @media (max-width: 600px) {
+            .navbar {
+                position: fixed;
+                top: 0;
+                left: -250px;
+                width: 250px;
+                height: 100%;
+                flex-direction: column;
+                align-items: start;
+                justify-content: flex-start;
+                padding: 20px;
+                transition: 0.3s;
+                z-index: 1000;
+            }
+
+            .navbar.active {
+                left: 0;
+            }
+
+            .navbar li {
+                width: 100%;
+                margin: 20px 0;
+            }
+
+            .navbar li a {
+                display: block;
+                width: 100%;
+                text-align: left;
+                padding: 10px 15px;
+            }
 
+            #menu-icon {
+                display: block;
+                font-size: 28px;
+                cursor: pointer;
+                position: absolute;
+                right: 20px;
+            }
+
+            .close-btn {
+                font-size: 28px;
+                cursor: pointer;
+                margin-left: auto;
+                margin-bottom: 20px;
+            }
+        }
 
     </style>
 </head>
@@ -217,7 +305,8 @@
     <script src="main.js"></script>
     <!-- Header -->
     <header style="display: flex !important;">
-        <a href="#" class="logo"><img src="img/logo.png" alt=""></a>
+        <a href="index.html" class="logo"><img src="img/logo.png" alt=""></a>
+        <a href="index.html" class="CabRental_logo"><img src="img/cabz.png.png" alt=""></a>
         <div class="bx bx-menu" id="menu-icon"></div>
         <ul class="navbar">
             <li><a href="index.html">Home</a></li>
diff --git a/serv.css b/serv.css
index 77b5447..3a1a129 100644
--- a/serv.css
+++ b/serv.css
@@ -7,65 +7,131 @@ body {
     display: flex;
     flex-direction: column;
     overflow-x: hidden;
+    background-color: #eeeff1;
   }
   main{
     flex: 1;
   }
 
-header {
-  color: #000000;
-  text-align: left;
-
-  padding: 20px 0;
+  header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 20px;
+    background-color: #eeeff1;
+    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+    height: 70px;
 }
 
-header h1 {
-  margin: 0;
-  font-size: 2rem;
+.theme-switch {
+  display: inline-block;
+  width: 60px;
+  height: 30px;
+  border-radius: 30px;
+  background: linear-gradient(49deg, #ffffff, #0644ff);
   position: relative;
-  left: 34px;
+  cursor: pointer;
+  transition: background 0.3s ease-in-out;
+  vertical-align: middle;
 }
 
-nav {
-   padding:0px 0;
-    position: relative;
-    left: 55px;
-    top: -55px;
-   
-  
-  }
-
-  nav ul {
+.logo img {
+    height: 50px;
+    padding-left: 20px;
+    padding-top: 10px;
+}
+.CabRental_logo img{
+  padding-top: 20px;
+}
 
-    list-style: none;
-    margin:0;
-    padding: 0;
+.navbar {
     display: flex;
-    justify-content: center;
-   
-  }
-
-  nav ul li {
-    margin: 0 20px;
+    gap: 20px;
+    padding-top: 5px;
+    list-style: none;
+    font-size: 30;
+}
 
-  }
+.navbar li a {
+    
+    text-decoration: none;
+    font-weight: 500;
+    color: #333;
+    padding: 10px 15px;
+    transition: 0.3s ease;
+}
 
-  nav a:hover {
-    background: rgb(231, 223, 223);
-    padding-block:6px;
-    padding-inline: 9px;
-    border-radius: 2px;
-  }
+.navbar li a:hover {
+    color: #007bff;
+}
 
-  nav ul li a {
-    color: #000000;
+.header-btn .sign-up {
+  padding: 20px;
+    padding: 10px 20px;
+    background-color: #007bff;
+    border-color: #007bff;
+    color: #fff;
     text-decoration: none;
-    font-size: 1rem;
-    transition: color 0.3s;
-    padding-block:6px;
-    padding-inline: 9px;
-  }
+    border-radius: 5px;
+}
+
+.header-btn .sign-up:hover {
+    background-color: red;
+    border-color: red;
+}
 
+/* Hide menu icon initially */
+#menu-icon {
+    display: none;
+}
+
+/* Responsive styles for mobile sidebar */
+@media (max-width: 600px) {
+    .navbar {
+        position: fixed;
+        top: 0;
+        left: -250px;
+        width: 250px;
+        height: 100%;
+        flex-direction: column;
+        align-items: start;
+        justify-content: flex-start;
+        padding: 20px;
+        transition: 0.3s;
+        z-index: 1000;
+    }
+
+    .navbar.active {
+        left: 0;
+    }
+
+    .navbar li {
+        width: 100%;
+        margin: 20px 0;
+    }
+
+    .navbar li a {
+        display: block;
+        width: 100%;
+        text-align: left;
+        padding: 10px 15px;
+    }
+
+    #menu-icon {
+        display: block;
+        font-size: 28px;
+        cursor: pointer;
+        position: absolute;
+        right: 20px;
+    }
+
+    .close-btn {
+        font-size: 28px;
+        cursor: pointer;
+        margin-left: auto;
+        margin-bottom: 20px;
+    }
+}
   /* nav ul li a:hover {
     color: #ff0000;
   } */
diff --git a/serv.html b/serv.html
index 844758f..83e8c7a 100644
--- a/serv.html
+++ b/serv.html
@@ -15,17 +15,23 @@
   </head>
   <body>
     <header>
-      <h1>CabRental Services</h1>
-    </header>
-    <nav>
-      <ul>
-        <li><a href="index.html">Home</a></li>
-        <li><a href="#city-transfers">City Transfers</a></li>
-        <li><a href="#hourly-rentals">Hourly Rentals</a></li>
-        <li><a href="#special-occasions">Special Occasions</a></li>
-        <li><a href="contactus.html">Contact Us</a></li>
+      <a href="index.html" class="logo"><img src="img/logo.png" alt=""></a>
+      <a href="index.html" class="CabRental_logo"><img src="img/cabz.png.png" alt=""></a>
+      <div class="bx bx-menu" id="menu-icon"></div>
+      <ul class="navbar">
+          <li><a href="index.html">Home</a></li>
+          <li><a href="ride.html">Ride</a></li>
+          <li><a href="serv.html">Services</a></li>
+          <li><a href="about.html">About</a></li>
+          <li><a href="review.html">Reviews</a></li>
+          <li><a href="contactus.html">Contact</a></li>
       </ul>
-    </nav>
+      <div class="header-btn">
+          <a href="login.html" class="sign-up">Login</a>
+      </div>
+      <div class="theme-switch" id="theme-switch"></div>
+  </header>
+
     <main>
       <div id="city-transfers" class="citytransfer">
         <div class="head1">
@@ -116,6 +122,7 @@ <h2>Special Occasions</h2>
             padding-bottom: 80px;  /* Space for the footer */
         }
     </style>
+    <script src="script.js"></script>
       <script>
        let lastScrollTop = 0;
         const footer = document.querySelector("footer");
diff --git a/signup.html b/signup.html
index 432f5b4..0a2d75c 100644
--- a/signup.html
+++ b/signup.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="img/logo1.png" type="image/png">
     <title>Register</title>
     <link rel="stylesheet" href="login.css"/>
 </head>
