Skip to content

Commit 57c8a4b

Browse files
abhishekrathoreabhishekrathore
committed
footer changes
1 parent a7d8d06 commit 57c8a4b

10 files changed

+537
-276
lines changed

‎404.html

+50-29
Original file line numberDiff line numberDiff line change
@@ -47,35 +47,56 @@ <h6>Sorry, we couldn't find what your are looking for. Go to
4747

4848
<div class="footer mt-auto bg-dark text-light">
4949
<div class="container py-3">
50-
<div class="row d-flex footer-items">
51-
<div class="col">
52-
<h5>Categories</h5>
53-
<ul>
54-
<li>Watches</li>
55-
<li>Mobiles</li>
56-
<li>Tablets</li>
57-
<li>Audio</li>
58-
<li>Drones</li>
59-
</ul>
60-
</div>
61-
<div class="col">
62-
<h5>Useful Links</h5>
63-
<ul>
64-
<li>Terms</li>
65-
<li>Privacy</li>
66-
<li>About us</li>
67-
<li>Mission</li>
68-
</ul>
69-
</div>
70-
<div class="col">
71-
<h5>Get Updates</h5>
72-
<div class="d-flex">
73-
<input type="text" class="form-control" />
74-
<button class="btn btn-primary">Subscribe</button>
75-
</div>
76-
</div>
77-
</div>
50+
<div class="row d-flex footer-items">
51+
<div class="col-lg-4">
52+
<h5>Categories</h5>
53+
<ul>
54+
<li><a href="#">Watches</a></li>
55+
<li><a href="#">Mobiles</a></li>
56+
<li><a href="#">Tablets</a></li>
57+
<li><a href="#">Audio</a></li>
58+
<li><a href="#">Drones</a></li>
59+
</ul>
60+
</div>
61+
<div class="col-lg-4">
62+
<h5>Useful Links</h5>
63+
<ul>
64+
<li><a href="#">Terms</a></li>
65+
<li><a href="#">Privacy</a></li>
66+
<li><a href="#">About us</a></li>
67+
<li><a href="#">Mission</a></li>
68+
</ul>
69+
</div>
70+
<div class="col-lg-4">
71+
<h5>Get Updates</h5>
72+
<div class="d-flex subscribe">
73+
<input type="text" class="form-control">
74+
<button class="btn btn-warning">Subscribe</button>
75+
</div>
76+
<div class="mt-2">
77+
<div class="btn-group me-2 social-icons" role="group" aria-label="First group">
78+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
79+
<i class="bi bi-facebook"></i>
80+
</button>
81+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
82+
<i class="bi bi-instagram"></i>
83+
</button>
84+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
85+
<i class="bi bi-twitter"></i>
86+
</button>
87+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
88+
<i class="bi bi-linkedin"></i>
89+
</button>
90+
</div>
91+
</div>
92+
</div>
93+
</div>
94+
<div class="row text-center">
95+
<span>@coderdost</span>
96+
</div>
7897
</div>
79-
</div>
98+
99+
</div>
100+
<!-- End of Footer -->
80101
</body>
81102
</html>

‎cart.html

+50-30
Original file line numberDiff line numberDiff line change
@@ -192,37 +192,57 @@ <h4>Order Total</h4>
192192

193193
<div class="footer mt-auto bg-dark text-light">
194194
<div class="container py-3">
195-
<div class="row d-flex footer-items">
196-
<div class="col">
197-
<h5>Categories</h5>
198-
<ul>
199-
<li>Watches</li>
200-
<li>Mobiles</li>
201-
<li>Tablets</li>
202-
<li>Audio</li>
203-
<li>Drones</li>
204-
</ul>
205-
</div>
206-
<div class="col">
207-
<h5>Useful Links</h5>
208-
<ul>
209-
<li>Terms</li>
210-
<li>Privacy</li>
211-
<li>About us</li>
212-
<li>Mission</li>
213-
</ul>
214-
</div>
215-
<div class="col">
216-
<h5>Get Updates</h5>
217-
<div class="d-flex">
218-
<input type="text" class="form-control" />
219-
<button class="btn btn-primary">Subscribe</button>
220-
</div>
221-
</div>
222-
</div>
195+
<div class="row d-flex footer-items">
196+
<div class="col-lg-4">
197+
<h5>Categories</h5>
198+
<ul>
199+
<li><a href="#">Watches</a></li>
200+
<li><a href="#">Mobiles</a></li>
201+
<li><a href="#">Tablets</a></li>
202+
<li><a href="#">Audio</a></li>
203+
<li><a href="#">Drones</a></li>
204+
</ul>
205+
</div>
206+
<div class="col-lg-4">
207+
<h5>Useful Links</h5>
208+
<ul>
209+
<li><a href="#">Terms</a></li>
210+
<li><a href="#">Privacy</a></li>
211+
<li><a href="#">About us</a></li>
212+
<li><a href="#">Mission</a></li>
213+
</ul>
214+
</div>
215+
<div class="col-lg-4">
216+
<h5>Get Updates</h5>
217+
<div class="d-flex subscribe">
218+
<input type="text" class="form-control">
219+
<button class="btn btn-warning">Subscribe</button>
220+
</div>
221+
<div class="mt-2">
222+
<div class="btn-group me-2 social-icons" role="group" aria-label="First group">
223+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
224+
<i class="bi bi-facebook"></i>
225+
</button>
226+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
227+
<i class="bi bi-instagram"></i>
228+
</button>
229+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
230+
<i class="bi bi-twitter"></i>
231+
</button>
232+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
233+
<i class="bi bi-linkedin"></i>
234+
</button>
235+
</div>
236+
</div>
237+
</div>
238+
</div>
239+
<div class="row text-center">
240+
<span>@coderdost</span>
241+
</div>
223242
</div>
224-
</div>
225-
<!-- End of Footer -->
243+
244+
</div>
245+
<!-- End of Footer -->
226246
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
227247
<div class="modal-dialog">
228248
<div class="modal-content">

‎checkout.html

+51-30
Original file line numberDiff line numberDiff line change
@@ -262,38 +262,59 @@ <h4 class="mb-3">Payment</h4>
262262

263263
</div>
264264

265-
<div class="footer mt-auto bg-dark text-light">
266-
<div class="container py-3">
267-
<div class="row d-flex footer-items">
268-
<div class="col">
269-
<h5>Categories</h5>
270-
<ul>
271-
<li>Watches</li>
272-
<li>Mobiles</li>
273-
<li>Tablets</li>
274-
<li>Audio</li>
275-
<li>Drones</li>
276-
</ul>
277-
</div>
278-
<div class="col">
279-
<h5>Useful Links</h5>
280-
<ul>
281-
<li>Terms</li>
282-
<li>Privacy</li>
283-
<li>About us</li>
284-
<li>Mission</li>
285-
</ul>
286-
</div>
287-
<div class="col">
288-
<h5>Get Updates</h5>
289-
<div class="d-flex">
290-
<input type="text" class="form-control" />
291-
<button class="btn btn-primary">Subscribe</button>
292-
</div>
293-
</div>
265+
<div class="footer mt-auto bg-dark text-light">
266+
<div class="container py-3">
267+
<div class="row d-flex footer-items">
268+
<div class="col-lg-4">
269+
<h5>Categories</h5>
270+
<ul>
271+
<li><a href="#">Watches</a></li>
272+
<li><a href="#">Mobiles</a></li>
273+
<li><a href="#">Tablets</a></li>
274+
<li><a href="#">Audio</a></li>
275+
<li><a href="#">Drones</a></li>
276+
</ul>
277+
</div>
278+
<div class="col-lg-4">
279+
<h5>Useful Links</h5>
280+
<ul>
281+
<li><a href="#">Terms</a></li>
282+
<li><a href="#">Privacy</a></li>
283+
<li><a href="#">About us</a></li>
284+
<li><a href="#">Mission</a></li>
285+
</ul>
286+
</div>
287+
<div class="col-lg-4">
288+
<h5>Get Updates</h5>
289+
<div class="d-flex subscribe">
290+
<input type="text" class="form-control">
291+
<button class="btn btn-warning">Subscribe</button>
292+
</div>
293+
<div class="mt-2">
294+
<div class="btn-group me-2 social-icons" role="group" aria-label="First group">
295+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
296+
<i class="bi bi-facebook"></i>
297+
</button>
298+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
299+
<i class="bi bi-instagram"></i>
300+
</button>
301+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
302+
<i class="bi bi-twitter"></i>
303+
</button>
304+
<button type="button" class="btn btn-secondary mx-1 d-flex flex-column justify-content-center align-items-center">
305+
<i class="bi bi-linkedin"></i>
306+
</button>
307+
</div>
308+
</div>
309+
</div>
310+
</div>
311+
<div class="row text-center">
312+
<span>@coderdost</span>
313+
</div>
294314
</div>
295-
</div>
315+
296316
</div>
317+
<!-- End of Footer -->
297318
<script src="app.js"></script>
298319
</body>
299320
</html>

0 commit comments

Comments
 (0)