From 219cea9e15b4e42ab8ee0b3f09fdca4968e1ab72 Mon Sep 17 00:00:00 2001 From: Sumit Kumar <98510898+07sumit1002@users.noreply.github.com> Date: Sun, 27 Oct 2024 12:15:18 +0530 Subject: [PATCH] Revert "Changed and Update Navbar and Login in the header section." --- index.html | 2 -- serv.css | 5 ----- style.css | 29 +++++++++++++---------------- 3 files changed, 13 insertions(+), 23 deletions(-) diff --git a/index.html b/index.html index e51f270..a2bf05a 100644 --- a/index.html +++ b/index.html @@ -58,7 +58,6 @@ .header-btn .sign-up { padding: 10px 20px; - background-color: #474fa1; background-color: #007bff; border-color: #007bff; color: #fff; @@ -67,7 +66,6 @@ } .header-btn .sign-up:hover { - background-color: rgb(211, 10, 10); background-color: red; border-color: red; } diff --git a/serv.css b/serv.css index f0fc57c..3a1a129 100644 --- a/serv.css +++ b/serv.css @@ -13,11 +13,6 @@ body { flex: 1; } -header { - color: #000000; - text-align: left; - background-color: #ffffff; - padding: 20px 0; header { display: flex; justify-content: space-between; diff --git a/style.css b/style.css index 6265acb..15ecffb 100644 --- a/style.css +++ b/style.css @@ -47,8 +47,8 @@ header { display: flex; align-items: center; justify-content: space-between; - background: #ffffff; - padding: 10px 10px; + background: #eeeff1; + padding: 15px 100px; } .logo img { @@ -56,7 +56,7 @@ header { border-radius: 10px; /* This creates 10px rounded corners */ } .CabRental_logo img { - margin: 9px 5px 0px 0px; + margin: 9px 30px 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(216, 62, 62); /* Changes the text color to black on hover */ + color: rgb(182, 170, 170); /* 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: #ffffff; + background: #eeeff1; /* Example background color */ - padding: 10px 10px; + padding: 15px 100px; /* Example padding */ } @@ -270,17 +270,14 @@ 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: 600; + font-weight: 500; padding: 10px 20px; /* Adjust padding as needed */ position: relative; } -/* .navbar a::after { +.navbar a::after { content: ''; position: absolute; left: 0; @@ -289,8 +286,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%; @@ -316,13 +313,13 @@ li a:hover { } .header-btn .sign-in { - background: #474fa1; + background: #475fa0; color: #fff; border-radius: 0.5rem; } .header-btn .sign-in:hover { - background: rgb(211, 10, 10); + background: red; } .header-btn .sign-up {