Copy
<footer class="relative z-1 overflow-hidden bg-secondary [--title:#fff] overlay-black-light before:bg-black before:opacity-70 bg-fixed bg-cover bg-[url('../images/background/bg1.jpg')]">
<div class="pt-[90px] max-lg:pt-13.5 pb-14.5 max-lg:pb-5 max-md:!pb-0 text-white/60">
<div class="container relative">
<div class="row">
<div class="xl:w-1/4 md:w-1/3 sm:w-1/2 w-full wow fadeInUp" data-wow-delay="0.1s">
<div class="mb-7.5 widget_about mr-2">
<div class="mb-6">
<a href="index.html"><img src="assets/images/logo-white.svg" alt="" class="max-w-[180px]"></a>
</div>
<ul class="mb-6 text-white">
<li class="py-1 text-2sm font-medium">
<p><span>Address</span> : 451 Wall Street, UK, London</p>
</li>
<li class="py-1 text-2sm font-medium">
<p><span>E-mail</span> : example@info.com</p>
</li>
<li class="py-1 text-2sm font-medium">
<p><span>Phone</span> : (064) 332-1233</p>
</li>
</ul>
<h6 class="capitalize mb-2">subscribe to our newsletter</h6>
<form class="dzSubscribe style-1" action="script/mailchamp.php" method="post">
<div class="dzSubscribeMsg"></div>
<div class="form-group">
<div class="relative flex flex-wrap items-stretch w-full">
<input name="dzEmail" required="required" type="email" class="w-[1%] flex-auto h-[45px] py-2.5 px-5 border border-white rounded-xl bg-light2 text-black placeholder:text-black outline-none focus:shadow-focus" placeholder="Your Email Address">
<div class="absolute right-0 top-1/2 z-9 -translate-y-1/2">
<button name="submit" value="Submit" type="submit" class="size-13.5 group">
<i class="icon feather icon-arrow-right text-xl group-hover:animate-toLeftFromRight text-black"></i>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="xl:w-1/4 md:w-1/3 sm:w-1/2 w-full wow fadeInUp" data-wow-delay="0.2s">
<div class="mb-7.5">
<h5 class="text-xl leading-[1.2] mb-5">Recent Posts</h5>
<ul>
<li class="flex items-center mb-4">
<div class="size-14.5 min-w-14.5 mr-3.6">
<img src="assets/images/shop/product/small/1.png" alt="" class="rounded-xl w-full">
</div>
<div>
<h6><a href="post-standard.html">Cozy Knit Cardigan Sweater</a></h6>
<span class="text-2xs">July 23, 2024</span>
</div>
</li>
<li class="flex items-center mb-4">
<div class="size-14.5 min-w-14.5 mr-3.6">
<img src="assets/images/shop/product/small/2.png" alt="" class="rounded-xl w-full">
</div>
<div>
<h6><a href="post-standard.html">Sophisticated Swagger Suit</a></h6>
<span class="text-2xs">July 23, 2024</span>
</div>
</li>
<li class="flex items-center mb-4">
<div class="size-14.5 min-w-14.5 mr-3.6">
<img src="assets/images/shop/product/small/3.png" alt="" class="rounded-xl w-full">
</div>
<div>
<h6><a href="post-standard.html">Athletic Mesh Sports Leggings</a></h6>
<span class="text-2xs">July 23, 2024</span>
</div>
</li>
</ul>
</div>
</div>
<div class="xl:w-1/6 sm:w-1/3 w-1/2 wow fadeInUp" data-wow-delay="0.3s">
<div class="mb-7.5 font-medium">
<h5 class="text-xl leading-[1.2] mb-5">Our Stores</h5>
<ul>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">New York</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">London SF</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Edinburgh</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Los Angeles</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Chicago</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Las Vegas</a></li>
</ul>
</div>
</div>
<div class="xl:w-1/6 sm:w-1/3 w-1/2 wow fadeInUp" data-wow-delay="0.4s">
<div class="mb-7.5 font-medium">
<h5 class="text-xl leading-[1.2] mb-5">Useful Links</h5>
<ul>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Privacy Policy</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Returns</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Terms & Conditions</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Contact Us</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Latest News</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Our Sitemap</a></li>
</ul>
</div>
</div>
<div class="xl:w-1/6 sm:w-1/3 w-full wow fadeInUp" data-wow-delay="0.5s">
<div class="mb-7.5 font-medium">
<h5 class="text-xl leading-[1.2] mb-5">Footer Menu</h5>
<ul>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Instagram Profile</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">New Collection</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Woman Dress</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Contact Us</a></li>
<li class="py-2 leading-5 text-2sm"><a class="hover:text-primary" href="javascript:void(0);">Latest News</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container relative">
<div class="row py-7 max-sm:py-5 border-t border-white/10 text-white/60 font-semibold text-2sm max-sm:text-sm wow fadeInUp" data-wow-delay="0.1s">
<div class="lg:w-1/2 w-full !p-0 text-start max-lg:text-center">
<p class="copyright-text">© <span class="current-year">2024</span><a class="text-primary" target="_blank" href="https://www.dexignzone.com/"> DexignZone</a> Theme. All Rights Reserved.</p>
</div>
<div class="lg:w-1/2 w-full !p-0 text-end max-lg:text-center max-lg:mt-3.6">
<div class="flex items-center justify-center md:justify-center xl:justify-end">
<span class="mr-4">We Accept: </span>
<img src="assets/images/footer-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
</footer>