diff --git a/js/public/images/BlackShirt.jpg b/js/public/images/BlackShirt.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5c90c98a591085cf041b594cd054a9a87a6c4316
Binary files /dev/null and b/js/public/images/BlackShirt.jpg differ
diff --git a/js/public/images/BlueBlouse.jpg b/js/public/images/BlueBlouse.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ebfd330f0ca335a96c9a9d4f562c927ee99c2dc2
Binary files /dev/null and b/js/public/images/BlueBlouse.jpg differ
diff --git a/js/public/images/BlueShirt.jpg b/js/public/images/BlueShirt.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..821e7157f2f3b61754dd4991a559ad2ffe4b5eb1
Binary files /dev/null and b/js/public/images/BlueShirt.jpg differ
diff --git a/js/public/images/Browntrouser.jpg b/js/public/images/Browntrouser.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8c79aae0129ba1d3c5f167399801540b0c5178ee
Binary files /dev/null and b/js/public/images/Browntrouser.jpg differ
diff --git a/js/public/images/Cottonjeans.jpg b/js/public/images/Cottonjeans.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6c779ef9e1a2852bbc0b09234bafd6830407c44a
Binary files /dev/null and b/js/public/images/Cottonjeans.jpg differ
diff --git a/js/public/images/DenimJeans.jpg b/js/public/images/DenimJeans.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7c56899f9841aff26614ac315005872e88aea330
Binary files /dev/null and b/js/public/images/DenimJeans.jpg differ
diff --git a/js/public/images/LightBlue.jpg b/js/public/images/LightBlue.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..71b27c8a20d513e0a0190b2f95ec5ffbefeeb34b
Binary files /dev/null and b/js/public/images/LightBlue.jpg differ
diff --git a/js/public/images/OffWhiteblouse.jpg b/js/public/images/OffWhiteblouse.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9aac168766337b901af472e6e477e6605eea5204
Binary files /dev/null and b/js/public/images/OffWhiteblouse.jpg differ
diff --git a/js/public/images/WhiteShirt.jpg b/js/public/images/WhiteShirt.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..637f3ea2f2b96577815b9e21147bed49034ed193
Binary files /dev/null and b/js/public/images/WhiteShirt.jpg differ
diff --git a/js/public/images/boys-jumper.avif b/js/public/images/boys-jumper.avif
new file mode 100644
index 0000000000000000000000000000000000000000..8893f7d5930bf09d16654e8937c69e71adff5581
Binary files /dev/null and b/js/public/images/boys-jumper.avif differ
diff --git a/js/public/images/boys-jumper1.webp b/js/public/images/boys-jumper1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9cb5b0e5fc605f80ed13ec63ee50eec04468d6a5
Binary files /dev/null and b/js/public/images/boys-jumper1.webp differ
diff --git a/js/public/images/boys-jumper2.webp b/js/public/images/boys-jumper2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3f1c7b5f23aaf5aae14eae9a622562889958ff08
Binary files /dev/null and b/js/public/images/boys-jumper2.webp differ
diff --git a/js/public/images/boys-shoes.jpg b/js/public/images/boys-shoes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..647b35842e8aa94f4460be5f74d17119fd9dc59f
Binary files /dev/null and b/js/public/images/boys-shoes.jpg differ
diff --git a/js/public/images/boys-shoes1.jpg b/js/public/images/boys-shoes1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..94dd4f5e88ba21fb5f47ba9130f0423a2c6dcb64
Binary files /dev/null and b/js/public/images/boys-shoes1.jpg differ
diff --git a/js/public/images/boys-shoes2.jpg b/js/public/images/boys-shoes2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7efe579be47c17d9777d79d13e0e64d784b9b7f0
Binary files /dev/null and b/js/public/images/boys-shoes2.jpg differ
diff --git a/js/public/images/brown-trouser.jpg b/js/public/images/brown-trouser.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8c79aae0129ba1d3c5f167399801540b0c5178ee
Binary files /dev/null and b/js/public/images/brown-trouser.jpg differ
diff --git a/js/public/images/creamTrouser.jpg b/js/public/images/creamTrouser.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9916dcfcff90270ba5448793674981c7af21151f
Binary files /dev/null and b/js/public/images/creamTrouser.jpg differ
diff --git a/js/public/images/girls-dress.jpg b/js/public/images/girls-dress.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4f229a85a3d86c6419df51804033db8dce26e7bd
Binary files /dev/null and b/js/public/images/girls-dress.jpg differ
diff --git a/js/public/images/girls-dress1.webp b/js/public/images/girls-dress1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9815fb880bd66b79fdae75077776902d056a224e
Binary files /dev/null and b/js/public/images/girls-dress1.webp differ
diff --git a/js/public/images/girls-dress2.webp b/js/public/images/girls-dress2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..74065b841683c1e242536ba33b53c74ed92b9457
Binary files /dev/null and b/js/public/images/girls-dress2.webp differ
diff --git a/js/public/images/girls-shoes.jpg b/js/public/images/girls-shoes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..20388f8c7cb2f129a19d3255a5935e605e33195a
Binary files /dev/null and b/js/public/images/girls-shoes.jpg differ
diff --git a/js/public/images/girls-shoes1.jpg b/js/public/images/girls-shoes1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3049c090f455afcd7f2a873e1b3353d7ab0bed54
Binary files /dev/null and b/js/public/images/girls-shoes1.jpg differ
diff --git a/js/public/images/girls-shoes2.jpg b/js/public/images/girls-shoes2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cc90f3da63acc1caac50b75a3f87e8697d673df7
Binary files /dev/null and b/js/public/images/girls-shoes2.jpg differ
diff --git a/js/public/images/greyTrouser.jpg b/js/public/images/greyTrouser.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..30401f0cc732adc704bc5ab6281800e86356b0b1
Binary files /dev/null and b/js/public/images/greyTrouser.jpg differ
diff --git a/js/public/images/kidsClothes.jpg b/js/public/images/kidsClothes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2d52d3fce23e65e2db22c7937a37830ccf8203a5
Binary files /dev/null and b/js/public/images/kidsClothes.jpg differ
diff --git a/js/public/images/men-jeans3.jpeg b/js/public/images/men-jeans3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..fe615696adca0abe1f3b99aaed2ef53a157566c4
Binary files /dev/null and b/js/public/images/men-jeans3.jpeg differ
diff --git a/js/public/images/men-jeans5.webp b/js/public/images/men-jeans5.webp
new file mode 100644
index 0000000000000000000000000000000000000000..35d74aad70f31ef79470e1787ed3cf524f10e73c
Binary files /dev/null and b/js/public/images/men-jeans5.webp differ
diff --git a/js/public/images/men-shoes.jpg b/js/public/images/men-shoes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ff8c66bdf523f330651eb3554e070c1e73a8f253
Binary files /dev/null and b/js/public/images/men-shoes.jpg differ
diff --git a/js/public/images/men-shoes1.jpg b/js/public/images/men-shoes1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9e1b396111f1314f6c710731986b1878a4314c71
Binary files /dev/null and b/js/public/images/men-shoes1.jpg differ
diff --git a/js/public/images/men-shoes2.jpg b/js/public/images/men-shoes2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d17b5107f0ea0808cb5f9badfeb3293cf3bf7bf8
Binary files /dev/null and b/js/public/images/men-shoes2.jpg differ
diff --git a/js/public/images/men-shoes3.webp b/js/public/images/men-shoes3.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c96da26318e6a2ff58c6971311fe132bd9f74ee3
Binary files /dev/null and b/js/public/images/men-shoes3.webp differ
diff --git a/js/public/images/men-shoes4.jpg b/js/public/images/men-shoes4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..afbc102dc0c9ed704bf665c1a6891b15a8d2d981
Binary files /dev/null and b/js/public/images/men-shoes4.jpg differ
diff --git a/js/public/images/men-shoes5.jpg b/js/public/images/men-shoes5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..459e414ba253d51049ec48dc7985be594f55bb1a
Binary files /dev/null and b/js/public/images/men-shoes5.jpg differ
diff --git a/js/public/images/menClothes.jpg b/js/public/images/menClothes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..896d33cb5faa655bed125c75911ecc1a760afe2a
Binary files /dev/null and b/js/public/images/menClothes.jpg differ
diff --git a/js/public/images/modern-womens.jpg b/js/public/images/modern-womens.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..74cbc388c7a295460e6e33a9c733065f1a6ecace
Binary files /dev/null and b/js/public/images/modern-womens.jpg differ
diff --git a/js/public/images/w-c1.jpg b/js/public/images/w-c1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..387f999ce1137531b07d62f437e8b479d464a6c0
Binary files /dev/null and b/js/public/images/w-c1.jpg differ
diff --git a/js/public/images/white-blouse.jpg b/js/public/images/white-blouse.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2a69666d5aae7f114316cb53228ac54f2cc302e4
Binary files /dev/null and b/js/public/images/white-blouse.jpg differ
diff --git a/js/public/images/women-blouse.webp b/js/public/images/women-blouse.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c06cf3075ef9d1e86dd685730870fa17565d659d
Binary files /dev/null and b/js/public/images/women-blouse.webp differ
diff --git a/js/public/images/women-blouse1.webp b/js/public/images/women-blouse1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..44410b43a3d0f9ba41558f2ba448de8fc16eacf8
Binary files /dev/null and b/js/public/images/women-blouse1.webp differ
diff --git a/js/public/images/women-clothing.jpg b/js/public/images/women-clothing.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f9501b7b26ccc9bf7fd30cbdd1756debc13cc470
Binary files /dev/null and b/js/public/images/women-clothing.jpg differ
diff --git a/js/public/images/women-shoes.jpg b/js/public/images/women-shoes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b665bd0b874303e65aba5ea445d958ee17d094f0
Binary files /dev/null and b/js/public/images/women-shoes.jpg differ
diff --git a/js/public/images/women-shoes1.jpeg b/js/public/images/women-shoes1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..1ad9b2eced26f8dd880020144bd62b9813359751
Binary files /dev/null and b/js/public/images/women-shoes1.jpeg differ
diff --git a/js/public/images/women-shoes2.webp b/js/public/images/women-shoes2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..99303419869a9c81906792122626f0d83b2bee92
Binary files /dev/null and b/js/public/images/women-shoes2.webp differ
diff --git a/js/public/images/women-shoes3.jpg b/js/public/images/women-shoes3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c47ab9979edf8cc1367dfbe5b817fc997ed2559f
Binary files /dev/null and b/js/public/images/women-shoes3.jpg differ
diff --git a/js/public/images/women-shoes4.jpeg b/js/public/images/women-shoes4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..e23e97eadd2c350d2ec077d9f592f5361621c0c1
Binary files /dev/null and b/js/public/images/women-shoes4.jpeg differ
diff --git a/js/public/images/women-shoes5.webp b/js/public/images/women-shoes5.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4ca327e920d2d3977e718c1829811acb7fa5a1e6
Binary files /dev/null and b/js/public/images/women-shoes5.webp differ
diff --git a/js/public/images/women-trouser1.webp b/js/public/images/women-trouser1.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6d82ec3095974d6d9cbfae71c26a82d1fb2e4c42
Binary files /dev/null and b/js/public/images/women-trouser1.webp differ
diff --git a/js/public/images/women-trouser2.jpg b/js/public/images/women-trouser2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..83b1b60af2d0e0f5b041b70f7f977e99a70b89e8
Binary files /dev/null and b/js/public/images/women-trouser2.jpg differ
diff --git a/js/public/images/womenClothes.avif b/js/public/images/womenClothes.avif
new file mode 100644
index 0000000000000000000000000000000000000000..8f8d0647d04d322184cc73642c898dcec21458ca
Binary files /dev/null and b/js/public/images/womenClothes.avif differ
diff --git a/js/server.js b/js/server.js
index 426e16ce01c2ce19ae390e0bed430eda49c1cbce..7621506ef844e864c2488e18c5d9539ef805b7d5 100644
--- a/js/server.js
+++ b/js/server.js
@@ -11,6 +11,30 @@ app.get("/", (req, res) => {
     res.render('index');
 })
 
+app.get("/men", (req, res) => {
+    res.render('men');
+})
+
+app.get("/women", (req, res) => {
+    res.render('women');
+})
+
+app.get("/kids", (req, res) => {
+    res.render('kids');
+})
+
+app.get("/men-shoes", (req, res) => {
+    res.render('men-shoes');
+})
+
+app.get("/women-shoes", (req, res) => {
+    res.render('women-shoes');
+})
+
+app.get("/kids-shoes", (req, res) => {
+    res.render('kids-shoes');
+})
+
 app.get("/cart", (req, res) => {
     res.render('cart');
 })
diff --git a/js/views/cart.hbs b/js/views/cart.hbs
index 62f8a93e3d1458efbce186a670352180dfde0542..194e294c593f291367b4683121569f9e825dc046 100644
--- a/js/views/cart.hbs
+++ b/js/views/cart.hbs
@@ -33,7 +33,7 @@
             
             <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                 <div class="container-fluid">
-                  <a href="index.html" class="actives"><i class="fa fa-home"></i></a>
+                  <a href="/" class="actives"><i class="fa fa-home"></i></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                     <span class="navbar-toggler-icon"></span>
                   </button>
@@ -44,26 +44,26 @@
                       
                       
                       <li class="nav-item">
-                        <a class="nav-link" href="men.html">Men</a>
+                        <a class="nav-link" href="/">Men</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="women.html">Women</a>
+                        <a class="nav-link" href="/women">Women</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="kids.html">Kids</a>
+                        <a class="nav-link" href="/kids">Kids</a>
                       </li>
                       <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
                         <ul class="dropdown-menu" id="submenu">
-                          <li><a class="dropdown-item" href="men-shoes.html">Men Shoes</a></li>
-                          <li><a class="dropdown-item" href="women-shoes.html">Women Shoes</a></li>
-                          <li><a class="dropdown-item" href="kids-shoes.html">Kids Shoes</a></li>
+                          <li><a class="dropdown-item" href="/men-shoes">Men Shoes</a></li>
+                          <li><a class="dropdown-item" href="/women-shoes">Women Shoes</a></li>
+                          <li><a class="dropdown-item" href="/kids-shoes">Kids Shoes</a></li>
                         </ul>
                       </li>
                     </ul>
                   </div>
                   <a class="login-button"href="#">login</a>
-                  <a class="add-cart" href="cart.html"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
+                  <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
                 </div>
               </nav>
               <div class="search-bar">
@@ -88,8 +88,6 @@
 
 
 
-      <!-- <div id="container"></div>-->
-
       <script async
       src="https://pay.google.com/gp/p/js/pay.js"
       onload="onGooglePayLoaded()"></script>
diff --git a/js/views/index.hbs b/js/views/index.hbs
index 20c4c8df531d302ffccd4ab3b96384df2e48614b..bc60c344f14fdee6f96eab8b7655506a56efc18e 100644
--- a/js/views/index.hbs
+++ b/js/views/index.hbs
@@ -24,13 +24,13 @@
         <!--<script src="css/app.js"></script>-->
         <header>
             <div class="your-fashion-text-box">
-                <a href="index.html" class="shopname">Your Fashion</a> 
+                <a href="/" class="shopname">Your Fashion</a> 
             </div>
 
             
             <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                 <div class="container-fluid">
-                  <a href="index.html" class="actives"><i class="fa fa-home"></i></a>
+                  <a href="/" class="actives"><i class="fa fa-home"></i></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                     <span class="navbar-toggler-icon"></span>
                   </button>
@@ -41,26 +41,26 @@
                       
                       
                       <li class="nav-item">
-                        <a class="nav-link" href="men.html">Men</a>
+                        <a class="nav-link" href="/men">Men</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="women.html">Women</a>
+                        <a class="nav-link" href="/women">Women</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="kids.html">Kids</a>
+                        <a class="nav-link" href="/kids">Kids</a>
                       </li>
                       <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
                         <ul class="dropdown-menu" id="submenu">
-                          <li><a class="dropdown-item" href="men-shoes.html">Men Shoes</a></li>
-                          <li><a class="dropdown-item" href="women-shoes.html">Women Shoes</a></li>
-                          <li><a class="dropdown-item" href="kids-shoes.html">Kids Shoes</a></li>
+                          <li><a class="dropdown-item" href="/men-shoes">Men Shoes</a></li>
+                          <li><a class="dropdown-item" href="/women-shoes">Women Shoes</a></li>
+                          <li><a class="dropdown-item" href="/kids-shoes">Kids Shoes</a></li>
                         </ul>
                       </li>
                     </ul>
                   </div>
                   <a class="login-button"href="#">login</a>
-                  <a class="add-cart" href="cart.html"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
+                  <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
                 </div>
               </nav>
               <div class="search-bar">
@@ -92,34 +92,7 @@
           <button class="next-button">Next</button>
         </p>
 
-        <!--<div class="slideshow-container">
 
-          <div class="mySlides fade">
-            <div class="numbertext">1 / 3</div>
-            <img src="img/modern-womens.jpg" style="width:100%">
-            <div class="text">Women smart choices</div>
-          </div>
-          
-          <div class="mySlides fade">
-            <div class="numbertext">2 / 3</div>
-            <img src="img/menClothes.jpg" style="width:100%">
-            <div class="text">For all tastes</div>
-          </div>
-          
-          <div class="mySlides fade">
-            <div class="numbertext">3 / 3</div>
-            <img src="img/kidsClothes.jpg" style="width:100%">
-            <div class="text">Cute appearance</div>
-          </div>
-          
-          </div>
-          <br>
-          
-          <div style="text-align:center">
-            <span class="dot"></span> 
-            <span class="dot"></span> 
-            <span class="dot"></span> 
-          </div>-->
         <script src="/slides.js"></script>
         <script src="/search.js"></script>
         <script src="/shopping-basket.js"></script>
diff --git a/js/views/kids-shoes.hbs b/js/views/kids-shoes.hbs
index c21d443001b48e7816340ac3e4f93e73e7289a24..2e7322ba1dacc75764d61dc7a2fa735fe6d44487 100644
--- a/js/views/kids-shoes.hbs
+++ b/js/views/kids-shoes.hbs
@@ -24,40 +24,40 @@
         
         <header>
             <div class="your-fashion-text-box">
-                <a href="index.html" class="shopname">Your Fashion</a> 
+                <a href="/" class="shopname">Your Fashion</a> 
             </div>
 
             
             <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                 <div class="container-fluid">
-                    <a href="index.html" class="actives"><i class="fa fa-home"></i></a>
+                    <a href="/" class="actives"><i class="fa fa-home"></i></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <div class="collapse navbar-collapse" id="collapsibleNavbar">
                     <ul class="navbar-nav">
                       <li class="nav-item">
-                        <a class="nav-link" href="men.html">Men</a>
+                        <a class="nav-link" href="/men">Men</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="women.html">Women</a>
+                        <a class="nav-link" href="/women">Women</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="kids.html">Kids</a>
+                        <a class="nav-link" href="/kids">Kids</a>
                       </li>
                       <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
                         <ul class="dropdown-menu" id="submenu">
-                          <li><a class="dropdown-item" href="men-shoes.html">Men Shoes</a></li>
-                          <li><a class="dropdown-item" href="women-shoes.html">Women Shoes</a></li>
-                          <li><a class="dropdown-item" href="kids-shoes.html">Kids Shoes</a></li>
+                          <li><a class="dropdown-item" href="/men-shoes">Men Shoes</a></li>
+                          <li><a class="dropdown-item" href="/women-shoes">Women Shoes</a></li>
+                          <li><a class="dropdown-item" href="/kids-shoes">Kids Shoes</a></li>
                         </ul>
                       </li>
                     </ul>
                     
                   </div>
                   <a class="login-button"href="#">login</a>
-                  <a class="add-cart" href="cart.html"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
+                  <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
                 </div>
               </nav>
               <div class="search-bar">
@@ -73,13 +73,13 @@
               <h2 class="name">Boys Shoes</h2>
               <span class="price">£31.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/boys-shoes.jpg" class="product-img" alt="">
+              <img src="/images/boys-shoes.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/boys-shoes.jpg" alt="">
+                  <img src="/images/boys-shoes.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Boys Shoes<br><span>Foot wear</span></h2>
@@ -96,13 +96,13 @@
               <h2 class="name">Boys Shoes</h2>
               <span class="price">£25.99</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/boys-shoes1.jpg" class="product-img" alt="">
+              <img src="/images/boys-shoes1.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/boys-shoes1.jpg" alt="">
+                  <img src="/images/boys-shoes1.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Boys Shoes<br><span>Foot wear</span></h2>
@@ -119,13 +119,13 @@
               <h2 class="name">Boys Shoes</h2>
               <span class="price">£40.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/boys-shoes2.jpg" class="product-img" alt="">
+              <img src="/images/boys-shoes2.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/boys-shoes2.jpg" alt="">
+                  <img src="/images/boys-shoes2.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Boys Shoes<br><span>Foot wear</span></h2>
@@ -142,13 +142,13 @@
               <h2 class="name">Girls Shoes</h2>
               <span class="price">£50.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/girls-shoes.jpg" class="product-img" alt="">
+              <img src="/images/girls-shoes.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/girls-shoes.jpg" alt="">
+                  <img src="/images/girls-shoes.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Girls Shoes<br><span>Foot wear</span></h2>
@@ -165,13 +165,13 @@
               <h2 class="name">Girls Shoes</h2>
               <span class="price">£55.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/girls-shoes1.jpg" class="product-img" alt="">
+              <img src="/images/girls-shoes1.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/girls-shoes1.jpg" alt="">
+                  <img src="/images/girls-shoes1.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Girls Shoes<br><span>Foot wear</span></h2>
@@ -188,13 +188,13 @@
               <h2 class="name">Girls Shoes</h2>
               <span class="price">£28.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/girls-shoes2.jpg" class="product-img" alt="">
+              <img src="/images/girls-shoes2.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/girls-shoes2.jpg" alt="">
+                  <img src="/images/girls-shoes2.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Girls Shoes<br><span>Foot wear</span></h2>
diff --git a/js/views/kid.hbs b/js/views/kids.hbs
similarity index 85%
rename from js/views/kid.hbs
rename to js/views/kids.hbs
index 2c9d1cf4c2de49bc6e912634108f2c12ccea653f..f65074007e142bb759d53f2619f7242aa28d3798 100644
--- a/js/views/kid.hbs
+++ b/js/views/kids.hbs
@@ -24,40 +24,40 @@
         
         <header>
             <div class="your-fashion-text-box">
-                <a href="index.html" class="shopname">Your Fashion</a> 
+                <a href="/" class="shopname">Your Fashion</a> 
             </div>
 
             
             <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                 <div class="container-fluid">
-                    <a href="index.html" class="actives"><i class="fa fa-home"></i></a>
+                    <a href="/" class="actives"><i class="fa fa-home"></i></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <div class="collapse navbar-collapse" id="collapsibleNavbar">
                     <ul class="navbar-nav">
                       <li class="nav-item">
-                        <a class="nav-link" href="men.html">Men</a>
+                        <a class="nav-link" href="/men">Men</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="women.html">Women</a>
+                        <a class="nav-link" href="/women">Women</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="kids.html">Kids</a>
+                        <a class="nav-link" href="/kids">Kids</a>
                       </li>
                       <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
                         <ul class="dropdown-menu" id="submenu">
-                          <li><a class="dropdown-item" href="men-shoes.html">Men Shoes</a></li>
-                          <li><a class="dropdown-item" href="women-shoes.html">Women Shoes</a></li>
-                          <li><a class="dropdown-item" href="kids-shoes.html">Kids Shoes</a></li>
+                          <li><a class="dropdown-item" href="/men-shoes">Men Shoes</a></li>
+                          <li><a class="dropdown-item" href="/women-shoes">Women Shoes</a></li>
+                          <li><a class="dropdown-item" href="/kids-shoes">Kids Shoes</a></li>
                         </ul>
                       </li>
                     </ul>
                     
                   </div>
                   <a class="login-button"href="#">login</a>
-                  <a class="add-cart" href="cart.html"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
+                  <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
                 </div>
               </nav>
               <div class="search-bar">
@@ -73,13 +73,13 @@
               <h2 class="name">Girls dress</h2>
               <span class="price">£ 64.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/girls-dress.jpg" class="product-img" alt="">
+              <img src="/images/girls-dress.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/girls-dress.jpg" alt="">
+                  <img src="/images/girls-dress.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Kids clothes<br><span>Kids' wear</span></h2>
@@ -96,13 +96,13 @@
               <h2 class="name">Girls dress</h2>
               <span class="price">£ 57.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/girls-dress1.webp" class="product-img" alt="">
+              <img src="/images/girls-dress1.webp" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/girls-dress1.webp" alt="">
+                  <img src="/images/girls-dress1.webp" alt="">
                 </div>
                 <div class="info">
                   <h2>Kids clothes<br><span>Kids' wear</span></h2>
@@ -119,7 +119,7 @@
               <h2 class="name">Girls dress</h2>
               <span class="price">£89.99</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/girls-dress2.webp" class="product-img" alt="">
+              <img src="/images/girls-dress2.webp" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
@@ -142,13 +142,13 @@
               <h2 class="name">Boys jumper</h2>
               <span class="price">£80.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/boys-jumper.avif" class="product-img" alt="">
+              <img src="/images/boys-jumper.avif" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/boys-jumper.avif" alt="">
+                  <img src="/images/boys-jumper.avif" alt="">
                 </div>
                 <div class="info">
                   <h2>Kids clothes<br><span>Kids' wear</span></h2>
@@ -165,13 +165,13 @@
               <h2 class="name">Boys jumper</h2>
               <span class="price">£50.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/boys-jumper1.webp" class="product-img" alt="">
+              <img src="/images/boys-jumper1.webp" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/boys-jumper1.webp" alt="">
+                  <img src="/images/boys-jumper1.webp" alt="">
                 </div>
                 <div class="info">
                   <h2>Kids clothes<br><span>Kids' wear</span></h2>
@@ -188,13 +188,13 @@
               <h2 class="name">Boys jumper</h2>
               <span class="price">£70.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/boys-jumper2.webp" class="product-img" alt="">
+              <img src="/images/boys-jumper2.webp" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/boys-jumper2.webp" alt="">
+                  <img src="/images/boys-jumper2.webp" alt="">
                 </div>
                 <div class="info">
                   <h2>Kids clothes<br><span>Kids' wear</span></h2>
diff --git a/js/views/men-shoes.hbs b/js/views/men-shoes.hbs
index 966955c3fcebc003e8cbd8468d13a242d5d40918..04a5adb40b8d1c67f624b5a57b2edfcb0ed7fdfc 100644
--- a/js/views/men-shoes.hbs
+++ b/js/views/men-shoes.hbs
@@ -23,40 +23,40 @@
         
         <header>
             <div class="your-fashion-text-box">
-                <a href="index.html" class="shopname">Your Fashion</a> 
+                <a href="/" class="shopname">Your Fashion</a> 
             </div>
 
             
             <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                 <div class="container-fluid">
-                    <a href="index.html" class="actives"><i class="fa fa-home"></i></a>
+                    <a href="/" class="actives"><i class="fa fa-home"></i></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <div class="collapse navbar-collapse" id="collapsibleNavbar">
                     <ul class="navbar-nav">
                       <li class="nav-item">
-                        <a class="nav-link" href="men.html">Men</a>
+                        <a class="nav-link" href="/men">Men</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="women.html">Women</a>
+                        <a class="nav-link" href="/women">Women</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="kids.html">Kids</a>
+                        <a class="nav-link" href="/kids">Kids</a>
                       </li>
                       <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
                         <ul class="dropdown-menu" id="submenu">
-                          <li><a class="dropdown-item" href="men-shoes.html">Men Shoes</a></li>
-                          <li><a class="dropdown-item" href="women-shoes.html">Women Shoes</a></li>
-                          <li><a class="dropdown-item" href="kids-shoes.html">Kids Shoes</a></li>
+                          <li><a class="dropdown-item" href="/men-shoes">Men Shoes</a></li>
+                          <li><a class="dropdown-item" href="/women-shoes">Women Shoes</a></li>
+                          <li><a class="dropdown-item" href="/kids-shoes">Kids Shoes</a></li>
                         </ul>
                       </li>
                     </ul>
                     
                   </div>
                   <a class="login-button"href="#">login</a>
-                  <a class="add-cart" href="cart.html"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
+                  <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
                 </div>
               </nav>
               <div class="search-bar">
@@ -72,13 +72,13 @@
               <h2 class="name">Men Shoes</h2>
               <span class="price">£60.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/men-shoes.jpg" class="product-img" alt="">
+              <img src="/images/men-shoes.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/men-shoes.jpg" alt="">
+                  <img src="/images/men-shoes.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Men Shoes<br><span>Foot wear</span></h2>
@@ -95,13 +95,13 @@
               <h2 class="name">Men Shoes</h2>
               <span class="price">£73.99</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/men-shoes1.jpg" class="product-img" alt="">
+              <img src="/images/men-shoes1.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/men-shoes1.jpg" alt="">
+                  <img src="/images/men-shoes1.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Men Shoes<br><span>Foot wear</span></h2>
@@ -118,13 +118,13 @@
               <h2 class="name">Men Shoes</h2>
               <span class="price">£89.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/men-shoes2.jpg" class="product-img" alt="">
+              <img src="/images/men-shoes2.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/men-shoes2.jpg" alt="">
+                  <img src="/images/men-shoes2.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Men Shoes<br><span>Foot wear</span></h2>
@@ -141,13 +141,13 @@
               <h2 class="name">Men Shoes</h2>
               <span class="price">£50.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/men-shoes3.webp" class="product-img" alt="">
+              <img src="/images/men-shoes3.webp" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/men-shoes3.webp" alt="">
+                  <img src="/images/men-shoes3.webp" alt="">
                 </div>
                 <div class="info">
                   <h2>Men Shoes<br><span>Foot wear</span></h2>
@@ -164,13 +164,13 @@
               <h2 class="name">Men Shoes</h2>
               <span class="price">£50.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/men-shoes4.jpg" class="product-img" alt="">
+              <img src="/images/men-shoes4.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/men-shoes4.jpg" alt="">
+                  <img src="/images/men-shoes4.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Men Shoes<br><span>Foot wear</span></h2>
@@ -187,13 +187,13 @@
               <h2 class="name">Men jeans</h2>
               <span class="price">£100.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/men-shoes5.jpg" class="product-img" alt="">
+              <img src="/images/men-shoes5.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/men-shoes5.jpg" alt="">
+                  <img src="/images/men-shoes5.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Men Shoes<br><span>Foot wear</span></h2>
diff --git a/js/views/men.hbs b/js/views/men.hbs
index 74476bd956f0543a066bdf5a893a0ef5c50cecbf..6b84c7fafa13c1cf8cfa86ffc6afc930a430d492 100644
--- a/js/views/men.hbs
+++ b/js/views/men.hbs
@@ -25,40 +25,40 @@
        
         <header>
             <div class="your-fashion-text-box">
-                <a href="index.html" class="shopname">Your Fashion</a> 
+                <a href="/" class="shopname">Your Fashion</a> 
             </div>
 
             
             <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                 <div class="container-fluid">
-                  <a href="index.html" class="actives"><i class="fa fa-home"></i></a>
+                  <a href="/" class="actives"><i class="fa fa-home"></i></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <div class="collapse navbar-collapse" id="collapsibleNavbar">
                     <ul class="navbar-nav">
                       <li class="nav-item">
-                        <a class="nav-link" href="men.html">Men</a>
+                        <a class="nav-link" href="/men">Men</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="women.html">Women</a>
+                        <a class="nav-link" href="/women">Women</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="kids.html">Kids</a>
+                        <a class="nav-link" href="/kids">Kids</a>
                       </li>
                       <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
                         <ul class="dropdown-menu" id="submenu">
-                          <li><a class="dropdown-item" href="men-shoes.html">Men Shoes</a></li>
-                          <li><a class="dropdown-item" href="women-shoes.html">Women Shoes</a></li>
-                          <li><a class="dropdown-item" href="kids-shoes.html">Kids Shoes</a></li>
+                          <li><a class="dropdown-item" href="/men-shoes">Men Shoes</a></li>
+                          <li><a class="dropdown-item" href="/women-shoes">Women Shoes</a></li>
+                          <li><a class="dropdown-item" href="/kids-shoes">Kids Shoes</a></li>
                         </ul>
                       </li>
                     </ul>
                     
                   </div>
                   <a class="login-button"href="#">login</a>
-                  <a class="add-cart" href="cart.html"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
+                  <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
                 </div>
               </nav>
               <div class="search-bar">
diff --git a/js/views/women-shoes.hbs b/js/views/women-shoes.hbs
index 4aef10a9ba5344c39590591fffef62f636de424e..7f78fd1b9b351410ee8ccc4f11c699d448a8f6c3 100644
--- a/js/views/women-shoes.hbs
+++ b/js/views/women-shoes.hbs
@@ -20,43 +20,42 @@
 
     <body class="responsive">
       
-        <script src="css/app.js"></script>
         <header>
             <div class="your-fashion-text-box">
-                <a href="index.html" class="shopname">Your Fashion</a> 
+                <a href="/" class="shopname">Your Fashion</a> 
             </div>
 
             
             <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                 <div class="container-fluid">
-                    <a href="index.html" class="actives"><i class="fa fa-home"></i></a>
+                    <a href="/" class="actives"><i class="fa fa-home"></i></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <div class="collapse navbar-collapse" id="collapsibleNavbar">
                     <ul class="navbar-nav">
                       <li class="nav-item">
-                        <a class="nav-link" href="men.html">Men</a>
+                        <a class="nav-link" href="/men">Men</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="women.html">Women</a>
+                        <a class="nav-link" href="/women">Women</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="kids.html">Kids</a>
+                        <a class="nav-link" href="/kids">Kids</a>
                       </li>
                       <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
                         <ul class="dropdown-menu" id="submenu">
-                          <li><a class="dropdown-item" href="men-shoes.html">Men Shoes</a></li>
-                          <li><a class="dropdown-item" href="women-shoes.html">Women Shoes</a></li>
-                          <li><a class="dropdown-item" href="kids-shoes.html">Kids Shoes</a></li>
+                          <li><a class="dropdown-item" href="/men-shoes">Men Shoes</a></li>
+                          <li><a class="dropdown-item" href="/women-shoes">Women Shoes</a></li>
+                          <li><a class="dropdown-item" href="/kids-shoes">Kids Shoes</a></li>
                         </ul>
                       </li>
                     </ul>
                     
                   </div>
                   <a class="login-button"href="#">login</a>
-                  <a class="add-cart" href="cart.html"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
+                  <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
                 </div>
               </nav>
               <div class="search-bar">
@@ -72,13 +71,13 @@
               <h2 class="name">Women Shoes</h2>
               <span class="price">£47.99</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/women-shoes.jpg" class="product-img" alt="">
+              <img src="/images/women-shoes.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/women-shoes.jpg" alt="">
+                  <img src="/images/women-shoes.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Women Shoes<br><span>Foot wear</span></h2>
@@ -95,13 +94,13 @@
               <h2 class="name">Women Shoes</h2>
               <span class="price">£87.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/women-shoes1.jpeg" class="product-img" alt="">
+              <img src="/images/women-shoes1.jpeg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/women-shoes1.jpeg" alt="">
+                  <img src="/images/women-shoes1.jpeg" alt="">
                 </div>
                 <div class="info">
                   <h2>Women Shoes<br><span>Foot wear</span></h2>
@@ -118,13 +117,13 @@
               <h2 class="name">Women Shoes</h2>
               <span class="price">£89.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/women-shoes2.webp" class="product-img" alt="">
+              <img src="/images/women-shoes2.webp" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/women-shoes2.webp" alt="">
+                  <img src="/images/women-shoes2.webp" alt="">
                 </div>
                 <div class="info">
                   <h2>Women Shoes<br><span>Foot wear</span></h2>
@@ -141,13 +140,13 @@
               <h2 class="name">Women Shoes</h2>
               <span class="price">£119.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/women-shoes3.jpg" class="product-img" alt="">
+              <img src="/images/women-shoes3.jpg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/women-shoes3.jpg" alt="">
+                  <img src="/images/women-shoes3.jpg" alt="">
                 </div>
                 <div class="info">
                   <h2>Women Shoes<br><span>Foot wear</span></h2>
@@ -164,13 +163,13 @@
               <h2 class="name">Women Shoes</h2>
               <span class="price">£52.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/women-shoes4.jpeg" class="product-img" alt="">
+              <img src="/images/women-shoes4.jpeg" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/women-shoes4.jpeg" alt="">
+                  <img src="/images/women-shoes4.jpeg" alt="">
                 </div>
                 <div class="info">
                   <h2>Women Shoes<br><span>Foot wear</span></h2>
@@ -187,13 +186,13 @@
               <h2 class="name">Women Shoes</h2>
               <span class="price">£ 60.00</span>
               <a class="popup-btn">Quick View</a>
-              <img src="images/women-shoes5.webp" class="product-img" alt="">
+              <img src="/images/women-shoes5.webp" class="product-img" alt="">
             </div>
             <div class="popup-view">
               <div class="popup-card">
                 <a><i class="fas fa-times close-btn"></i></a>
                 <div class="product-img">
-                  <img src="images/women-shoes5.webp" alt="">
+                  <img src="/images/women-shoes5.webp" alt="">
                 </div>
                 <div class="info">
                   <h2>Women Shoes<br><span>Foot wear</span></h2>
diff --git a/js/views/women.hbs b/js/views/women.hbs
index f4de103c2c6fb617151d37f265e684debcf39541..f4da1e65b83d4267c5685d6dd523bb4cf999f190 100644
--- a/js/views/women.hbs
+++ b/js/views/women.hbs
@@ -23,40 +23,40 @@
       
         <header>
             <div class="your-fashion-text-box">
-                <a href="index.html" class="shopname">Your Fashion</a> 
+                <a href="/" class="shopname">Your Fashion</a> 
             </div>
 
             
             <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                 <div class="container-fluid">
-                    <a href="index.html" class="actives"><i class="fa fa-home"></i></a>
+                    <a href="/" class="actives"><i class="fa fa-home"></i></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                     <span class="navbar-toggler-icon"></span>
                   </button>
                   <div class="collapse navbar-collapse" id="collapsibleNavbar">
                     <ul class="navbar-nav">
                       <li class="nav-item">
-                        <a class="nav-link" href="men.html">Men</a>
+                        <a class="nav-link" href="/men">Men</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="women.html">Women</a>
+                        <a class="nav-link" href="/women">Women</a>
                       </li>
                       <li class="nav-item">
-                        <a class="nav-link" href="kids.html">Kids</a>
+                        <a class="nav-link" href="/kids">Kids</a>
                       </li>
                       <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
                         <ul class="dropdown-menu" id="submenu">
-                          <li><a class="dropdown-item" href="men-shoes.html">Men Shoes</a></li>
-                          <li><a class="dropdown-item" href="women-shoes.html">Women Shoes</a></li>
-                          <li><a class="dropdown-item" href="kids-shoes.html">Kids Shoes</a></li>
+                          <li><a class="dropdown-item" href="/men-shoes">Men Shoes</a></li>
+                          <li><a class="dropdown-item" href="/women-shoes">Women Shoes</a></li>
+                          <li><a class="dropdown-item" href="/kids-shoes">Kids Shoes</a></li>
                         </ul>
                       </li>
                     </ul>
                     
                   </div>
                   <a class="login-button"href="#">login</a>
-                  <a class="add-cart" href="cart.html"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
+                  <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
                 </div>
               </nav>
               <div class="search-bar">