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">