Skip to content
Snippets Groups Projects
Commit 09dd1f37 authored by Tim Adams's avatar Tim Adams
Browse files

Routing issue is fixed

parent 725f232f
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 1 addition and 664 deletions
cart.html deleted 100644 → 0
+ 0
− 100
View file @ 725f232f
<DOCTYPE! html>
<html lang="en" charset="UTF-8">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<title>Your Fashion</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/shopping-basket.js" async></script>
<script src="js/payment.js"></script>
</head>
<body class="responsive">
<header>
<div class="your-fashion-text-box">
<a href="index.html" 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>
<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>
</li>
<li class="nav-item">
<a class="nav-link" href="women.html">Women</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kids.html">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>
</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>
</div>
</nav>
<div class="search-bar">
<input class="search" type="text" id="search-input" placeholder="&#x1F50D; Start typing to search" list="container" autocomplete="off"/>
</div>
</header>
<div class="prods-container">
<div class="prod-header">
<h5 class="prod-title">PRODUCT</h5>
<h5 class="price">PRICE</h5>
<h5 class="quantity">QUANTITY</h5>
<h5 class="total">TOTAL</h5>
</div>
<div class="prods"></div>
<div id="container"></div>
</div>
<div id="buy-now">Buy Now</div>
<!-- <div id="container"></div>-->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.7/axios.min.js" integrity="sha512-NQfB/bDaB8kaSXF8E77JjhHG5PM6XVRxvHzkZiwl3ddWCEPBa23T76MuWSwAJdMGJnmQqM0VeY9kFszsrBEFrQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->
<script async
src="https://pay.google.com/gp/p/js/pay.js"
onload="onGooglePayLoaded()"></script>
<script src="js/search.js"></script>
</body>
</html>
\ No newline at end of file
css/style.css
+ 1
− 1
View file @ 09dd1f37
...@@ -193,7 +193,7 @@ header{ ...@@ -193,7 +193,7 @@ header{
z-index: 1; z-index: 1;
position: absolute; position: absolute;
max-width: 370px; max-width: 370px;
max-height: 430px; max-height: 400px;
top: 30%; top: 30%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
......
images/boys-jumper.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/boys-jumper.jpg

61.7 KiB

images/boys-jumper1.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/boys-jumper1.jpg

725 KiB

images/boys-jumper2.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/boys-jumper2.jpg

212 KiB

images/girls-dress1.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/girls-dress1.jpg

128 KiB

images/girls-dress2.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/girls-dress2.jpg

304 KiB

images/men-jeans5.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/men-jeans5.jpg

17.1 KiB

images/men-shoes3.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/men-shoes3.jpg

566 KiB

images/women-blouse.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/women-blouse.jpg

74.2 KiB

images/women-blouse1.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/women-blouse1.jpg

297 KiB

images/women-shoes1.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/women-shoes1.jpg

93.8 KiB

images/women-shoes2.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/women-shoes2.jpg

45.5 KiB

images/women-shoes4.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/women-shoes4.jpg

58.9 KiB

images/women-shoes5.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/women-shoes5.jpg

45.2 KiB

images/women-trouser1.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/women-trouser1.jpg

31.9 KiB

images/womenClothes.jpg 0 → 100644
+ 0
− 0
View file @ 09dd1f37
images/womenClothes.jpg

187 KiB

index.html deleted 100644 → 0
+ 0
− 129
View file @ 725f232f
<DOCTYPE! html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<title>Your Fashion</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--<script type="text/javascript" src="js/LocalLogin.js"></script>-->
</head>
<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>
</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>
<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>
</li>
<li class="nav-item">
<a class="nav-link" href="women.html">Women</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kids.html">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>
</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>
</div>
</nav>
<div class="search-bar">
<input class="search" type="text" id="search-input" placeholder="&#x1F50D; Start typing to search" list="container" autocomplete="off"/>
</div>
</header>
<main class="cont">
<div class="search-display"></div>
<div class="posts-container"></div>
</main>
<br>
<div class="scene">
<div class="carousel">
<div class="carousel__cell"><img class="slides" src="https://www.telegraph.co.uk/content/dam/fashion/2022/10/25/TELEMMGLPICT000313960470_trans_NvBQzQNjv4Bq7Cadr0IoOOfMS5GpRLWfGbVvz_IXZinEqtDTKahtjvc.jpeg?imwidth=680"></div>
<div class="carousel__cell"><img class="slides" src="https://i.cbc.ca/1.4713184.1529440884!/fileImage/httpImage/image.png_gen/derivatives/16x9_780/petite.png"></div>
<div class="carousel__cell"><img class="slides" src="https://dlsb.co.uk/cdn/shop/collections/Women_s_Clothing.png?v=1662113551"></div>
<div class="carousel__cell"><img class="slides" src="https://cdn.shopify.com/s/files/1/0878/3908/files/social_sharing_shopify.jpg?v=1667977060"></div>
<div class="carousel__cell"><img class="slides" src="https://www.nextdirect.com/nxtcms/resource/blob/5587208/f0e6f37c9c409a172eb0ca2236449efb/hero1-kids-data.jpg"></div>
<div class="carousel__cell"><img class="slides" src="https://i.ebayimg.com/images/g/9bEAAOSwmh9ez480/s-l1200.webp"></div>
<div class="carousel__cell"><img class="slides" src="https://cdn-fnknc.nitrocdn.com/jwqHRGAzpUgGskUSHlppNQzwuXgXIKwg/assets/images/optimized/rev-b97e6c5/www.fashionbeans.com/wp-content/uploads/2017/11/50britishbrands-3.jpg"></div>
<div class="carousel__cell"><img class="slides" src="https://www.realmenrealstyle.com/wp-content/uploads/2023/08/Promote-Positive-Communication.jpg"></div>
<div class="carousel__cell"><img class="slides" src="https://i.insider.com/62e40d594b455800188b5fca?width=700"></div>
</div>
</div>
<p style="text-align: center;">
<button class="previous-button">Previous</button>
<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="js/slides.js"></script>
<script src="js/search.js"></script>
<script src="js/shopping-basket.js"></script>
</body>
</html>
\ No newline at end of file
kids-shoes.html deleted 100644 → 0
+ 0
− 217
View file @ 725f232f
<DOCTYPE! html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<title>Your Fashion</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="js/LocalLogin.js"></script>
</head>
<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>
</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>
<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>
</li>
<li class="nav-item">
<a class="nav-link" href="women.html">Women</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kids.html">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>
</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>
</div>
</nav>
<div class="search-bar">
<input class="search" type="text" id="search-input" placeholder="&#x1F50D; Start typing to search" list="container" autocomplete="off"/>
</div>
</header>
<div class="container">
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Boys Shoes<br><span>Foot wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£31.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Boys Shoes<br><span>Foot wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£25.99</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Boys Shoes<br><span>Foot wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£40.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Girls Shoes<br><span>Foot wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£50.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Girls Shoes<br><span>Foot wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£55.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Girls Shoes<br><span>Foot wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£28.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
</div>
<script src="js/product-cards.js"></script>
<script src="js/shopping-basket.js"></script>
<script src="js/search.js"></script>
</body>
</html>
\ No newline at end of file
kids.html deleted 100644 → 0
+ 0
− 217
View file @ 725f232f
<DOCTYPE! html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<title>Your Fashion</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="js/LocalLogin.js"></script>
</head>
<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>
</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>
<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>
</li>
<li class="nav-item">
<a class="nav-link" href="women.html">Women</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kids.html">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>
</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>
</div>
</nav>
<div class="search-bar">
<input class="search" type="text" id="search-input" placeholder="&#x1F50D; Start typing to search" list="container" autocomplete="off"/>
</div>
</header>
<div class="container">
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Kids clothes<br><span>Kids' wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£ 64.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Kids clothes<br><span>Kids' wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£ 23.99</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="img/" alt="">
</div>
<div class="info">
<h2>Kids clothes<br><span>Kids' wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£89.99</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Kids clothes<br><span>Kids' wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£80.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Kids clothes<br><span>Kids' wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£50.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="product">
<div class="product-card">
<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="">
</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="">
</div>
<div class="info">
<h2>Kids clothes<br><span>Kids' wear</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<span class="price">£70.00</span>
<a href="#" class="add-cart-btn">Add to Cart</a>
<a href="#" class="add-wish">Add to Wishlist</a>
</div>
</div>
</div>
</div>
</div>
<script src="js/product-cards.js"></script>
<script src="js/shopping-basket.js"></script>
<script src="js/search.js"></script>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

GitLab by CIM Team | RHUL