Skip to content

Commit e43a33b

Browse files
oyerohabiboyerohabib
committed
completed ecommerce website
1 parent f47da84 commit e43a33b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+3140
-0
lines changed

‎ecom5-master/cart.html

Lines changed: 286 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,286 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<!-- Favicon -->
7+
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
8+
<!-- Font Awesome -->
9+
<link
10+
rel="stylesheet"
11+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
12+
/>
13+
14+
<!-- Custom StyleSheet -->
15+
<link rel="stylesheet" href="./styles.css" />
16+
<title>Ecommerce Website</title>
17+
</head>
18+
19+
<body>
20+
21+
<!-- Navigation -->
22+
<nav class="nav">
23+
<div class="wrapper container">
24+
<div class="logo"><a href="">LAGOSWEARS</a></div>
25+
<ul class="nav-list">
26+
<div class="top">
27+
<label for="" class="btn close-btn"
28+
><i class="fas fa-times"></i
29+
></label>
30+
</div>
31+
<li><a href="index.html">Home</a></li>
32+
<li><a href="products.html">Products</a></li>
33+
<li>
34+
<a href="" class="desktop-item"
35+
>Shop <span><i class="fas fa-chevron-down"></i></span
36+
></a>
37+
<input type="checkbox" id="showMega" />
38+
<label for="showMega" class="mobile-item"
39+
>Shop <span><i class="fas fa-chevron-down"></i></span
40+
></label>
41+
<div class="mega-box">
42+
<div class="content">
43+
<div class="row">
44+
<img src="./images/woman.jpg" alt="" />
45+
</div>
46+
<div class="row">
47+
<header>Shop Layout</header>
48+
<ul class="mega-links">
49+
<li><a href="#">Shop With Background</a></li>
50+
<li><a href="#">Shop Mini Categories</a></li>
51+
<li><a href="#">Shop Only Categories</a></li>
52+
<li><a href="#">Shop Icon Categories</a></li>
53+
</ul>
54+
</div>
55+
<div class="row">
56+
<header>Filter Layout</header>
57+
<ul class="mega-links">
58+
<li><a href="#">Sidebar</a></li>
59+
<li><a href="#">Filter Default</a></li>
60+
<li><a href="#">Filter Drawer</a></li>
61+
<li><a href="#">Filter Dropdown</a></li>
62+
</ul>
63+
</div>
64+
<div class="row">
65+
<header>Product Layout</header>
66+
<ul class="mega-links">
67+
<li><a href="#">Layout Zoom</a></li>
68+
<li><a href="#">Layout Sticky</a></li>
69+
<li><a href="#">Layout Sticky 2</a></li>
70+
<li><a href="#">Layout Scroll</a></li>
71+
</ul>
72+
</div>
73+
</div>
74+
</div>
75+
</li>
76+
<li><a href="">Blog</a></li>
77+
<li>
78+
<a href="" class="desktop-item"
79+
>Vendors <span><i class="fas fa-chevron-down"></i></span
80+
></a>
81+
<input type="checkbox" id="showdrop1" />
82+
<label for="showdrop1" class="mobile-item"
83+
>Vendors <span><i class="fas fa-chevron-down"></i></span
84+
></label>
85+
<ul class="drop-menu1">
86+
<li><a href="">Vendor Store listings</a></li>
87+
<li><a href="">Store Details</a></li>
88+
</ul>
89+
</li>
90+
91+
<li>
92+
<a href="" class="desktop-item"
93+
>Page <span><i class="fas fa-chevron-down"></i></span
94+
></a>
95+
<input type="checkbox" id="showdrop2" />
96+
<label for="showdrop2" class="mobile-item"
97+
>Page <span><i class="fas fa-chevron-down"></i></span
98+
></label>
99+
<ul class="drop-menu2">
100+
<li><a href="">About</a></li>
101+
<li><a href="">Contact</a></li>
102+
<li><a href="">Faq</a></li>
103+
<li><a href="">Page 404</a></li>
104+
</ul>
105+
</li>
106+
<!-- icons -->
107+
<li class="icons">
108+
<span>
109+
<img src="./images/shoppingBag.svg" alt="" />
110+
<small class="count d-flex">0</small>
111+
</span>
112+
<span><img src="./images/search.svg" alt="" /></span>
113+
</li>
114+
</ul>
115+
<label for="" class="btn open-btn"><i class="fas fa-bars"></i></label>
116+
</div>
117+
</nav>
118+
119+
<!-- Cart Items -->
120+
<div class="container cart">
121+
<table>
122+
<tr>
123+
<th>Product</th>
124+
<th>Quantity</th>
125+
<th>Subtotal</th>
126+
</tr>
127+
<tr>
128+
<td>
129+
<div class="cart-info">
130+
<img src="./images/product1.jpg" alt="" />
131+
<div>
132+
<p>Bambi Print Mini Backpack</p>
133+
<span>Price: $500.00</span>
134+
<br />
135+
<a href="#">remove</a>
136+
</div>
137+
</div>
138+
</td>
139+
<td><input type="number" value="1" min="1" /></td>
140+
<td>$50.00</td>
141+
</tr>
142+
<tr>
143+
<td>
144+
<div class="cart-info">
145+
<img src="./images/product2.jpg" alt="" />
146+
<div>
147+
<p>Bambi Print Mini Backpack</p>
148+
<span>Price: $900.00</span>
149+
<br />
150+
<a href="#">remove</a>
151+
</div>
152+
</div>
153+
</td>
154+
<td><input type="number" value="1" min="1" /></td>
155+
<td>$90.00</td>
156+
</tr>
157+
<tr>
158+
<td>
159+
<div class="cart-info">
160+
<img src="./images/product3.jpg" alt="" />
161+
<div>
162+
<p>Bambi Print Mini Backpack</p>
163+
<span>Price: $700.00</span>
164+
<br />
165+
<a href="#">remove</a>
166+
</div>
167+
</div>
168+
</td>
169+
<td><input type="number" value="1" min="1" /></td>
170+
<td>$60.00</td>
171+
</tr>
172+
<tr>
173+
<td>
174+
<div class="cart-info">
175+
<img src="./images/product4.jpg" alt="" />
176+
<div>
177+
<p>Bambi Print Mini Backpack</p>
178+
<span>Price: $600.00</span>
179+
<br />
180+
<a href="#">remove</a>
181+
</div>
182+
</div>
183+
</td>
184+
<td><input type="number" value="1" min="1" /></td>
185+
<td>$60.00</td>
186+
</tr>
187+
<tr>
188+
<td>
189+
<div class="cart-info">
190+
<img src="./images/product5.jpg" alt="" />
191+
<div>
192+
<p>Bambi Print Mini Backpack</p>
193+
<span>Price: $600.00</span>
194+
<br />
195+
<a href="#">remove</a>
196+
</div>
197+
</div>
198+
</td>
199+
<td><input type="number" value="1" min="1" /></td>
200+
<td>$60.00</td>
201+
</tr>
202+
</table>
203+
204+
<div class="total-price">
205+
<table>
206+
<tr>
207+
<td>Subtotal</td>
208+
<td>$200</td>
209+
</tr>
210+
<tr>
211+
<td>Tax</td>
212+
<td>$50</td>
213+
</tr>
214+
<tr>
215+
<td>Total</td>
216+
<td>$250</td>
217+
</tr>
218+
</table>
219+
<a href="#" class="checkout btn">Proceed To Checkout</a>
220+
</div>
221+
</div>
222+
223+
<!-- Footer -->
224+
<footer id="footer" class="section footer">
225+
<div class="container">
226+
<div class="footer-container">
227+
<div class="footer-center">
228+
<h3>EXTRAS</h3>
229+
<a href="#">Brands</a>
230+
<a href="#">Gift Certificates</a>
231+
<a href="#">Affiliate</a>
232+
<a href="#">Specials</a>
233+
<a href="#">Site Map</a>
234+
</div>
235+
<div class="footer-center">
236+
<h3>INFORMATION</h3>
237+
<a href="#">About Us</a>
238+
<a href="#">Privacy Policy</a>
239+
<a href="#">Terms & Conditions</a>
240+
<a href="#">Contact Us</a>
241+
<a href="#">Site Map</a>
242+
</div>
243+
<div class="footer-center">
244+
<h3>MY ACCOUNT</h3>
245+
<a href="#">My Account</a>
246+
<a href="#">Order History</a>
247+
<a href="#">Wish List</a>
248+
<a href="#">Newsletter</a>
249+
<a href="#">Returns</a>
250+
</div>
251+
<div class="footer-center">
252+
<h3>CONTACT US</h3>
253+
<div>
254+
<span>
255+
<i class="fas fa-map-marker-alt"></i>
256+
</span>
257+
42 Dream House, Dreammy street, 7131 Dreamville, USA
258+
</div>
259+
<div>
260+
<span>
261+
<i class="far fa-envelope"></i>
262+
</span>
263+
company@gmail.com
264+
</div>
265+
<div>
266+
<span>
267+
<i class="fas fa-phone"></i>
268+
</span>
269+
456-456-4512
270+
</div>
271+
<div class="payment-methods">
272+
<img src="./images/payment.png" alt="">
273+
</div>
274+
</div>
275+
</div>
276+
</div>
277+
</div>
278+
</footer>
279+
<!-- End Footer -->
280+
281+
<!-- Custom Scripts -->
282+
<script src="./js/products.js"></script>
283+
<script src="./js/slider.js"></script>
284+
<script src="./js/index.js"></script>
285+
</body>
286+
</html>

‎ecom5-master/images/brand1.png

5.49 KB
Loading

‎ecom5-master/images/brand2.png

23.8 KB
Loading

‎ecom5-master/images/brand3.png

12.3 KB
Loading

‎ecom5-master/images/brand4.png

30.4 KB
Loading

‎ecom5-master/images/brand5.png

7.64 KB
Loading

‎ecom5-master/images/brand6.png

4.97 KB
Loading

‎ecom5-master/images/brand7.png

34 KB
Loading

‎ecom5-master/images/favicon.ico

15 KB
Binary file not shown.

‎ecom5-master/images/hero.png

640 KB
Loading

‎ecom5-master/images/payment.png

4.55 KB
Loading

‎ecom5-master/images/product1.jpg

90.5 KB
Loading

‎ecom5-master/images/product10.jpg

86.2 KB
Loading

‎ecom5-master/images/product11.jpg

85.7 KB
Loading

‎ecom5-master/images/product12.jpg

78.9 KB
Loading

‎ecom5-master/images/product13.jpg

99.3 KB
Loading

‎ecom5-master/images/product14.jpg

78.8 KB
Loading

‎ecom5-master/images/product2.jpg

83.5 KB
Loading

‎ecom5-master/images/product3.jpg

71.1 KB
Loading

‎ecom5-master/images/product4.jpg

88.8 KB
Loading

‎ecom5-master/images/product5.jpg

106 KB
Loading

‎ecom5-master/images/product6.jpg

83.1 KB
Loading

‎ecom5-master/images/product7.jpg

89.7 KB
Loading

‎ecom5-master/images/product8.jpg

73.1 KB
Loading

‎ecom5-master/images/product9.jpg

76.9 KB
Loading

‎ecom5-master/images/promo1.jpg

76.6 KB
Loading

‎ecom5-master/images/promo2.jpg

67.2 KB
Loading

‎ecom5-master/images/promo3.jpg

58.1 KB
Loading

‎ecom5-master/images/promo4.jpg

51.2 KB
Loading

‎ecom5-master/images/promo5.jpg

33.6 KB
Loading

‎ecom5-master/images/promo6.jpg

112 KB
Loading

‎ecom5-master/images/promo7.jpg

62.6 KB
Loading

‎ecom5-master/images/promo8.jpg

54.6 KB
Loading

‎ecom5-master/images/search.svg

Lines changed: 1 addition & 0 deletions
Loading

‎ecom5-master/images/shoppingBag.svg

Lines changed: 1 addition & 0 deletions
Loading

‎ecom5-master/images/woman.jpg

17.1 MB
Loading

0 commit comments

Comments
 (0)