Footer Style 1

Copy

		
<footer class="relative bg-light border-t border-black overflow-hidden z-1">
    <div class="pt-[90px] max-lg:pt-13.5 pb-14.5 max-lg:pb-5 max-md:!pb-0">
        <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.svg" alt="" class="max-w-[180px]"></a> 
                        </div>
                        <ul class="mb-6">
                            <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 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"></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 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">New York</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">London SF</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Edinburgh</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Los Angeles</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Chicago</a></li>
                            <li class="py-2 text-2sm leading-5"><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 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Privacy Policy</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Returns</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Terms & Conditions</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Contact Us</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Latest News</a></li>
                            <li class="py-2 text-2sm leading-5"><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 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Instagram profile</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">New Collection</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Woman Dress</a></li>
                            <li class="py-2 text-2sm leading-5"><a class="hover:text-primary" href="javascript:void(0);">Contact Us</a></li>
                            <li class="py-2 text-2sm leading-5"><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-black/10 font-semibold text-2sm max-sm:text-sm wow fadeInUp" data-wow-delay="0.1s">
                <div class="lg:w-1/2 w-full 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 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 Bottom End -->
</footer>