<footer class="pt-10 pt-lg-12 pb-8 footer">
<div class="container container-xl">
<div class="row">
<div class="col-md-5 col-12 mb-8 mb-md-9 mb-lg-0">
<h3 class="mb-2 mb-lg-3 custom-font-02 fs-lg-34 fs-24 font-weight-400">Care for Your Skin,<br>Care for Your Beauty</h3>
<p>Give your inbox some love with new products, tips, & more.</p>
<form class="pt-3 pr-xl-5">
<div class="input-group position-relative">
<input type="email" class="form-control rounded height-60 border-0 pr-10"
placeholder="Your email">
<button type="submit"
class="btn fs-29 text-secondary position-absolute pos-fixed-right-center px-5 z-index-10">
<svg class="icon icon-long-arrow-right">
<use xlink:href="#icon-long-arrow-right"></use>
</svg>
</button>
</div>
</form>
</div>
<div class="col-md col-12 mb-7 mb-lg-0 offset-lg-2">
<h3 class="fs-20 mb-3">About Us</h3>
<ul class="list-unstyled mb-0">
<li class="pb-1"><a href="#" class="text-body lh-175">About us</a></li>
<li class="py-1"><a href="#" class="text-body lh-175">Careers</a></li>
<li class="py-1"><a href="#" class="text-body lh-175">Store Locations</a></li>
<li class="py-1"><a href="#" class="text-body lh-175">Our Blog</a></li>
<li class="pt-1"><a href="#" class="text-body lh-175">Reviews</a></li>
</ul>
</div>
<div class="col-md col-12 mb-8 mb-lg-0">
<h3 class="fs-20 mb-3">Infomation</h3>
<ul class="list-unstyled mb-0">
<li class="pb-1"><a href="#" class="text-body lh-175">Start a Return</a></li>
<li class="py-1"><a href="#" class="text-body lh-175">Contact Us</a></li>
<li class="py-1"><a href="#" class="text-body lh-175">Shipping FAQ</a></li>
<li class="py-1"><a href="#" class="text-body lh-175">Terms & Conditions</a></li>
<li class="pt-1"><a href="#" class="text-body lh-175">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="row mt-0 mt-lg-14 align-items-center">
<div class="col-12 col-md-6 col-lg-4 d-flex align-items-center order-2 order-lg-1 mt-4 mt-md-7 mt-lg-0">
<p class="mb-0">© Glowing 2022</p>
<ul class="list-inline fs-18 ml-3 mb-0">
<li class="list-inline-item mr-4">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mr-4">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mr-4">
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-youtube"></i></a>
</li>
</ul>
</div>
<div class="col-12 col-lg-4 text-md-center order-1 order-lg-2">
<div class="mw-184px mx-md-auto text-md-center">
<img src="../../../images/logo-black-02.png" alt="Glowing">
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 text-md-right order-3 mt-4 mt-md-7 mt-lg-0">
<img src="../../../images/icon-pay.png" alt="Pay">
</div>
</div>
</div>
</footer>