Copy
<footer class="relative bg-secondary [--title:#fff]"> <div class="md:pt-17 md:pb-7.5 sm:pt-13.5 pt-11 max-lg:pb-5 max-sm:!pb-0 text-white/60"> <div class="container"> <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"> <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>