From cd2cdd582a088ccafe48b9d26ca7e5e0cc4a6e52 Mon Sep 17 00:00:00 2001
From: KajalDeore04 <kajaldeore04@gmail.com>
Date: Wed, 2 Oct 2024 20:41:51 +0530
Subject: [PATCH 1/4] #91 navbar fixes

---
 index.html | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 9da0dd68..b3a0a386 100644
--- a/index.html
+++ b/index.html
@@ -278,14 +278,13 @@
         <div id="loader"></div>
     </div>
     <!--Navbar Start-->
-    <nav class="navbar navbar-expand-lg fixed-top" id="top">
+    <nav class="navbar navbar-expand-lg fixed-top" id="top" style="margin-top: 10px; background-color: #a65961; border:5px solid rgb(253, 175, 105); border-radius: 150px; ">    
+        
         <div class="container-fluid">
-            <a class="navbar-brand" href="#"  style="font-family: var(--ff-philosopher);color: black;"><b>Retro</b></a>
+            <a class="navbar-brand" href="#"  style="font-family: var(--ff-philosopher);color: black; font-size: 40px; padding-left: 100px;"><b>Retro</b></a>
             <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item">
-                        <a class="nav-link " aria-current="page" href="#" style="color: black;font-family: var(--ff-philosopher);">Home</a>
-                    </li>
+                <ul class="navbar-nav  mb-2 mb-lg-0" style="justify-content: center; margin: auto; gap: 30px;">
+                    
                     <li class="nav-item">
                         <a class="nav-link" href="Html-files/menu.html" style="font-family: var(--ff-philosopher);color: black;">About</a>
                     </li>
@@ -302,8 +301,8 @@
                 </ul>
 
             </div>
-            <div class="d-flex p-2">
-                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a></li>&nbsp;&nbsp;
+            <div class="d-flex " style="padding-right: 100px;">
+                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher); "><a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a></li>&nbsp;&nbsp;
                 <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a></li>&nbsp;&nbsp;
                 <li class="nav-item" style="list-style-type: none;">
                     <a class="nav-btn " href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>

From 56d5c3e04fdf0a43084a16100c2cd8d8337d17e2 Mon Sep 17 00:00:00 2001
From: KajalDeore04 <kajaldeore04@gmail.com>
Date: Wed, 2 Oct 2024 22:18:02 +0530
Subject: [PATCH 2/4] #91 navbar to all pages with distict difference between
 every page, all the pages linked

---
 Html-files/contact.html  | 36 ++++++++++++++++++++++++++++--------
 Html-files/menu.html     | 36 ++++++++++++++++++++++++++++--------
 Html-files/services.html | 36 ++++++++++++++++++++++++++++--------
 3 files changed, 84 insertions(+), 24 deletions(-)

diff --git a/Html-files/contact.html b/Html-files/contact.html
index 72da1241..104a5f54 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -211,15 +211,35 @@
     </div>
 
     <header style=" font-family: Tahoma, sans-serif;background-color: transparent;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;">
-        <nav class="navbarbg" style="background-color: transparent;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;">
-            <ul id="header-items">
-                <li><a href="../index.html" style="color: hsl(203, 30%, 26%);">Home</a></li>
-                <li><a href="menu.html" style="color: hsl(203, 30%, 26%);">About</a></li>
-                <li><a href="services.html" style="color: hsl(203, 30%, 26%);">Services</a></li>
-                <li><a href="contact.html" style="color: hsl(203, 30%, 26%);">Contact us</a></li>
-                <li><a href="cart.html" style="color: hsl(203, 30%, 26%);">Cart</a></li>
+        <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: #a65961; border: 5px solid rgb(253, 175, 105); border-radius: 150px; padding-left: 100px; margin-top: 20px;">
+            <a class="navbar-brand" href="#" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
+            <ul class="navbar-nav" style="display: flex;flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; margin-left: 20px;">
+              <li class="nav-item" style="display: inline-block;">
+                <a class="nav-link" href="menu.html" style="font-family: var(--ff-philosopher); color: black;">Collection</a>
+              </li>
+              <li class="nav-item" style="display: inline-block;">
+                <a class="nav-link" href="services.html" style="font-family: var(--ff-philosopher); color: black;">Services</a>
+              </li>
+              <li class="nav-item" style="display: inline-block;">
+                <a class="nav-link" href="contact.html" style="font-family: var(--ff-philosopher); color: black;">Contact Us</a>
+              </li>
+              <!-- Google Translate Element -->
+              <li class="nav-item" style="display: inline-block;">
+                <div id="google_element" style="font-family: var(--ff-philosopher); color: black;"></div>
+              </li>
             </ul>
-        </nav>
+            <div class="d-flex" style="justify-content: flex-end;flex-direction: row;  margin-left: auto; padding-right: 50px;">
+              <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                <a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a>
+              </li>
+              <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                <a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a>
+              </li>
+              <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                <a class="nav-btn" href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+              </li>
+            </div>
+          </nav>
 
     </header>
 
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 59189197..fc1aad2b 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -233,15 +233,35 @@
     </div>
     <div class="head_container" style="background-color: hsl(20, 43%, 93%);">
         <header>
-            <nav class="navbar">
-                <ul id="header-items">
-                    <li style="font-family: var(--ff-philosopher);"><a href="../index.html" style="color: black;">Home</a></li>
-                    <li style="font-family: var(--ff-philosopher);"><a href="menu.html" style="color: black;">About</a></li>
-                    <li style="font-family: var(--ff-philosopher);"><a href="services.html" style="color: black;">Services</a></li>
-                    <li style="font-family: var(--ff-philosopher);"><a href="contact.html" style="color: black;">Contact us</a></li>
-                    <li style="font-family: var(--ff-philosopher);"><a href="cart.html" style="color: black;">Cart</a></li>
+            <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: #a65961; border: 5px solid rgb(253, 175, 105); border-radius: 150px; padding-left: 100px; margin-top: 20px;">
+                <a class="navbar-brand" href="/index.html" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
+                <ul class="navbar-nav" style="display: flex; flex-wrap: nowrap; justify-content: space-between; margin-left: 20px;">
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="menu.html" style="font-family: var(--ff-philosopher); color: black;">Collection</a>
+                  </li>
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="services.html" style="font-family: var(--ff-philosopher); color: black;">Services</a>
+                  </li>
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="contact.html" style="font-family: var(--ff-philosopher); color: black;">Contact Us</a>
+                  </li>
+                  <!-- Google Translate Element -->
+                  <li class="nav-item" style="display: inline-block;">
+                    <div id="google_element" style="font-family: var(--ff-philosopher); color: black;"></div>
+                  </li>
                 </ul>
-            </nav>
+                <div class="d-flex" style="justify-content: flex-end; margin-left: auto; padding-right: 50px;">
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a>
+                  </li>
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a>
+                  </li>
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+                  </li>
+                </div>
+              </nav>
         </header>
 
         <div class="mainhead">
diff --git a/Html-files/services.html b/Html-files/services.html
index 5039f699..740fa324 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -204,15 +204,35 @@
 
     <div class="head_container_service" style="color: black;font-family: var(--ff-philosopher);">
         <header style="font-family: var(--ff-philosopher);">
-            <nav class="navbar">
-                <ul id="header-items" style="color: black;font-family: var(--ff-philosopher);">
-                    <li><a href="../index.html" style="color: black;">Home</a></li>
-                    <li><a href="menu.html" style="color: black;">About</a></li>
-                    <li><a href="services.html" style="color: black;">Services</a></li>
-                    <li><a href="contact.html" style="color: black;">Contact us</a></li>
-                    <li><a href="cart.html" style="color: black;">Cart</a></li>
+            <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: #a65961; border: 5px solid rgb(253, 175, 105); border-radius: 150px; padding-left: 100px; margin-top: 20px;">
+                <a class="navbar-brand" href="#" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
+                <ul class="navbar-nav" style="display: flex; flex-wrap: nowrap; justify-content: space-between; margin-left: 20px;">
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="menu.html" style="font-family: var(--ff-philosopher); color: black;">Collection</a>
+                  </li>
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="services.html" style="font-family: var(--ff-philosopher); color: black;">Services</a>
+                  </li>
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="contact.html" style="font-family: var(--ff-philosopher); color: black;">Contact Us</a>
+                  </li>
+                  <!-- Google Translate Element -->
+                  <li class="nav-item" style="display: inline-block;">
+                    <div id="google_element" style="font-family: var(--ff-philosopher); color: black;"></div>
+                  </li>
                 </ul>
-            </nav>
+                <div class="d-flex" style="justify-content: flex-end; margin-left: auto; padding-right: 50px;">
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a>
+                  </li>
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a>
+                  </li>
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+                  </li>
+                </div>
+              </nav>
         </header>
 
         <div class="mainhead">

From 141af3591e74690dfca2466e2412464d4b480b03 Mon Sep 17 00:00:00 2001
From: KajalDeore04 <kajaldeore04@gmail.com>
Date: Wed, 2 Oct 2024 22:43:51 +0530
Subject: [PATCH 3/4] navbar to all pages, fixed the ui

---
 Html-files/contact.html  | 6 +++---
 Html-files/menu.html     | 2 +-
 Html-files/services.html | 2 +-
 index.html               | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/Html-files/contact.html b/Html-files/contact.html
index 104a5f54..4c743004 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -210,9 +210,9 @@
       <div id="loader"></div>
     </div>
 
-    <header style=" font-family: Tahoma, sans-serif;background-color: transparent;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;">
-        <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: #a65961; border: 5px solid rgb(253, 175, 105); border-radius: 150px; padding-left: 100px; margin-top: 20px;">
-            <a class="navbar-brand" href="#" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
+    <header style="font-family: Tahoma, sans-serif;background-color: transparent;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;">
+        <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: rgb(223, 151, 151); border:0.5rem outset pink; border-radius: 150px; padding-left: 100px; margin-top: 20px;">
+            <a class="navbar-brand" href="/index.html" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
             <ul class="navbar-nav" style="display: flex;flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; margin-left: 20px;">
               <li class="nav-item" style="display: inline-block;">
                 <a class="nav-link" href="menu.html" style="font-family: var(--ff-philosopher); color: black;">Collection</a>
diff --git a/Html-files/menu.html b/Html-files/menu.html
index fc1aad2b..94919d5d 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -233,7 +233,7 @@
     </div>
     <div class="head_container" style="background-color: hsl(20, 43%, 93%);">
         <header>
-            <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: #a65961; border: 5px solid rgb(253, 175, 105); border-radius: 150px; padding-left: 100px; margin-top: 20px;">
+            <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: rgb(223, 151, 151); border:0.5rem outset pink; border-radius: 150px; padding-left: 100px; margin-top: 20px;">
                 <a class="navbar-brand" href="/index.html" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
                 <ul class="navbar-nav" style="display: flex; flex-wrap: nowrap; justify-content: space-between; margin-left: 20px;">
                   <li class="nav-item" style="display: inline-block;">
diff --git a/Html-files/services.html b/Html-files/services.html
index 740fa324..77d9c0f7 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -204,7 +204,7 @@
 
     <div class="head_container_service" style="color: black;font-family: var(--ff-philosopher);">
         <header style="font-family: var(--ff-philosopher);">
-            <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: #a65961; border: 5px solid rgb(253, 175, 105); border-radius: 150px; padding-left: 100px; margin-top: 20px;">
+            <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: rgb(223, 151, 151); border:0.5rem outset pink; border-radius: 150px; padding-left: 100px; margin-top: 20px;">
                 <a class="navbar-brand" href="#" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
                 <ul class="navbar-nav" style="display: flex; flex-wrap: nowrap; justify-content: space-between; margin-left: 20px;">
                   <li class="nav-item" style="display: inline-block;">
diff --git a/index.html b/index.html
index b3a0a386..d7cfb067 100644
--- a/index.html
+++ b/index.html
@@ -278,7 +278,7 @@
         <div id="loader"></div>
     </div>
     <!--Navbar Start-->
-    <nav class="navbar navbar-expand-lg fixed-top" id="top" style="margin-top: 10px; background-color: #a65961; border:5px solid rgb(253, 175, 105); border-radius: 150px; ">    
+    <nav class="navbar navbar-expand-lg fixed-top" id="top" style="margin-top: 10px; background-color: rgb(223, 151, 151); border:0.5rem outset pink; border-radius: 150px; ">    
         
         <div class="container-fluid">
             <a class="navbar-brand" href="#"  style="font-family: var(--ff-philosopher);color: black; font-size: 40px; padding-left: 100px;"><b>Retro</b></a>
@@ -286,7 +286,7 @@
                 <ul class="navbar-nav  mb-2 mb-lg-0" style="justify-content: center; margin: auto; gap: 30px;">
                     
                     <li class="nav-item">
-                        <a class="nav-link" href="Html-files/menu.html" style="font-family: var(--ff-philosopher);color: black;">About</a>
+                        <a class="nav-link" href="Html-files/menu.html" style="font-family: var(--ff-philosopher);color: black;">Collection</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="Html-files/services.html" style="font-family: var(--ff-philosopher);color: black;">Services</a>
@@ -301,7 +301,7 @@
                 </ul>
 
             </div>
-            <div class="d-flex " style="padding-right: 100px;">
+            <div class="d-flex " style="padding-right: 100px; gap: 12px;">
                 <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher); "><a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a></li>&nbsp;&nbsp;
                 <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a></li>&nbsp;&nbsp;
                 <li class="nav-item" style="list-style-type: none;">

From fb733aeee645befd705b8230f5bdeb0edcefe3fe Mon Sep 17 00:00:00 2001
From: KajalDeore04 <kajaldeore04@gmail.com>
Date: Wed, 2 Oct 2024 23:14:36 +0530
Subject: [PATCH 4/4] cart redirectiion issue solved

---
 Html-files/Electronic.html | 40 +++++++++++++++++++++++++++++---------
 Html-files/cart.html       | 40 +++++++++++++++++++++++++++++---------
 Html-files/contact.html    |  8 +++++---
 Html-files/menu.html       | 18 ++++++++---------
 Html-files/services.html   |  8 +++++---
 index.html                 | 13 ++++---------
 6 files changed, 85 insertions(+), 42 deletions(-)

diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index e6ea624f..ed46311b 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -464,17 +464,39 @@
 
     <div class="head_container_service" style="color: black;font-family: var(--ff-philosopher);">
         <header style="font-family: var(--ff-philosopher);">
-            <nav class="navbar">
-                <ul id="header-items" style="color: black;font-family: var(--ff-philosopher);justify-content: center;">
-                    <li><a href="../index.html" style="color: black;">&nbsp;&nbsp;&nbsp;&nbsp;
-                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Home</a></li>
-                    <li><a href="menu.html" style="color: black;">About</a></li>
-                    <li><a href="services.html" style="color: black;">Services</a></li>
-                    <li><a href="contact.html" style="color: black;">Contact us</a></li>
-                    <li><a href="cart.html" style="color: black;">Cart</a></li>
+            <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: rgb(223, 151, 151); border:0.5rem outset pink; border-radius: 150px; padding-left: 100px; margin-top: 20px;">
+                <a class="navbar-brand" href="/index.html" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
+                <ul class="navbar-nav" style="display: flex;flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; margin-left: 20px;">
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="/Html-files/menu.html" style="font-family: var(--ff-philosopher); color: black;">Collection</a>
+                  </li>
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="/Html-files/services.html" style="font-family: var(--ff-philosopher); color: black;">Services</a>
+                  </li>
+                  <li class="nav-item" style="display: inline-block;">
+                    <a class="nav-link" href="/Html-files/contact.html" style="font-family: var(--ff-philosopher); color: black;">Contact Us</a>
+                  </li>
+                  <!-- Google Translate Element -->
+                  <li class="nav-item" style="display: inline-block;">
+                    <div id="google_element" style="font-family: var(--ff-philosopher); color: black;"></div>
+                  </li>
                 </ul>
-            </nav>
+                <div class="d-flex" style="justify-content: flex-end;flex-direction: row;  margin-left: auto; padding-right: 50px;">
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" href="login.html" style="color: black;">Login</a>
+                  </li>
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" href="signup.html" style="color: black;">Sign Up</a>
+                  </li>
+                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                    <a class="nav-btn" href="cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+                  </li>
+                </div>
+              </nav>
         </header>
+
+
+        
     </div>
     <div class="wrapper">
         <div class="container">
diff --git a/Html-files/cart.html b/Html-files/cart.html
index 4dacaffb..ed3c2aed 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -193,17 +193,39 @@
     </div>
     <div class="head_container" style="background-color: transparent;font-family: Georgia;">
         <header>
-            <nav class="navbar">
-                <ul id="header-items">
-                    <li><a href="../index.html" style="color: black;font-family: var(--ff-philosopher);">Home</a></li>
-                    <li><a href="menu.html" style="color: black;font-family: var(--ff-philosopher);">About</a></li>
-                    <li><a href="services.html" style="color: black;font-family: var(--ff-philosopher);">Services</a></li>
-                    <li><a href="contact.html" style="color: black;font-family: var(--ff-philosopher);">Contact us</a></li>
-                    <li><a href="cart.html" style="color: black;font-family: var(--ff-philosopher);">Cart</a></li>
-                </ul>
-            </nav>
+          <nav class="navbar fixed-top" id="top" style="display: flex; flex-direction: row; background-color: rgb(223, 151, 151); border:0.5rem outset pink; border-radius: 150px; padding-left: 100px; margin-top: 20px;">
+            <a class="navbar-brand" href="/index.html" style="font-family: var(--ff-philosopher); color: black; font-size: 40px;">Retro</a>
+            <ul class="navbar-nav" style="display: flex;flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; margin-left: 20px;">
+              <li class="nav-item" style="display: inline-block;">
+                <a class="nav-link" href="/Html-files/menu.html" style="font-family: var(--ff-philosopher); color: black;">Collection</a>
+              </li>
+              <li class="nav-item" style="display: inline-block;">
+                <a class="nav-link" href="/Html-files/services.html" style="font-family: var(--ff-philosopher); color: black;">Services</a>
+              </li>
+              <li class="nav-item" style="display: inline-block;">
+                <a class="nav-link" href="/Html-files/contact.html" style="font-family: var(--ff-philosopher); color: black;">Contact Us</a>
+              </li>
+              <!-- Google Translate Element -->
+              <li class="nav-item" style="display: inline-block;">
+                <div id="google_element" style="font-family: var(--ff-philosopher); color: black;"></div>
+              </li>
+            </ul>
+            <div class="d-flex" style="justify-content: flex-end;flex-direction: row;  margin-left: auto; padding-right: 50px;">
+              <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                <a class="nav-btn" href="login.html" style="color: black;">Login</a>
+              </li>
+              <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                <a class="nav-btn" href="signup.html" style="color: black;">Sign Up</a>
+              </li>
+              <li class="nav-item" style="list-style-type: none; display: inline-block;">
+                <a class="nav-btn" href="cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+              </li>
+            </div>
+          </nav>
         </header>
 
+        
+
         <div class="mainhead">
             <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
         </div>
diff --git a/Html-files/contact.html b/Html-files/contact.html
index 4c743004..f7815c23 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -230,19 +230,21 @@
             </ul>
             <div class="d-flex" style="justify-content: flex-end;flex-direction: row;  margin-left: auto; padding-right: 50px;">
               <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                <a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a>
+                <a class="nav-btn" href="login.html" style="color: black;">Login</a>
               </li>
               <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                <a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a>
+                <a class="nav-btn" href="signup.html" style="color: black;">Sign Up</a>
               </li>
               <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                <a class="nav-btn" href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+                <a class="nav-btn" href="cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
               </li>
             </div>
           </nav>
 
     </header>
 
+    
+
     <!--
     <section>
         <div class="position-relative overflow-hidden p-0 m-0" style="background-color: transparent;">
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 94919d5d..12205a2d 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -251,19 +251,19 @@
                   </li>
                 </ul>
                 <div class="d-flex" style="justify-content: flex-end; margin-left: auto; padding-right: 50px;">
-                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                    <a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a>
-                  </li>
-                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                    <a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a>
-                  </li>
-                  <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                    <a class="nav-btn" href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
-                  </li>
+                    <div class="d-flex " style="padding-right: 100px; gap: 12px;">
+                        <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher); "><a class="nav-btn" href="login.html" style="color: black;">Login</a></li>&nbsp;&nbsp;
+                        <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" href="signup.html" style="color: black;">Sign Up</a></li>&nbsp;&nbsp;
+                        <li class="nav-item" style="list-style-type: none;">
+                            <a class="nav-btn " href="cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+                        </li>
+                    </div>
                 </div>
               </nav>
         </header>
 
+        
+
         <div class="mainhead">
             <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">O U R &nbsp; C O L L E C T I O N</h1>
             <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">
diff --git a/Html-files/services.html b/Html-files/services.html
index 77d9c0f7..4c56d7cd 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -223,18 +223,20 @@
                 </ul>
                 <div class="d-flex" style="justify-content: flex-end; margin-left: auto; padding-right: 50px;">
                   <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                    <a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a>
+                    <a class="nav-btn" href="login.html" style="color: black;">Login</a>
                   </li>
                   <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                    <a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a>
+                    <a class="nav-btn" href="signup.html" style="color: black;">Sign Up</a>
                   </li>
                   <li class="nav-item" style="list-style-type: none; display: inline-block;">
-                    <a class="nav-btn" href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+                    <a class="nav-btn" href="cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
                   </li>
                 </div>
               </nav>
         </header>
 
+        
+
         <div class="mainhead">
             <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">S E R V I C E S</h1>
         </div>
diff --git a/index.html b/index.html
index d7cfb067..d7989159 100644
--- a/index.html
+++ b/index.html
@@ -302,10 +302,10 @@
 
             </div>
             <div class="d-flex " style="padding-right: 100px; gap: 12px;">
-                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher); "><a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a></li>&nbsp;&nbsp;
-                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a></li>&nbsp;&nbsp;
+                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher); "><a class="nav-btn" href="Html-files/login.html" style="color: black;">Login</a></li>&nbsp;&nbsp;
+                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" href="Html-files/signup.html" style="color: black;">Sign Up</a></li>&nbsp;&nbsp;
                 <li class="nav-item" style="list-style-type: none;">
-                    <a class="nav-btn " href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
+                    <a class="nav-btn " href="/Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>
                 </li>
             </div>
 
@@ -667,12 +667,7 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
     </div>
 </body>
 <script>
-    function redirectLogin() {
-        window.location.href = "Html-files/login.html";
-    }
-    function redirectSignup() {
-        window.location.href = "Html-files/signup.html";
-    }
+    
 
      // Get the button element
 const scrollToTopBtn = document.getElementById("sr");