Skip to content

Commit 1939cf5

Browse files
committed
completed mini ecommerce website
1 parent e43a33b commit 1939cf5

24 files changed

+2554
-0
lines changed
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

ecommerce-website-4-master/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# Responsive Ecommerce Website

ecommerce-website-4-master/cart.html

Lines changed: 243 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,243 @@
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

Comments
 (0)