catalog.html

<div>
  <meta charSet="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Wool Product Catalog</title>
  <link rel="stylesheet" href="catalog.css" />
  <header>
    <nav>
      <div className="container">
        <navbar>
          <div className="nav">
            <a href="#" className="logo"><img src="./images/DALL·E 2023-09-11 20.54.30 - Make exact like this image.png" alt="logo" height="50px" width="50px" /></a>
            <ul>
              <li><a href="index.html">Home</a></li>
              <li><a href="about.html">About</a></li>
              <li><a href="contact.html">Contact Doctor</a></li>
              <li><a href="#team">Team</a></li>
              <li><a href="Privacy policy.html">Privacy Policy</a></li>
              <li><a href="Trems and service.html">Terms and Services</a></li>
            </ul>
          </div></navbar></div></nav>
  </header>
  <div className="product-list">
    <div className="product">
      <img src="images/H_M.jpg" alt="Wool Product 1" height="400px" width="300px" />
      <h3>Wool Product 1</h3>
      <p>Price: ₹100.00</p>
      <button>Add to Cart</button>
    </div>
    <div className="product">
      <img src="images/take-care-of-woolen-clothes.jpg" alt="Wool Product 2" height="400px" width="300px" />
      <h3>Wool Product 2</h3>
      <p>Price: ₹220.00</p>
      <button>Add to Cart</button>
    </div>
    <div className="product">
      <img src="images/img2.jpg" alt="Wool Product 3" height="400px" width="300px" />
      <h3>Wool Product 3</h3>
      <p>Price: ₹340.00</p>
      <button>Add to Cart</button>
    </div>
    <div className="product">
      <img src="images/51Z4ty8n+-L._SL500_.jpg" alt="image" height="400px" width="300px" />
      <h3>Wool Product 4</h3>
      <p>Price: ₹490.00</p>
      <button>Add to Cart</button>
    </div>
    <div className="product">
      <img src="images/jean-marc-vieregge-cDKqFb-NOZc-unsplash.jpg" alt="Wool Product 5" height="400px" width="300px" />
      <h3>Wool Product 5</h3>
      <p>Price: ₹550.00</p>
      <button>Add to Cart</button>
    </div>
    <div className="product">
      <img src="images/depositphotos_328265802-stock-photo-stylish-sweater-on-white-background.jpg" alt="Wool Product 6" height="400px" width="300px" />
      <h3>Wool Product 6</h3>
      <p>Price: ₹600.00</p>
      <button>Add to Cart</button>
    </div>
    <div className="product">
      <img src="images/c0fc74e37a4dcfc3eaac55862222f02c.jpg" alt="Wool Product 7" height="400px" width="300px" />
      <h3>Wool Product 7</h3>
      <p>Price: ₹730.00</p>
      <button>Add to Cart</button>
    </div>
  </div>
  {/* Include the JavaScript file */}
  <footer>
    <p>© 2023 Wool Connect</p>
  </footer>
</div>