-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcart.html
125 lines (121 loc) · 11 KB
/
cart.html
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Cart</title>
<link
rel="shortcut icon"
href="https://avatars.githubusercontent.com/u/34937151?s=280&v=4"
type="image/x-icon"
/>
<link rel="stylesheet" href="./css/cart.css" />
</head>
<body>
<div id="topp">
<div>
<img
id="logoClick"
src="data:image/jpeg;base64,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"
/>
</div>
<div>
<img src="./Images/cartprogress.png" />
</div>
</div>
<hr />
<div id="topp">
<div id="h41">
<h4 id="h4">Product Name and detail</h4>
</div>
<div>
<img src="./Images/shipto.png" />
</div>
</div>
<div>
<div id="container">
<div>Product Name and detail</div>
<div>Unit price</div>
<div>Quantity</div>
<div>Total</div>
<div>Operation</div>
</div>
</div>
<!-- Getting data from the local storage -->
<div id="cart">
<main>
<table>
<thead></thead>
<tbody id="body"></tbody>
</table>
</main>
</div>
<div id="subTotalCon">
<div id="subT">
<p>Sub Total:</p>
<span>₹ </span>
<p id="subTotal">0</p>
</div>
<div id="payment">
<img
src="https://content1.geekbuying.com/V1.4/en/images/cartImg/new_pp.png"
/>
<button id="placeO">
<a href="placeorder.html">Proceed To Checkout</a>
</button>
</div>
</div>
<div id="mid4">
<div>Payment methods :</div>
<div>
<img
src="https://content1.geekbuying.com/V1.4/en/images/shopcart_payimg.jpg"
/>
</div>
</div>
<div id="topp1"><h3>More Relevant Items to Consider :</h3></div>
<div id="recomendation">
<img
src="https://img.gkbcdn.com/p/2022-01-24/HIMO-Z20-Max-Electric-Bicycle-250W-Motor-20-Inches---White-494888-3._w280_.jpg"
style="width: 100px; height: 100px"
/>
<img
src="https://img.gkbcdn.com/p/2021-12-07/qidi-x-max-3d-printer-5b0930-1638858974351._w280_.jpg"
style="width: 100px; height: 100px"
/>
<img
src="https://img.gkbcdn.com/p/2021-11-04/QIDI-TECH-i-Fast-3D-Printer-476697-0._w280_.jpg"
style="width: 100px; height: 100px"
/>
<img
src="https://img.gkbcdn.com/p/2021-12-07/twotrees-bluer-plus-3d-printer-a30c4e-1638859406421._w280_.jpg"
style="width: 100px; height: 100px"
/>
<img
src="https://img.gkbcdn.com/p/2021-12-09/ONE-Netbook-ONEXPlayer-Game-Console-8-4-Inches-480335-1._w280_.jpg"
style="width: 100px; height: 100px"
/>
<img
src="https://img.gkbcdn.com/p/2020-12-09/Tronsmart-Apollo-Q10-ANC-Bluetooth-Headphones-Black-426941-0._w280_.jpg"
style="width: 100px; height: 100px"
/>
<img
src="https://img.gkbcdn.com/p/2019-11-30/tws-i500-earphones-20191130100234539._w280_.jpg"
style="width: 100px; height: 100px"
/>
<img
src="https://img.gkbcdn.com/p/2019-06-14/scooter-front-tube-bag-tools-storage-for-xiaomi-mijia-m365-black-1574132871919._w280_.jpg"
style="width: 100px; height: 100px"
/>
</div>
<div id="mid4">
<div>
<img
src="https://content1.geekbuying.com/V1.4/en/images/shopcart_footicon.jpg"
/>
</div>
</div>
</body>
</html>
<script src="./script/cart.js"></script>