Merge pull request #1283 from ayushrskiaa/main

updated the navbar style now it's better

index.html

@@ -32,7 +32,6 @@
 	</div>
 	<!-- loader end -->
 
-
 	<!--Header start  -->
 	<header id="homeHeader">
 		<nav class="navbar homeHeader navbar-expand-lg navbar-light bg-light">
@@ -43,9 +42,9 @@
 			<div id="navbarNav_">
 				<ul class="navbar-nav">
 					<li class="nav-item navItem1">
-						<div id="searchbar" class="navtab" style="background-color: #F0F5FF;">
-							<span id="searchButton" style="display: flex;align-items: center;">
-								<svg width="24" height="24" class="" viewBox="0 0 24 24" fill="none"
+						<div id="searchbar" class="navtab" style="background-color: #F0F5FF; width:43vw; margin-left:-1vw">
+							<span id="searchButton" style="display: flex;align-items: center; justify-content:space-between;margin-left:15vw;">
+								<svg width="300" height="24" class="" viewBox="0 0 24 24" fill="none"
 									xmlns="http://www.w3.org/2000/svg">
 									<title>Search Icon</title>
 									<path
@@ -57,12 +56,13 @@
 								</svg>
 							</span>
 							<span class="flex-grow">
-								<input id="input_data" class="searchbar" type="text" placeholder="Search for Products, Brands and More" />
+								<input id="input_data" class="searchbar"   type="text" placeholder="Search for Products, Brands and More" />
 							</span>
 							<div id="autocompleteResults" class="autocom-box" style="display: none;
 							position: absolute;
 							top: 67px;
-							background: rgb(255, 255, 255);
+							
+							background:#f0f5ff;
 							padding: 10px;
 							border: rgba(255, 51, 255, 0.2);">
 							</div>
@@ -72,13 +72,13 @@
 				<ul  class="navbar-nav ml-auto"
 					style="flex-wrap: nowrap;flex-direction: row;width: 30vw; justify-content: space-between;margin-left: 20px;">
 					<li class="nav-item navItem2 dropdown" id="navbarDropdow">
-						<a class="nav-link nav-dd acnavdd" href="#" id="navbarDropdown" role="button"
+						<a class="nav-link nav-dd acnavdd" href="#" id="navbarDropdown" role="button" style="width: 10vw; margin-top:2vh;"
 							data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 							<img src="img/svg/profile-.svg" alt="Profile" />
-							<span class="navname navname_ac"> Login <i class="bi bi-chevron-down"></i><i
+							<span class="navname navname_ac" style="width:50vw;"> Login <i class="bi bi-chevron-down"></i><i
 									class="bi bi-chevron-up"></i></span>
 						</a>
-						<div class="dropdown-menu" aria-labelledby="navbarDropdown" style="left: 0;">
+						<div class="dropdown-menu" aria-labelledby="navbarDropdown" style="left: 0px;">
 							<a class="dropdown-item" href="account/home_account.html">
 								<img width="20" src="img/svg/profile-.svg" alt="flipKart">
 								My Profile </a>
@@ -114,20 +114,20 @@
 						</div>
 					</li>
 					<li class="nav-item navItem3">
-						<a class="nav-link cartLogoandname" href="viewcart/">
+						<a class="nav-link cartLogoandname" style="width: 10vw; margin-top:2vh;" href="viewcart/">
 							<img
 								src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/header_cart-eed150.svg" />
 							<span class="navname2">Cart</span><span id="cartItems"></span>
 						</a>
 					</li>
 					<li class="nav-item navItem4">
-						<a class="nav-link" href="sell-online/">
+						<a class="nav-link" href="sell-online/" style="width: 12vw;font-size:small; margin-top:2vh;">
 							<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/Store-9eeae2.svg"
 								alt="Become a Seller" />
 							<span class="navname3">Become a Seller</span>
 						</a>
 					</li>
-					<li class="nav-item navItem5 dropdown " id="moreLinksDropdow">
+					<li class="nav-item navItem5 dropdown " id="moreLinksDropdow" style="width: 10vw; margin-top:2vh;">
 						<a class="nav-link nav-dd" href="#" id="moreLinksDropdown" role="button" data-toggle="dropdown"
 							aria-haspopup="true" aria-expanded="false">
 							<img class="nav-dd"