Shop Page
Shop Page
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Shop</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Welcome to Our Shop!</h1>
</header>
<main class="product-grid">
<div class="product-card" data-product-id="1">
<div class="product-images-slideshow">
<img src="https://via.placeholder.com/300x200?
text=Product+1+Image+1" alt="Product 1 Image 1" class="slideshow-image active">
<img src="https://via.placeholder.com/300x200?
text=Product+1+Image+2" alt="Product 1 Image 2" class="slideshow-image">
<img src="https://via.placeholder.com/300x200?
text=Product+1+Image+3" alt="Product 1 Image 3" class="slideshow-image">
</div>
<h2 class="product-title">Amazing Product 1</h2>
<p class="product-price">$19.99</p>
<button class="view-details-btn" data-product-id="1">View
Details</button>
</div>
<script src="script.js"></script>
</body>
</html>