Revert "Revert "Changed and Update Navbar and Login in the header section.""

Author: jadhavsunny23

index.html

@@ -58,6 +58,7 @@
 
         .header-btn .sign-up {
             padding: 10px 20px;
+            background-color: #474fa1;
             background-color: #007bff;
             border-color: #007bff;
             color: #fff;
@@ -66,6 +67,7 @@
         }
 
         .header-btn .sign-up:hover {
+            background-color: rgb(211, 10, 10);
             background-color: red;
             border-color: red;
         }

serv.css

@@ -13,6 +13,11 @@ body {
     flex: 1;
   }
 
+header {
+  color: #000000;
+  text-align: left;
+  background-color: #ffffff;
+  padding: 20px 0;
   header {
     display: flex;
     justify-content: space-between;

style.css

@@ -47,16 +47,16 @@ header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background: #eeeff1;
-  padding: 15px 100px;
+  background: #ffffff;
+  padding: 10px 10px;
 }
 
 .logo img {
     width: 60px;
     border-radius: 10px; /* This creates 10px rounded corners */
   }
   .CabRental_logo img {
-       margin: 9px 30px 0px 0px;
+       margin: 9px 5px 0px 0px;
   }
 
 
@@ -211,7 +211,7 @@ header nav .nav-right .header-btn > div input {
 .navbar a {
   font-size: 1rem;
   padding: 10px 20px;
-  color: #444;
+
   font-weight: 500;
 }
 
@@ -240,7 +240,7 @@ li a {
 }
 
 li a:hover {
-  color: rgb(182, 170, 170);  /* Changes the text color to black on hover */
+  color: rgb(216, 62, 62);  /* Changes the text color to black on hover */
 }
 
 
@@ -251,9 +251,9 @@ li a:hover {
   justify-content: space-between;
   /* Adjust alignment as needed */
   align-items: center;
-  background: #eeeff1;
+  background: #ffffff;
   /* Example background color */
-  padding: 15px 100px;
+  padding: 10px 10px;
   /* Example padding */
 }
 
@@ -270,14 +270,17 @@ li a:hover {
 .navbar a {
   text-decoration: none;
   color: #1e1e1e;
+  background-color: rgba(255, 101, 36, 0.833);
+  border: 0px transparent black;
+  border-radius: 8px;
   /* Example text color */
-  font-weight: 500;
+  font-weight: 600;
   padding: 10px 20px;
   /* Adjust padding as needed */
   position: relative;
 }
 
-.navbar a::after {
+/* .navbar a::after {
   content: '';
   position: absolute;
   left: 0;
@@ -286,8 +289,8 @@ li a:hover {
   height: 2px;
   background: #1e1e1e;
   /* Example underline color */
-  transition: width .3s ease-in-out;
-}
+  /* transition: width .3s ease-in-out; */
+
 
 .navbar a:hover::after {
   width: 100%;
@@ -313,13 +316,13 @@ li a:hover {
 }
 
 .header-btn .sign-in {
-  background: #475fa0;
+  background: #474fa1;
   color: #fff;
   border-radius: 0.5rem;
 }
 
 .header-btn .sign-in:hover {
-  background: red;
+  background: rgb(211, 10, 10);
 }
 
 .header-btn .sign-up {