Footer Style 4

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>