ecommerce-website/products.html at main · shashiprema421-coder/ecommerce-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>Products - SHANK Store</title>
  <link rel="stylesheet" href="style.css" />
</head>

<body>

  <header style="background: #111; color: white; padding: 20px; text-align: center;">
    <h1>Our Products</h1>
    <div class="cart-info">
      <a href="index.html" style="color: white; margin-right: 20px;">Home</a>
      Cart: <span id="cart-count">0</span>
    </div>
  </header>

  <section class="products">
    <div id="product-container"
      style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;">
      <!-- Products will be loaded here by JavaScript -->
    </div>
  </section>

  <!-- Cart Section (Hidden or simplified here, relying on script.js logic) -->
  <div style="display:none;">
    <ul id="cart-list"></ul>
    <span id="cart-total">0</span>
    <button id="clear-cart"></button>
  </div>

  <script src="https://unpkg.com/gsap@3/dist/gsap.min.js"></script>
  <script src="https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js"></script>
  <script src="products.js"></script>
  <script src="script.js"></script>
</body>

</html>