Execlusive/cart.html at main · edm696587-bit/Execlusive · 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Exclusive - Cart</title>

    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
      integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />


    <link rel="stylesheet" href="cart.css" />
    <link rel="stylesheet" href="style_hed_fot.css">

  </head>
  <body>

    <nav class="nav_bar">
      <div class="title">
        <p>Exclusive</p>
      </div>

      <div class="links">
        <ul class="list">
          <li>
            <a href="index.html"><i class="fa-solid fa-house"></i> Home</a>
          </li>
          <li>
            <a href="favorite.html"
              ><i class="fa-regular fa-heart"></i> Favorite</a
            >
          </li>
        </ul>
      </div>
    </nav>

    <!-- cart main section -->
    <div class="main_cartp">
      <div class="cart_title">
        <h2>your Cart <i class="fa-solid fa-cart-shopping"></i></h2>
      </div>

      <div class="table-wrapper">

      <table class="table">
        <thead>
          <tr class="table_header_c">
            <th>Product</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Subtotal</th>
            <th>Remove</th>
          </tr>


        </thead>
        <tbody id="cart-body">


        </tbody>
      </table>
      </div>

      <div class="total_cost">
        <p>
          <b>Total cost = <span id="cart-total">0$</span></b>
        </p>
        <a href="Checkout.html">Check out</a>
      </div>
    </div>


    <!-- FOOTER -->

    <footer>
      <div class="col1" id="demo">
        <h3><b>About Exclusive</b></h3>
        <p>
          welcome to <strong>My Store</strong> – your one-stop destination for
          quality products at affordable prices. We are passionate about
          delivering the best shopping experience, whether you’re looking for
          electronics, fashion, or home essentials. Our mission is to combine
          convenience, trust, and innovation to make online shopping simple and
          enjoyable.
        </p>
      </div>
      <div class="col2">
        <h3>Support</h3>
        <p>exclusive@gmail.com</p>
        <p>01094545216</p>
      </div>

      <div class="col3">
        <h3>Quick links</h3>
        <a href="cart.html">Cart</a>
        <a href="#demo">Privacy Policy</a>
        <a href="#demo">Terms Of Use</a>
        <a href="#demo">FAQ</a>
      </div>
    </footer>

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