-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcart.html
132 lines (130 loc) · 5.02 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
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cart Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
<link rel="stylesheet" href="assets/style.css">
<link rel="stylesheet" href="assets/responsive.css">
</head>
<body>
<section class="container">
<header class="header">
<nav class="navbar-desc ">
<div class="logo">
<a href="index.html">
<img src="./assets/img/logo.png" alt="">
</a>
</div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="search">
<label for="check" class="checkbtn">
<i class="fas fa-search"></i>
</label>
<input type="text" name="" id="" placeholder="Search"> <span>|</span>
<i class="fa-solid fa-cart-shopping"></i>
</div>
</nav>
<nav class="navbar-mobile ">
<div class="logo">
<img src="./assets/img/logo.png" alt="">
</div>
<div class="menu">
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<div class="nav-mobile">
<a href="index.html#home">Home</a>
<a href="shop.html">Shop</a>
<a href="cart.html">Cart</a>
<a href="index.html#contact">Contact</a>
</div>
</div>
</nav>
</header>
</section>
<section class="container cart">
<div class="cart-container">
<div class="section-header">
<p>Cart</p>
<h2>List of Cart Items</h2>
</div>
<div style="overflow-x: auto;">
<table id="cart-table">
<thead>
<tr>
<th>Image</th>
<th>Title</th>
<th>Price</th>
<th>Quantity</th>
<th>Remove</th>
</tr>
</thead>
<tbody id="cart-items">
</tbody>
</table>
</div>
<div id="cart-summary">
<h2>Total Price: $<span id="total-price">0.00</span></h2>
</div>
</div>
</section>
<footer class="" style="margin-top:45px">
<div class="container footer-content">
<div>
<img src="./assets/img/logo.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Commodo libero viverra dapibus odio sit malesuada in quis. Arcu tristique elementum viverra integer id.</p>
<ul class="d-flex social">
<li><i class="fa-brands fa-facebook-f"></i></li>
<li><i class="fa-brands fa-twitter"></i></li>
<li><i class="fa-brands fa-linkedin-in"></i></li>
<li><i class="fa-brands fa-instagram"></i></li>
</ul>
</div>
<div>
<h3>Opening Restaurant</h3>
<ul>
<li><a href="#">Sat-Wet: 09:00am-10:00PM</a></li>
<li><a href="#">Thursdayt: 09:00am-11:00PM</a></li>
<li><a href="#">Friday: 09:00am-8:00PM</a></li>
</ul>
</div>
<div>
<h3>Useful Link</h3>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Order Delivery</a></li>
<li><a href="#">Payment & Tex</a></li>
<li><a href="#">Terms of Services</a></li>
</ul>
</div>
<div>
<h3>Contact</h3>
<ul>
<li><i class="fa-solid fa-location-dot"></i> Mohammadpur, Dhaka</li>
<li><i class="fa-solid fa-phone-volume"></i> +88 017 0000 0000</li>
<li><i class="fa-solid fa-envelope"></i><a href="mailto:" class="email">[email protected]</a>
</ul>
<div class="contact">
<input type="text" name="" id="" placeholder="Type your email">
<button><i class="fa-solid fa-arrow-right"></i></button>
</div>
</div>
</div>
</footer>
<script src="assets/app.js"></script>
<script>
window.onload=function(){
loadCart();
}
</script>
</body>
</html>