-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (76 loc) · 5.41 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Footer</title>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link href="https://fonts.googleapis.com/css2?family=Unbounded&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam quisquam blanditiis at perspiciatis exercitationem. Aliquid, dolore quam nam dicta voluptates quas culpa repellendus iure eveniet pariatur ullam a rem vitae consequatur impedit. Ipsam atque enim perspiciatis soluta, modi nam aut dolorum officiis eligendi rem adipisci, harum, totam sequi eaque veniam repellat. Nisi quis officiis beatae quod eos libero nulla doloribus enim iure. Odio eveniet dolore praesentium sit sequi soluta exercitationem quasi itaque? Suscipit mollitia sint, laborum voluptatibus, optio adipisci voluptatem cum commodi non voluptates distinctio! Sit eligendi vero, magni quaerat autem, illo fugiat vitae quo nam voluptas eveniet eius alias. Mollitia repellat cum doloribus nihil minima nesciunt atque porro architecto harum quibusdam? A, vel ipsa autem eaque voluptate consectetur? Dignissimos molestias quae necessitatibus, dolor incidunt sint dolore magni libero iusto pariatur ea aspernatur culpa cum est debitis doloribus minus quibusdam cupiditate unde amet expedita? Dolores, cupiditate. Quasi, modi perferendis. Odit soluta illo, perspiciatis repellat perferendis iure ad! Harum sint iste, temporibus voluptatem consequuntur beatae ea libero recusandae culpa eum? Voluptates dolorem maxime libero assumenda, dolore mollitia consectetur quo expedita facilis harum sequi necessitatibus officiis eos eaque molestias itaque distinctio omnis tenetur asperiores cupiditate a? Tempore autem rem impedit saepe fuga?lorem2000</p>
<div id="footer">
<footer>
<div class="container">
<div class="footer-main gap-1 row justify-content-center">
<div class="footer-item footer-item-one col-12 col-sm-12 col-md-10 col-lg-3 col-xl-3 align-items-center">
<img src="random-logo.jpg" alt="logo of the website">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, nobis.</p>
<div class="socialmedia-icons d-flex justify-content-center gap-4">
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-twitter" aria-hidden="true"></i>
<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-telegram" aria-hidden="true"></i>
<i class="fa fa-instagram" aria-hidden="true"></i>
</div>
</div>
<div class="footer-item footer-item-two col-5 col-sm-5 col-md-5 col-lg-2 col-xl-2">
<dl>
<dt>Home</dt>
<dd><a href="#">Track order</a></dd>
<dd><a href="#">Categories</a></dd>
<dd><a href="#">Categories</a></dd>
<dd><a href="#">Categories</a></dd>
</dl>
</div>
<div class="footer-item footer-item-three col-5 col-sm-5 col-md-5 col-lg-2 col-xl-2">
<dl>
<dt>products</dt>
<dd><a href="#">Top deals</a></dd>
<dd><a href="#">Discounts</a></dd>
<dd><a href="#">Offers</a></dd>
<dd><a href="#">Coupons</a> </dd>
</dl>
</div>
<div class="footer-item footer-item-four col-5 col-sm-5 col-md-5 col-lg-2 col-xl-2">
<dl>
<dt>FAQs</dt>
<dd><a href="#">faq article</a></dd>
<dd><a href="#">faq article</a></dd>
<dd><a href="#">faq article</a></dd>
<dd><a href="#">faq article</a></dd>
</dl>
</div>
<div class="footer-item footer-item-five col-5 col-sm-5 col-md-5 col-lg-2 col-xl-2">
<dl>
<dt>Shops</dt>
<dd class="shop-address">shop address-1 Lorem ipsum dolor sit amet.</dd>
<dd class="shop-address">shop address-1 Lorem ipsum dolor sit amet.</dd>
</dl>
</div>
</div>
</div>
<div class="footer-credits">
<div class="container">
copyright text here - 1296-2023
</div>
</div>
</footer>
</div>
</body>
</html>