Document

    
<!DOCTYPE html>
<html lang="vi">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>product card</title>
    <link rel="stylesheet" href="style1.css" />
  </head>

  <body>
    <div class="cart-counter-container">
      <span class="cart-counter">0</span>
    </div>

    <div class="container">
      <div class="product-card">
        <div class="product-header">
          <img src="images.png" alt="Product Logo" class="product-logo" />
        </div>
        <h2 class="product-name">Pepsi</h2>
        <p class="product-price">$49.99</p>
        <button class="add-to-cart-btn">Add to Cart</button>
      </div>
    </div>

    <script src="script1.js"></script>
  </body>
</html>