Skip to content

Commit 7c50e42

Browse files
toohard0987-techtoohard0987-tech
authored
Create cart.html
1 parent a302af2 commit 7c50e42

1 file changed

Lines changed: 182 additions & 0 deletions

File tree

‎cart.html‎

Lines changed: 182 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
6+
<meta charset="UTF-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
9+
<title>Shopping Cart | BABA TECH HUB</title>
10+
11+
<link rel="stylesheet" href="css/style.css">
12+
<link rel="stylesheet" href="css/responsive.css">
13+
<link rel="stylesheet"
14+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
15+
16+
</head>
17+
18+
<body>
19+
20+
<header>
21+
22+
<nav class="navbar">
23+
24+
<div class="logo">
25+
26+
<h2>BABA <span>TECH HUB</span></h2>
27+
28+
</div>
29+
30+
<ul class="nav-links">
31+
32+
<li><a href="index.html">Home</a></li>
33+
<li><a href="products.html">Products</a></li>
34+
<li><a href="services.html">Services</a></li>
35+
<li><a href="about.html">About</a></li>
36+
<li><a href="contact.html">Contact</a></li>
37+
38+
</ul>
39+
40+
</nav>
41+
42+
</header>
43+
44+
<section class="cart-page">
45+
46+
<div class="section-title">
47+
48+
<h2>Your Shopping Cart</h2>
49+
50+
<p>Review your selected products</p>
51+
52+
</div>
53+
54+
<div class="cart-container">
55+
56+
<div class="cart-items">
57+
58+
<div class="cart-item">
59+
60+
<img src="images/laptops/dell.jpg">
61+
62+
<div class="cart-details">
63+
64+
<h3>Dell Latitude 7420</h3>
65+
66+
<p>Intel i5 | 16GB RAM | 512GB SSD</p>
67+
68+
<h4>₹28,999</h4>
69+
70+
</div>
71+
72+
<div class="quantity">
73+
74+
<button>-</button>
75+
76+
<input type="number" value="1">
77+
78+
<button>+</button>
79+
80+
</div>
81+
82+
<button class="remove">
83+
84+
<i class="fa-solid fa-trash"></i>
85+
86+
</button>
87+
88+
</div>
89+
90+
<div class="cart-item">
91+
92+
<img src="images/mobiles/iphone13.jpg">
93+
94+
<div class="cart-details">
95+
96+
<h3>Apple iPhone 13</h3>
97+
98+
<p>128GB Midnight</p>
99+
100+
<h4>₹35,999</h4>
101+
102+
</div>
103+
104+
<div class="quantity">
105+
106+
<button>-</button>
107+
108+
<input type="number" value="1">
109+
110+
<button>+</button>
111+
112+
</div>
113+
114+
<button class="remove">
115+
116+
<i class="fa-solid fa-trash"></i>
117+
118+
</button>
119+
120+
</div>
121+
122+
</div>
123+
124+
<div class="cart-summary">
125+
126+
<h2>Order Summary</h2>
127+
128+
<div class="summary-row">
129+
130+
<span>Subtotal</span>
131+
132+
<span>₹64,998</span>
133+
134+
</div>
135+
136+
<div class="summary-row">
137+
138+
<span>Delivery</span>
139+
140+
<span>Free</span>
141+
142+
</div>
143+
144+
<div class="summary-row total">
145+
146+
<span>Total</span>
147+
148+
<span>₹64,998</span>
149+
150+
</div>
151+
152+
<a href="https://wa.me/916376735807"
153+
154+
class="btn-primary"
155+
156+
style="display:block;text-align:center;margin-top:25px;">
157+
158+
Checkout on WhatsApp
159+
160+
</a>
161+
162+
</div>
163+
164+
</div>
165+
166+
</section>
167+
168+
<footer>
169+
170+
<div class="footer-bottom">
171+
172+
© 2026 BABA TECH HUB
173+
174+
</div>
175+
176+
</footer>
177+
178+
<script src="js/script.js"></script>
179+
180+
</body>
181+
182+
</html>

0 commit comments

Comments
 (0)