Untitled
unknown
plain_text
2 years ago
3.7 kB
10
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
.download-cont{
margin-bottom: 1rem;
height: 95vh;
width: 80vw;
margin: auto;
}
.download-cont > img{
width: 100%;
/* height: 100%; */
}
footer{
background-color: #fdf3f4;
}
.footer-cont{
padding: 1rem;
background-color: transparent;
display: flex;
justify-content: space-between;
margin: auto;
width: 80vw;
align-items: center;
}
.footer-items{
gap: 2rem;
position: relative;
max-width: 20vw;
display: flex;
flex-direction: column;
/* justify-content: space-between; */
}
.first-cont{
gap: 2rem;
}
.footer-items > ul{
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 1rem;
}
</style>
</head>
<body>
<section>
<div class="download-cont">
<img src="download.png" alt="download in playstore">
</div>
</section>
<footer>
<div class="footer-cont">
<div class="first-cont footer-items">
<div class="sub-iems">
<img src="logo.png" alt="logo">
</div>
<div class="sub-iems">
Retail food delivery is a courier service in which a restaurant, store, or independent food-delivery
</div>
<div class="sub-iems">
<img src="Social media icon.png" alt="social">
</div>
</div>
<div class="footer-items">
<h3 class="h3">Company</h3>
<ul class="sub-items-cont">
<li class="sub-items">About Us</li>
<li class="sub-items">Blogs</li>
<li class="sub-items">All Products</li>
<li class="sub-items">Map</li>
</ul>
</div>
<div class="footer-items">
<h3 class="h3">Services</h3>
<ul class="sub-items-cont">
<li class="sub-items">Order Tracking</li>
<li class="sub-items">Wish List</li>
<li class="sub-items">My Account</li>
<li class="sub-items">Terms & Conditions</li>
</ul>
</div>
<div class="footer-items">
<h3 class="h3">Support</h3>
<ul class="sub-items-cont">
<li class="sub-items">FAQ</li>
<li class="sub-items">Policy</li>
<li class="sub-items">Business</li>
<li class="sub-items">Support Career</li>
</ul>
</div>
<div class="footer-items">
<h3 class="h3" style="margin-bottom: 1.5rem;">Contact</h3>
<ul class="sub-items-cont">
<li class="sub-items">Whatsapp</li>
<li class="sub-items">Support 24</li>
<li class="sub-items">Quick Chat</li>
</ul>
</div>
</div>
</footer>
</body>
</html>Editor is loading...