Footer Style 6

Copy
<footer class="relative bg-secondary [--title:#fff]">
	<div class="container">
		<div class="row">
			<div class="md:w-1/3 lg:w-1/3 w-full md:!px-0">
				<div class="md:w-[50vw] w-full max-md:mt-13.5 float-right h-full relative z-1 after:content-[''] after:absolute after:top-0 after:left-0 after:size-full after:bg-[#FFFAF3] after:z-0 after:pointer-events-none after:mix-blend-soft-light">
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d227748.3825624477!2d75.65046970649679!3d26.88544791796718!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396c4adf4c57e281%3A0xce1c63a0cf22e09!2sJaipur%2C+Rajasthan!5e0!3m2!1sen!2sin!4v1500819483219" style="border:0; width:100%; min-height:100%; margin-bottom: -8px;" allowfullscreen></iframe>
				</div>
			</div>
			<div class="md:w-2/3 lg:w-2/3 w-full">
				
				<div class="md:pt-17 md:pb-7.5 sm:pt-13.5 pt-11 max-lg:pb-5 max-sm:!pb-0 md:px-10 mt-7.5">
					<div class="row">
						<div class="xl:w-1/2 w-full">
							<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 w-1/2">
							<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/4 w-1/2">
							<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 class="md:px-10">
					<div class="py-7 max-sm:py-5 border-t border-white/10 text-white/60 font-semibold text-2sm max-sm:text-sm">
						<div class="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>
				</div>
			</div>
		</div>
	</div>
</footer>