diff --git a/public/styles/Home.css b/public/styles/Home.css
index 0504135..ef303ed 100644
--- a/public/styles/Home.css
+++ b/public/styles/Home.css
@@ -52,7 +52,7 @@ section nav .logo img{
 section nav ul{
     list-style: none;
     
-    margin-left: 60%;
+    margin-left: 50%;
 }
 
 section nav ul li{
diff --git a/public/templates/Home.html b/public/templates/Home.html
index 3fd93b3..3f465d8 100644
--- a/public/templates/Home.html
+++ b/public/templates/Home.html
@@ -12,9 +12,9 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Philosopher:wght@700&display=swap" rel="stylesheet">
     
-    <link rel="stylesheet" href="styles/Home.css">
+    <link rel="stylesheet" href="../styles/Home.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <link rel="icon" href="/FlavorFleet/public/image/logo4.png">
+    <link rel="icon" href="../image/logo4.png">
 
     <!-- Adding Top-Up Scroll button -->
 
@@ -76,25 +76,25 @@
 
         <nav>
             <div class="logo">
-                <a href="/Home"><img src="image/logo4.png"></a>
+                <a href="./Home.html"><img src="../image/logo4.png"></a>
             </div>
 
             <ul>
                 <!-- <li><a href="index.html" class="action"></a>Home</a></li> -->
-                <li id="Effect"><a href="/search">
+                <li id="Effect"><a href="./search.html">
                         <h3><i class="fa-solid fa-magnifying-glass"></i>Search</h3>
                     </a></li>
                 <li id="Effect"><a href="https://www.themealdb.com/browse.php?b=m">
                         <h3><i class="fas fa-tasks"></i>Items
                     </a></h3>
                 </li>
-                <li id="Effect"><a href="/help">
+                <li id="Effect"><a href="./help.html">
                         <h3><i class="fas fa-user-tie"></i></i>Help
                     </a>
                     <h3>
                 </li>
                 <li id="Effect">
-                    <h3><a href="/cart"><i class="fas fa-shopping-basket"></i>Cart</a></h3>
+                    <h3><a href="./cart.html"><i class="fas fa-shopping-basket"></i>Cart</a></h3>
                 </li>
             </ul>
         </nav>
@@ -114,12 +114,12 @@ <h1>Get Fresh<span> Food</span><br>in a Easy Way</h1>
                     inspiration.
                 </p>
 
-                <a href="/search" class="btn"><i class="fa-solid fa-burger"></i>Order Now</a>
+                <a href="./search.html" class="btn"><i class="fa-solid fa-burger"></i>Order Now</a>
 
             </div>
 
             <div class="main_image">
-                <img src="image/main_img.png">
+                <img src="../image/main_img.png">
             </div>
 
         </div>
@@ -136,7 +136,7 @@ <h1>Get Fresh<span> Food</span><br>in a Easy Way</h1>
         <div class="about_main">
 
             <div class="about_image">
-                <img src="image/about.png">
+                <img src="../image/about.png">
             </div>
 
             <div class="about_text">
@@ -201,7 +201,7 @@ <h1>Our<span>Menu</span></h1>
 
                 <div class="menu_img">
 
-                    <img src="image/menu_1.jpg" >
+                    <img src="../image/menu_1.jpg" >
 
                 </div>
 
@@ -236,7 +236,7 @@ <h2>Burger</h2>
             <div class="menu_card">
 
                 <div class="menu_img">
-                    <img src="image/menu_2.jpg">
+                    <img src="../image/menu_2.jpg">
                 </div>
 
                 <div class="menu_text">
@@ -267,7 +267,7 @@ <h2>Drink</h2>
             <div class="menu_card">
 
                 <div class="menu_img">
-                    <img src="image/menu_3.png">
+                    <img src="../image/menu_3.png">
                 </div>
 
                 <div class="menu_text">
@@ -333,7 +333,7 @@ <h1>Popular<span>Gallery</span></h1>
         <div class="gallery_box">
 
             <div class="gallery_image">
-                <img src="image/gallary_1.jpg">
+                <img src="../image/gallary_1.jpg">
             </div>
 
             <div class="gallery_image">
@@ -341,7 +341,7 @@ <h1>Popular<span>Gallery</span></h1>
             </div>
 
             <div class="gallery_image">
-                <img src="image/gallary_3.webp">
+                <img src="../image/gallary_3.webp">
             </div>
 
         </div>
@@ -359,7 +359,7 @@ <h1>Popular<span>Gallery</span></h1>
             <div class="offer_card_1">
 
                 <div class="offer_img">
-                    <img src="image/offer_1.jpg">
+                    <img src="../image/offer_1.jpg">
                 </div>
 
                 <div class="offer_tag">
@@ -379,7 +379,7 @@ <h1>40%</h1>
             <div class="offer_card_2">
 
                 <div class="offer_img">
-                    <img src="image/offer_2.png">
+                    <img src="../image/offer_2.png">
                 </div>
 
                 <div class="offer_tag">
@@ -418,7 +418,7 @@ <h1>Our<span>Team</span></h1>
 
 
                 <div class="team_img">
-                    <img src="image/team_1.jpg">
+                    <img src="../image/team_1.jpg">
                 </div>
 
 
@@ -439,7 +439,7 @@ <h2>Joël Robuchon (France)</h2>
             <div class="team_card">
 
                 <div class="team_img">
-                    <img src="image/team_2.jpg">
+                    <img src="../image/team_2.jpg">
                 </div>
 
                 <div class="team_tag">
@@ -458,7 +458,7 @@ <h2>Julia Child (United States) </h2>
             <div class="team_card">
 
                 <div class="team_img">
-                    <img src="image/team_3.jpg">
+                    <img src="../image/team_3.jpg">
                 </div>
 
                 <div class="team_tag">
@@ -478,7 +478,7 @@ <h2> Jiro Ono (Japanese)</h2>
             <div class="team_card">
 
                 <div class="team_img">
-                    <img src="image/team_4.jpg">
+                    <img src="../image/team_4.jpg">
                 </div>
 
                 <div class="team_tag">
@@ -513,7 +513,7 @@ <h1>Our<span>Blog</span></h1>
             <div class="blog_card">
 
                 <div class="blog_img">
-                    <img src="image/blog_1.jpeg">
+                    <img src="../image/blog_1.jpeg">
                 </div>
 
                 <div class="blog_tag">
@@ -555,7 +555,7 @@ <h3 class="blog_heading">
             <div class="blog_card">
 
                 <div class="blog_img">
-                    <img src="image/blog_2.jpg">
+                    <img src="../image/blog_2.jpg">
                 </div>
 
                 <div class="blog_tag">
@@ -597,7 +597,7 @@ <h3 class="blog_heading">
             <div class="blog_card">
 
                 <div class="blog_img">
-                    <img src="image/blog_3.jpg">
+                    <img src="../image/blog_3.jpg">
                 </div>
 
                 <div class="blog_tag">
@@ -651,7 +651,7 @@ <h1><span>Order</span>Now</h1>
         <div class="order_main">
 
             <div class="order_img">
-                <img src="image/order.png">
+                <img src="../image/order.png">
             </div>
 
             <div class="order_form">
@@ -728,10 +728,10 @@ <h2>Location</h2>
                 justify-content: space-between;
             ">
                 <h2>Quick Link</h2>
-                <a href="/search" style="text-decoration: none;">Search</a>
+                <a href="./search.html" style="text-decoration: none;">Search</a>
                 <a href="https://www.themealdb.com/browse.php?b=m" style="text-decoration: none;">Items</a>
-                <a href="/help" style="text-decoration: none;">Help</a>
-                <a href="cart" style="text-decoration: none;">Cart</a>
+                <a href="./help.html" style="text-decoration: none;">Help</a>
+                <a href="./cart.html" style="text-decoration: none;">Cart</a>
             </div>
 
             <div class="footer_tag">
@@ -773,7 +773,7 @@ <h2>Follows</h2>
     </footer>
 
 
-<script src="js/dish.js"></script>    
+<script src="../js/dish.js"></script>    
 
 </body>
 
diff --git a/public/templates/cart.html b/public/templates/cart.html
index 3bacaf2..f34259c 100644
--- a/public/templates/cart.html
+++ b/public/templates/cart.html
@@ -5,10 +5,10 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Flavorfleet</title>
-    <link rel="stylesheet" href="styles/Home.css">
-    <link rel="stylesheet" href="styles/cart.css">
+    <link rel="stylesheet" href="../styles/Home.css">
+    <link rel="stylesheet" href="../styles/cart.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <link rel="icon" href="/FlavorFleet/public/image/logo4.png">
+    <link rel="icon" href="../image/logo4.png">
 </head>
 <body>
 
@@ -16,14 +16,14 @@
 
         <nav>
             <div class="logo">
-                <a href="/Home"><img src="image/logo4.png"></a>
+                <a href="./Home.html"><img src="../image/logo4.png"></a>
             </div>
            
             <ul>
-                <li id="Effect"><a href="/search"><h3><i class="fa-solid fa-magnifying-glass"></i>Search</h3></a></li>
+                <li id="Effect"><a href="./search.html"><h3><i class="fa-solid fa-magnifying-glass"></i>Search</h3></a></li>
                 <li id="Effect"><a href="https://www.themealdb.com/browse.php?b=m"><h3><i class="fas fa-tasks"></i>Items</a></h3></li>
-                <li id="Effect"><a href="/help"><h3><i class="fas fa-user-tie"></i></i>Help</a><h3></li>
-                <li id="Effect" ><h3><a href="/cart"><i class="fas fa-shopping-basket "></i>Cart</a></h3></li>
+                <li id="Effect"><a href="./help.html"><h3><i class="fas fa-user-tie"></i></i>Help</a><h3></li>
+                <li id="Effect" ><h3><a href="./cart.html"><i class="fas fa-shopping-basket "></i>Cart</a></h3></li>
             </ul>
         </nav>
         <div class="main">
@@ -37,7 +37,7 @@
             <div id="empty-cart-message" class="empty-cart-message">
             <div class="_3Y9ZP">Your cart is empty</div>
             <div class="d7jCU" >You can go to the home page to view more delacious food</div>
-            <button class="_3pgCg"><a href="/Home"style="color: white; text-decoration: none;">Explore Delicious Options </a></button>
+            <button class="_3pgCg"><a href="./Home.html"style="color: white; text-decoration: none;">Explore Delicious Options </a></button>
             </div>
         </div>
         <div class="cart-items">
@@ -49,7 +49,7 @@
   
 
    
-       <script src="js/cart.js"></script>
+       <script src="../js/cart.js"></script>
       
   
     </body>
diff --git a/public/templates/dish.html b/public/templates/dish.html
index 2e20a6c..ffecd20 100644
--- a/public/templates/dish.html
+++ b/public/templates/dish.html
@@ -5,10 +5,10 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Flavorfleet</title>
-    <link rel="stylesheet" href="styles/Home.css">
-    <link rel="stylesheet" href="styles/dish.css">
+    <link rel="stylesheet" href="../styles/Home.css">
+    <link rel="stylesheet" href="../styles/dish.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <link rel="icon" href="/FlavorFleet/public/image/logo4.png">
+    <link rel="icon" href="../image/logo4.png">
 </head>
 <body>
 
@@ -16,16 +16,16 @@
 
         <nav>
             <div class="logo">
-                <a href="/Home"><img  style="left: -70%;" src="image/logo4.png"></a>
+                <a href="./Home.html"><img  style="left: -70%;" src="../image/logo4.png"></a>
             </div>
           
             <ul>
                
                 <!-- <li><a href="index.html" class="action"></a>Home</a></li> -->
-                <li id="Effect"><a href="/search"><h3><i class="fa-solid fa-magnifying-glass"></i>Search</h3></a></li>
+                <li id="Effect"><a href="./search.html"><h3><i class="fa-solid fa-magnifying-glass"></i>Search</h3></a></li>
                 <li id="Effect"><a href="https://www.themealdb.com/browse.php?b=m"><h3><i class="fas fa-tasks"></i>Items</a></h3></li>
-                <li id="Effect"><a href="/help"><h3><i class="fas fa-user-tie"></i></i>Help</a><h3></li>
-                <li id="Effect" ><h3><a href="/cart"><i class="fas fa-shopping-basket"></i>Cart</a></h3></li>
+                <li id="Effect"><a href="./help.html"><h3><i class="fas fa-user-tie"></i></i>Help</a><h3></li>
+                <li id="Effect" ><h3><a href="./cart.html"><i class="fas fa-shopping-basket"></i>Cart</a></h3></li>
             </ul>
 
             <div class="login">
@@ -63,7 +63,7 @@ <h1>Dish Details</h1>
 <!-- <button class="Add-to-cart" data-name="Item Name" data-description="Item Description">Add to Cart</button> -->
 
 
-<script src="js/dish.js"></script>
+<script src="../js/dish.js"></script>
 
 </body>
 </html>
diff --git a/public/templates/forgot-password.html b/public/templates/forgot-password.html
index a4816e5..90a8f59 100644
--- a/public/templates/forgot-password.html
+++ b/public/templates/forgot-password.html
@@ -6,16 +6,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- -->  <!-- <link rel="stylesheet" href="boxicons/css/boxicons.min.css"> -->
     <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
-    <link rel="stylesheet" href="styles/forgot-password.css">
-    <link rel="stylesheet" href="styles/Home.css">
-    <link rel="icon" href="/FlavorFleet/public/image/logo4.png">
+    <link rel="stylesheet" href="../styles/forgot-password.css">
+    <link rel="stylesheet" href="../styles/Home.css">
+    <link rel="icon" href="../image/logo4.png">
     <title>forgot-password</title>
 </head>
 <body>
  <div class="wrapper">
     <nav class="nav">
       <div class="nav-logo">
-        <a href="/login" target="_blank" rel="noopener noreferrer"><p>FLAVORFLEET</p></a>
+        <a href="./login.html" target="_blank" rel="noopener noreferrer"><p>FLAVORFLEET</p></a>
        
         </div>
         <!-- <div class="nav-menu" id="navMenu">
diff --git a/public/templates/help.html b/public/templates/help.html
index bc9251b..f12dc81 100644
--- a/public/templates/help.html
+++ b/public/templates/help.html
@@ -5,10 +5,10 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Flavorfleet</title>
-    <link rel="stylesheet" href="styles/Home.css">
-    <link rel="stylesheet" href="styles/help.css">
+    <link rel="stylesheet" href="../styles/Home.css">
+    <link rel="stylesheet" href="../styles/help.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <link rel="icon" href="/FlavorFleet/public/image/logo4.png">
+    <link rel="icon" href="../image/logo4.png">
 </head>
 <body>
  
@@ -16,16 +16,16 @@
 
         <nav>
             <div class="logo">
-              <a href="/Home"><img src="image/logo4.png"></a>
+              <a href="./Home.html"><img src="../image/logo4.png"></a>
             </div>
           
             <ul>
                 
                 <!-- <li><a href="index.html" class="action"></a>Home</a></li> -->
-                <li id="Effect"><a href="/search"><h3><i class="fa-solid fa-magnifying-glass"></i>Search</h3></a></li>
+                <li id="Effect"><a href="./search.html"><h3><i class="fa-solid fa-magnifying-glass"></i>Search</h3></a></li>
                 <li id="Effect"><a href="https://www.themealdb.com/browse.php?b=m"><h3><i class="fas fa-tasks"></i>Items</a></h3></li>
-                <li id="Effect"><a href="/help"><h3><i class="fas fa-user-tie"></i></i>Help</a><h3></li>
-                <li id="Effect" ><h3><a href="/cart"><i class="fas fa-shopping-basket"></i>Cart</a></h3></li>
+                <li id="Effect"><a href="./help.html"><h3><i class="fas fa-user-tie"></i></i>Help</a><h3></li>
+                <li id="Effect" ><h3><a href="./cart.html"><i class="fas fa-shopping-basket"></i>Cart</a></h3></li>
             </ul>
         </nav>
 
@@ -255,10 +255,10 @@ <h2>Location</h2>
                 justify-content: space-between;
             ">
                 <h2>Quick Link</h2>
-                <a href="/search"  style="text-decoration: none;">Search</a>
+                <a href="./search.html"  style="text-decoration: none;">Search</a>
                 <a href="https://www.themealdb.com/browse.php?b=m"  style="text-decoration: none;">Items</a>
-                <a href="/help"  style="text-decoration: none;">Help</a>
-                <a href="cart"  style="text-decoration: none;">Cart</a>
+                <a href="./help.html"  style="text-decoration: none;">Help</a>
+                <a href="./cart.html"  style="text-decoration: none;">Cart</a>
             </div>
     
                 <div class="footer_tag">
@@ -296,7 +296,7 @@ <h2>Follows</h2>
     
         </footer>
               
-        <script src="js/help.js">
+        <script src="../js/help.js">
         </script>
     
     
diff --git a/public/templates/login.html b/public/templates/login.html
index d7e1099..af02397 100644
--- a/public/templates/login.html
+++ b/public/templates/login.html
@@ -4,10 +4,10 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="/FlavorFleet/public/image/logo4.png">
+    <link rel="icon" href="../image/logo4.png">
     <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
-    <link rel="stylesheet" href="styles/login.css">
-    <link rel="stylesheet" href="styles/Home.css">
+    <link rel="stylesheet" href="../styles/login.css">
+    <link rel="stylesheet" href="../styles/Home.css">
     <title>Flavorfleet | Login & Registration</title>
 </head>
 <body>
@@ -94,7 +94,7 @@
                 <i class="bx bx-lock-alt"></i>
             </div>
             <div class="input-box">
-                <a href="/Home" type="submit" class="submit"value="Sign In">Sign In</a>
+                <a href="./Home.html" type="submit" class="submit"value="Sign In">Sign In</a>
                 <input type="submit" class="submit" value="Sign In" src="/">
             </div>
             <div class="two-col">
@@ -103,7 +103,7 @@
                     <label for="login-check"> Remember Me</label>
                 </div>
                 <div class="two">
-                    <label><a href="/forgot-password">Forgot password?</a></label>
+                    <label><a href="./forgot-password.html">Forgot password?</a></label>
                 </div>
             </div>
             </form>
diff --git a/public/templates/search.html b/public/templates/search.html
index f3f6c1a..85310cf 100644
--- a/public/templates/search.html
+++ b/public/templates/search.html
@@ -5,25 +5,25 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Flavorfleet</title>
-        <link rel="stylesheet" href="styles/Home.css">
-        <link rel="stylesheet" href="styles/search.css">
+        <link rel="stylesheet" href="../styles/Home.css">
+        <link rel="stylesheet" href="../styles/search.css">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
             integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
             crossorigin="anonymous" referrerpolicy="no-referrer" />
-        <link rel="icon" href="/FlavorFleet/public/image/logo4.png">
+        <link rel="icon" href="../image/logo4.png">
         </head>
 
     <body>
         <section id="Home">
             <nav>
                 <div class="logo">
-                    <a href="/Home"><img src="image/logo4.png"></a>
+                    <a href="./Home.html"><img src="../image/logo4.png"></a>
                 </div>
 
                 <ul>
                    
                     <li>
-                        <a href="/search">
+                        <a href="./search.html">
                             <h3 id="Effect"><i class="fa-solid fa-magnifying-glass"></i>Search</h3>
                         </a>
                     </li>
@@ -33,12 +33,12 @@ <h3 id="Effect"><i class="fas fa-tasks"></i>Items</h3>
                         </a>
                     </li>
                     <li>
-                        <a href="/help">
+                        <a href="./help.html">
                             <h3 id="Effect"><i class="fas fa-user-tie"></i></i>Help</h3>
                         </a>
                     </li>
                     <li>
-                        <a href="/cart">
+                        <a href="./cart.html">
                             <h3 id="Effect"><i class="fas fa-shopping-basket"></i>Cart</h3>
                         </a>
                     </li>
@@ -55,10 +55,10 @@ <h3 id="Effect"><i class="fas fa-shopping-basket"></i>Cart</h3>
                         <input tabindex="1" id="search-bar-js" class="searchbar" type="search" aria-label="Search text"
                             placeholder="Search..." name="search">
                         <button tabindex="-1" class="searchbutton" id="close-img-js" aria-label="Cancel"><img
-                                src="/image/round_close_black_24dp.png" alt="cancel" class="closeimg globalsearchremove"
+                                src="../image/round_close_black_24dp.png" alt="cancel" class="closeimg globalsearchremove"
                                 class="searchbutton" id="close-img-js" aria-label="Cancel"></button>
                         <button tabindex="2" class="searchbutton" id="search-img-js" aria-label="Search"><img
-                                src="/image/round_search_black_24dp.png" alt="search" class="searchimg"></button>
+                                src="../image/round_search_black_24dp.png" alt="search" class="searchimg"></button>
                     </div>
                     <div class="middle">
                         <div class="borderbetween globalsearchremove"></div>
@@ -72,6 +72,6 @@ <h3 id="Effect"><i class="fas fa-shopping-basket"></i>Cart</h3>
 
             <!-- api result -->
             <div id="search-results" class="result"></div>
-            <script src="js/search.js"></script>
+            <script src="../js/search.js"></script>
     </body>
 </html>
\ No newline at end of file