cart.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.1/gsap.min.js"></script>
    <script src="script.js"></script>
    <title>CafeSerenityBites</title>
    <link
      rel="icon"
      type="image/x-icon"
      href="CAFE SERENIT-fotor-2023092923402.png"
    />
  </head>
  <body>
    <header>
      <div class="link">
        <div class="links">
          <a href="two.html" class="animate-link">
            <img src="lin.png" alt="" width="20px" />
          </a>
        </div>
        <div class="links">
          <a href="index.html" class="animate-link">WELCOME</a>
        </div>
        <div class="links">
          <a href="how.html" class="animate-link">HOW IT WORKS</a>
        </div>
        <div class="links">
          <a href="meal.html" class="animate-link">MEAL PLANS</a>
        </div>
        <div class="logo">
          <a href="index.html" class="animate-link"
            ><img src="cafe.png" alt="Cloud Kitchen" width="150px"
          /></a>
        </div>
        <div class="links">
          <a href="faq.html" class="animate-link">FAQs</a>
        </div>
        <div class="links">
          <a href="contact.html" class="animate-link">CONTACT</a>
        </div>
        <div class="links">
          <a href="refer.html" class="animate-link">REFER A FRIEND</a>
        </div>
        <div class="links">
          <a href="cart.html" class="animate-link">
            <img
              src="cafe (1).png"
              alt="Your Cart"
              width="60px"
              height="60px"
            />
          </a>
        </div>
      </div>
    </header>
    <div class="imgbackcart">
      <img src="Screenshot 2023-10-21 143059.png" alt="" />
    </div>
    <div class="rectangle">
      <h2>Your Cart</h2>
      <hr />
      <ul id="cart-list"></ul>
      <h3>Subtotal: <span id="subtotal">Rs0.00</span></h3>
      <h3>Subtotal(Includes Delivery)</h3>
      <br />
      <br />
      <br />
      <br />
      <a href="index.html" class="button">Checkout</a>
    </div>
  </body>
</html>