diff --git a/Navabar.html b/Navabar.html
index 515f2e92..b9361351 100644
--- a/Navabar.html
+++ b/Navabar.html
@@ -8,231 +8,219 @@
   <!-- <link rel="stylesheet" href="Navbar.css"> -->
   <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
   <style>
-    body {
-      font-family: Arial, sans-serif;
-    }
-
-    .navbar {
-      background-color: #333;
-      height: 60px;
-    }
-
-    .navbar-nav{
-      padding-right: 100px;
-
-    }
-
-    .navbar-brand img {
-      height: 40px;
-    }
-
-    .navbar-toggler {
-      border: none;
-      position: absolute;
-    }
-
-    .navbar-nav .nav-link {
-      color: black;
-      /* padding: 10px 15px; */
-      font-size: 16px;
-      text-transform: uppercase;
-      position: relative;
-      transition: background-color 0.5s;
-    }
-    .navbar-nav .nav-link:hover {
-      display: block;
-      background-color: white;
-      width:7.47rem;
-      height: 4.8rem;
-      align-content: center;
-      text-align: center;
-      border-radius: 10px;
-    }
-
-    .navbar-nav .nav-link img {
-      height: 20px;
-      padding-right: 20px;
-    }
-
-    .navbar-nav .dropdown-menu {
-      background-color: #333;
-      border: none;
-    }
-
-    .navbar-nav .dropdown-menu .dropdown-item {
-      color: white;
-    }
-
-    .navbar-nav .dropdown-menu .dropdown-item:hover {
-      background-color: #007bff;
-      color: white;
-    }
-
-    #searchbar {
-      display: flex;
-      align-items: center;
-    }
-
-    #input_data {
-      width: 300px;
-      padding: 6px 12px;
-      border: 1px solid #ccc;
-      border-radius: 4px;
-    }
-
-    .categories-bar {
-      background-color: #f8f9fa;
-      display: flex;
-      justify-content: center;
-      padding: 10px 0;
-    }
-
-    .categories-bar ul {
-      display: flex;
-      list-style: none;
-      padding: 0;
-      margin: 0;
-    }
-
-    .categories-bar li {
-      margin: 0 15px;
-    }
-
-    .categories-bar a {
-      color: #333;
-      text-decoration: none;
-      font-size: 16px;
-      text-transform: uppercase;
-    }
-
-    .categories-bar a:hover {
-      color: #007bff;
-      text-decoration: none;
-    }
-
-    .navbar-nav .nav-item:hover .nav-link {
-      color: black;
-    }
-    
-    /* Adjustments */
-    .navbar-nav .nav-link {
-      margin-left: 10px; /* Adjust the margin as needed */
-    }
-    /* .navbar-nav{
-      background-color: #333;
-      position: relative;
-      bottom: 2px;
-      right:14px;
-    } */
-    .navbar-collapse{
-      background-color: #333;
-      position: relative;
-      bottom: 2px;
-      right: 14px;
-    }
-    /* @media screen and (max-width:1000px){
-
-    } */
+   #para1{
+    border: 4px solid orange;
+}
+
+nav{
+    background-color: white;
+}
+
+#nav{
+    display: flex;
+ justify-content: space-around;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ background-color: white;
+ width: 90%;
+ margin: auto;
+}
+
+#nav1{
+    display: flex;
+    flex-direction: column;
+}
+
+body{
+    background-color: #F1F2F4;
+}
+
+#logo_name{
+    font-size: 20px;
+    font-family: sans-serif;
+    font-style: italic;
+    color: #2A55E5;
+    font-weight: bold;
+}
+
+#input_data{
+    border: none;
+    width: 500px;
+    height: 20px;
+   padding-left: 12px;
+   background-color: #F0F5FF;
+}
+
+.navtab{
+    display: flex;
+    align-items: center;
+}
+
+#searchbar{
+    background-color: #F0F5FF;
+    padding: 4px;
+    border-radius: 10px;
+}
+
+option{
+    font-size: 15px; 
+    font-family: sans-serif;
+}
+
+select{
+    border: none;
+    font-size: 15px; 
+    font-family: sans-serif;
+}
+
+
+#categories{
+    display: flex;
+    justify-content: space-around;
+    margin-top: 6px;
+    margin: 12px;
+    margin: auto;
+    width: 95%;
+    margin: auto;
+    background-color: white;
+    margin-top: 10px;
+    font-family: sans-serif;
+}
+
+
+
+
+
+#categories > div > img{
+   height: 70px;
+   width: 60px;
+   background-color: white;
+}
+
+#categories > div{
+display: flex;
+flex-direction: column;
+align-items: center;
+font-weight: bold;
+font-size: 14px;
+padding: 10px;
+}
+
+#categories > div > p{
+    padding-top: 10px;
+}
+
+
+li{
+    list-style: none;
+}
+
+#footer{
+    background-color: black;
+    color: white;
+    display: flex;
+    justify-content: space-around;
+    padding-bottom: 18px;
+    padding-top: 18px;
+}
+
+.heading{
+    color: gray;
+}
   </style>
 </head>
 
 <body>
-  <nav class="navbar navbar-expand-lg navbar-dark">
-    <a class="navbar-brand" href="https://flipkart-clone-seven-azure.vercel.app/">
-      <img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/fkheaderlogo_exploreplus-44005d.svg"
-        alt="Flipkart" />
-    </a>
-    <img src="C:\Users\user\Desktop\logoflip\Flipkart_Clone\assets\images\flipkart_lite.png" width="30">
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
-      aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="collapse navbar-collapse" id="navbarNav"  style="margin-left: 34px;">
-      <ul class="navbar-nav mr-auto">
-        <li class="nav-item">
+    <nav>
+        <div id="nav">
+          <div id="nav1">
+            <span id="logo_name"> Flipkart </span>
+            <span
+              style="
+                color: #9e9e9e;
+                font-size: 12px;
+                font-style: italic;
+                font-family: sans-serif;
+              ">
+              Explore
+              <span style="color: #ffc200"> Plus </span>
+              <img
+                src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/plus-brand-bc165b.svg"
+                alt="explore_button" />
+            </span>
+          </div>
           <div class="navtab" id="searchbar">
-            <input id="input_data" type="text" placeholder="Search for Products, Brands and More" />
-            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <title>Search Icon</title>
-              <path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z"
-                stroke="#717478" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path>
-              <path d="M16 16L21 21" stroke="#717478" stroke-width="1.4" stroke-linecap="round"
-                stroke-linejoin="round"></path>
-            </svg>
+            <span>
+              <svg
+                width="24"
+                height="24"
+                class=""
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <title>Search Icon</title>
+                <path
+                  d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z"
+                  stroke="#717478"
+                  stroke-width="1.4"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"></path>
+                <path
+                  d="M16 16L21 21"
+                  stroke="#717478"
+                  stroke-width="1.4"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"></path>
+              </svg>
+            </span>
+            <span>
+              <input
+                id="input_data"
+                type="text"
+                placeholder="Search for Products, Brands and More" />
+            </span>
+          </div>
+          <div class="navtab">
+            <span>
+              <img
+                src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/Store-9eeae2.svg"
+                alt="become a seller" />
+            </span>
+            <span
+              style="font-size: 15px; font-family: sans-serif; padding-left: 12px"
+              >Become a Seller</span
+            >
           </div>
-        </li>
-      </ul>
-      <ul class="navbar-nav">
-        <li class="nav-item dropdown">
-          <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
-            aria-expanded="false">
-            <i class="fa-regular fa-user"></i>   Profile
-          </a>
-          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-            <a class="dropdown-item" href="profile.html">
-              <i class="fa-solid fa-user"></i>
-               My Profile</a>
-            <a class="dropdown-item" href="signup.html">
-              <i class="fa-solid fa-user-plus"></i>
-              SignUp</a>
-            <a class="dropdown-item" href="signin.html">
-              <i class="fa-solid fa-right-to-bracket"></i>
-              SignIn</a>
-            <a class="dropdown-item" href="FPZ.html">
-              <img id="flipkartPlusImage" width="16" height="17" src="images/plus.png" alt="imgplus"> Flipkart Plus Zone</a>
-
-            <a class="dropdown-item" href="order.html">
-              <i class="fa-solid fa-box"></i>
-              Orders</a>
-            <a class="dropdown-item" href="notifications.html">
-              <i class="fa-regular fa-bell"></i>
-              Notifications</a>
-            <a class="dropdown-item" href="wishlist.html">
-              <i class="fa-regular fa-heart"></i>
-              Wishlist</a>
-            <a class="dropdown-item" href="#">
-              <i class="fas fa-gift"></i>
-              Rewards</a>
-            <a class="dropdown-item" href="giftcard.html">
-              <img width="22" height="18" src="images/gift-card.png" alt="imgplus"> 
-              Gift Cards</a>
+          <div class="navtab">
+            <span>
+              <img
+                src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/profile-815786.svg"
+                alt="Sign in" />
+            </span>
+            <span
+              style="font-size: 15px; font-family: sans-serif; padding-left: 12px"
+              >
+              <select name="forma" onchange="location = this.value;">
+                <option value="">Profile</option>
+                <option value="signup.html">Signup</option>
+                <option value="signin.html">Signin</option>
+               </select>
+              
+              </span
+            >
           </div>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="pages/Sell_Online/sell_online.html">
-            <i class="fa-solid fa-store"></i>
-            Become a Seller
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" href="./cart/cart.html">
-            <i class="fa-solid fa-cart-shopping"></i>
-            Cart
-          </a>
-        </li>
-        <li class="nav-item dropdown">
-          <a class="nav-link" href="#" id="moreLinksDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
-            aria-expanded="false">
-            <i class="fa-solid fa-ellipsis-vertical"></i>
-          </a>
-          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="moreLinksDropdown">
-            <a class="dropdown-item" href="notification.html">Notification Preferences</a>
-            <a class="dropdown-item" href="/helpcentre">24x7 Customer Care</a>
-            <a class="dropdown-item" href="https://advertising.flipkart.com/?otracker=ch_vn_advertise_header">Advertise</a>
-            <a class="dropdown-item" href="/mobile-apps?otracker=ch_vn_mobile_apps">Download App</a>
+          <div class="navtab">
+            <span>
+              <img
+                src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/header_cart-eed150.svg"
+                alt="become a seller" />
+            </span>
+            <span
+              style="font-size: 15px; font-family: sans-serif; padding-left: 12px"
+              >Cart</span
+            >
           </div>
-        </li>
-      </ul>
-    </div>
-  </nav>
-
-  <!-- Bootstrap JS -->
-  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
-  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
-  <!-- <script>
-    const bg=document.querySelector('.show');
-    
-  </script> -->
+        </div>
+      </nav>
 </body>
-</html>
+</html>
\ No newline at end of file