1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 " />
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
7
+ <!-- Favicon -->
8
+ < link rel ="shortcut icon " href ="./images/favicon.ico " type ="image/x-icon ">
9
+
10
+ <!-- Box icons -->
11
+ < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css " />
12
+
13
+ <!-- Custom StyleSheet -->
14
+ < link rel ="stylesheet " href ="./css/styles.css " />
15
+ < title > Your Cart</ title >
16
+ </ head >
17
+
18
+ < body >
19
+ <!-- Navigation -->
20
+ < nav class ="nav ">
21
+ < div class ="navigation container ">
22
+ < div class ="logo ">
23
+ < h1 > Codevo</ h1 >
24
+ </ div >
25
+
26
+ < div class ="menu ">
27
+ < div class ="top-nav ">
28
+ < div class ="logo ">
29
+ < h1 > Codevo</ h1 >
30
+ </ div >
31
+ < div class ="close ">
32
+ < i class ="bx bx-x "> </ i >
33
+ </ div >
34
+ </ div >
35
+
36
+ < ul class ="nav-list ">
37
+ < li class ="nav-item ">
38
+ < a href ="index.html " class ="nav-link "> Home</ a >
39
+ </ li >
40
+ < li class ="nav-item ">
41
+ < a href ="product.html " class ="nav-link "> Products</ a >
42
+ </ li >
43
+ < li class ="nav-item ">
44
+ < a href ="#about " class ="nav-link "> About</ a >
45
+ </ li >
46
+ < li class ="nav-item ">
47
+ < a href ="#contact " class ="nav-link "> Contact</ a >
48
+ </ li >
49
+ < li class ="nav-item ">
50
+ < a href ="#contact " class ="nav-link "> Account</ a >
51
+ </ li >
52
+ < li class ="nav-item ">
53
+ < a href ="cart.html " class ="nav-link icon "> < i class ="bx bx-shopping-bag "> </ i > </ a >
54
+ </ li >
55
+ </ ul >
56
+ </ div >
57
+
58
+ < a href ="cart.html " class ="cart-icon ">
59
+ < i class ="bx bx-shopping-bag "> </ i >
60
+ </ a >
61
+
62
+ < div class ="hamburger ">
63
+ < i class ="bx bx-menu "> </ i >
64
+ </ div >
65
+ </ div >
66
+ </ nav >
67
+
68
+ <!-- Cart Items -->
69
+ < div class ="container-md cart ">
70
+ < table >
71
+ < tr >
72
+ < th > Product</ th >
73
+ < th > Quantity</ th >
74
+ < th > Subtotal</ th >
75
+ </ tr >
76
+ < tr >
77
+ < td >
78
+ < div class ="cart-info ">
79
+ < img src ="./images/pic1.jpg " alt ="">
80
+ < div >
81
+ < p > Boy’s T-Shirt</ p >
82
+ < span > Price: $50.00</ span >
83
+ < br />
84
+ < a href ="# "> remove</ a >
85
+ </ div >
86
+ </ div >
87
+ </ td >
88
+ < td > < input type ="number " value ="1 " min ="1 "> </ td >
89
+ < td > $50.00</ td >
90
+ </ tr >
91
+ < tr >
92
+ < td >
93
+ < div class ="cart-info ">
94
+ < img src ="./images/pic2.jpg " alt ="">
95
+ < div >
96
+ < p > Boy’s T-Shirt</ p >
97
+ < span > Price: $90.00</ span >
98
+ < br />
99
+ < a href ="# "> remove</ a >
100
+ </ div >
101
+ </ div >
102
+ </ td >
103
+ < td > < input type ="number " value ="1 " min ="1 "> </ td >
104
+ < td > $90.00</ td >
105
+ </ tr >
106
+ < tr >
107
+ < td >
108
+ < div class ="cart-info ">
109
+ < img src ="./images/pic3.jpg " alt ="">
110
+ < div >
111
+ < p > Boy’s T-Shirt</ p >
112
+ < span > Price: $60.00</ span >
113
+ < br />
114
+ < a href ="# "> remove</ a >
115
+ </ div >
116
+ </ div >
117
+ </ td >
118
+ < td > < input type ="number " value ="1 " min ="1 "> </ td >
119
+ < td > $60.00</ td >
120
+ </ tr >
121
+ < tr >
122
+ < td >
123
+ < div class ="cart-info ">
124
+ < img src ="./images/pic4.jpg " alt ="">
125
+ < div >
126
+ < p > Boy’s T-Shirt</ p >
127
+ < span > Price: $60.00</ span >
128
+ < br />
129
+ < a href ="# "> remove</ a >
130
+ </ div >
131
+ </ div >
132
+ </ td >
133
+ < td > < input type ="number " value ="1 " min ="1 "> </ td >
134
+ < td > $60.00</ td >
135
+ </ tr >
136
+ < tr >
137
+ < td >
138
+ < div class ="cart-info ">
139
+ < img src ="./images/pic5.jpg " alt ="">
140
+ < div >
141
+ < p > Boy’s T-Shirt</ p >
142
+ < span > Price: $60.00</ span >
143
+ < br />
144
+ < a href ="# "> remove</ a >
145
+ </ div >
146
+ </ div >
147
+ </ td >
148
+ < td > < input type ="number " value ="1 " min ="1 "> </ td >
149
+ < td > $60.00</ td >
150
+ </ tr >
151
+ </ table >
152
+
153
+ < div class ="total-price ">
154
+ < table >
155
+ < tr >
156
+ < td > Subtotal</ td >
157
+ < td > $200</ td >
158
+ </ tr >
159
+ < tr >
160
+ < td > Tax</ td >
161
+ < td > $50</ td >
162
+ </ tr >
163
+ < tr >
164
+ < td > Total</ td >
165
+ < td > $250</ td >
166
+ </ tr >
167
+ </ table >
168
+ < a href ="# " class ="checkout btn "> Proceed To Checkout</ a >
169
+
170
+ </ div >
171
+
172
+ </ div >
173
+
174
+
175
+
176
+ <!-- Footer -->
177
+ < footer id ="footer " class ="section footer ">
178
+ < div class ="container ">
179
+ < div class ="footer-container ">
180
+ < div class ="footer-center ">
181
+ < h3 > EXTRAS</ h3 >
182
+ < a href ="# "> Brands</ a >
183
+ < a href ="# "> Gift Certificates</ a >
184
+ < a href ="# "> Affiliate</ a >
185
+ < a href ="# "> Specials</ a >
186
+ < a href ="# "> Site Map</ a >
187
+ </ div >
188
+ < div class ="footer-center ">
189
+ < h3 > INFORMATION</ h3 >
190
+ < a href ="# "> About Us</ a >
191
+ < a href ="# "> Privacy Policy</ a >
192
+ < a href ="# "> Terms & Conditions</ a >
193
+ < a href ="# "> Contact Us</ a >
194
+ < a href ="# "> Site Map</ a >
195
+ </ div >
196
+ < div class ="footer-center ">
197
+ < h3 > MY ACCOUNT</ h3 >
198
+ < a href ="# "> My Account</ a >
199
+ < a href ="# "> Order History</ a >
200
+ < a href ="# "> Wish List</ a >
201
+ < a href ="# "> Newsletter</ a >
202
+ < a href ="# "> Returns</ a >
203
+ </ div >
204
+ < div class ="footer-center ">
205
+ < h3 > CONTACT US</ h3 >
206
+ < div >
207
+ < span >
208
+ < i class ="fas fa-map-marker-alt "> </ i >
209
+ </ span >
210
+ 42 Dream House, Dreammy street, 7131 Dreamville, USA
211
+ </ div >
212
+ < div >
213
+ < span >
214
+ < i class ="far fa-envelope "> </ i >
215
+ </ span >
216
+ company@gmail.com
217
+ </ div >
218
+ < div >
219
+ < span >
220
+ < i class ="fas fa-phone "> </ i >
221
+ </ span >
222
+ 456-456-4512
223
+ </ div >
224
+ < div >
225
+ < span >
226
+ < i class ="far fa-paper-plane "> </ i >
227
+ </ span >
228
+ Dream City, USA
229
+ </ div >
230
+ </ div >
231
+ </ div >
232
+ </ div >
233
+ </ div >
234
+ </ footer >
235
+ <!-- End Footer -->
236
+
237
+ <!-- GSAP -->
238
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js "> </ script >
239
+ <!-- Custom Script -->
240
+ < script src ="./js/index.js "> </ script >
241
+ </ body >
242
+
243
+ </ html >
0 commit comments