	<!--
		=====================================================
			Footer
		=====================================================
		-->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">

<a href="https://wa.me/9426112749?text=hello+123" target=”_blank” class="whatsapp-btn">
  <i class="bi bi-whatsapp"></i>
</a>

<style>
      /*Estilos generales del boton whatsapp*/
.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: breathe 2s ease-in-out infinite;
}

/*Estilos solo al icono whatsapp*/
.whatsapp-btn i {
  color: #fff;
  font-size: 24px;
  animation: beat 2s ease-in-out infinite;
  text-decoration: none;
}

/*Estilos con animation contorno respirando*/
@keyframes breathe {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
</style>
		
		
		<div class="footer-large-wrapper position-relative">
			<!--
			=====================================================
				Newsletter Banner
			=====================================================
			-->
			<div class="newsletter-banner white-vr">
				<div class="container">
					<div class="main-wrapper bottom-border">
						<div class="row">
							<div class="col-lg-6">
								<h2 class="text-white fw-bold">Newsletter.</h2>
								<p class="text-lg text-white opacity-75 md-pb-20">Get instant news by subscribe to our daily newsletter</p>
							</div>
							<div class="col-lg-6">
								<form action="#" class="me-auto ms-auto me-lg-0">
									<div class="d-flex align-items-center justify-content-between">
										<input type="email" placeholder="Enter your email address">
										<button class="rounded-circle tran3s"><i class="bi bi-arrow-right"></i></button>
									</div>
									<p class="text-center text-lg-end m0 pt-5">Already subscribed? <a href="#" class="fw-500">Unsubscribe</a></p>
								</form>
							</div>
						</div>
					</div>
					<!-- /.main-wrapper -->
				</div>
			</div>




			<!--
			=====================================================
				Footer Four
			=====================================================
			-->
			<div class="footer-four">
				<div class="container">
					<div class="inner-wrapper">
						<div class="row justify-content-between">
							<div class="col-lg-4 footer-intro mb-40">
								<h5 class="footer-title">Contact Through</h5>
								<!-- logo -->
								<p class="mb-55 md-mb-30">No. 209/7, G. I. D. C. Industrial Area, Dist. Bharuch Ankleshwar - 393002, Bharuch, Gujarat, India</p>
								<ul class="style-none">
									<li class="d-flex align-items-center">
										<img src="images/lazy.svg" data-src="images/icon/icon_49.svg" alt="" class="lazy-img icon me-3">
										<a href="mailto:shreepolymers@gmail.com">shreepolymers@gmail.com</a>
									</li>
									<li class="d-flex align-items-center">
										<img src="images/lazy.svg" data-src="images/icon/icon_50.svg" alt="" class="lazy-img icon me-3">
										<a href="tel:+91 94261 12749">+91 94261 12749</a>
									</li>
								</ul>
							</div>
							<div class="col-lg-2 col-sm-4 mb-20">
								<h5 class="footer-title">Links</h5>
								<ul class="footer-nav-link style-none">
									<li><a href="index.php">Home</a></li>
									<li><a href="#">Clients</a></li>
									<li><a href="#">About Us</a></li>
									<li><a href="#">Our Product</a></li>
									<li><a href="#">Certification</a></li>
									<!--<li><a href="#">Downlode</a></li>-->
								</ul>
							</div>
							<div class="col-lg-2 col-sm-4 mb-20">
								<h5 class="footer-title">Company</h5>
								<ul class="footer-nav-link style-none">
									<li><a href="#">Downloads</a></li>
									<li><a href="#">Blogs</a></li>
									<li><a href="#">FAQ’s</a></li>
									<li><a href="contact.html">Contact</a></li>
								</ul>
							</div>
							<div class="col-xxl-2 col-lg-3 col-sm-4 mb-20">
								<h5 class="footer-title">CERTIFICATIONS</h5>
								<img src="images/certificationDandB.jpg" alt="img" class="mb-20">
								<img src="images/BSCIC_NABCB_LOGO.jpg" alt="img">
							</div>
						</div>
					</div> <!-- /.inner-wrapper -->
				</div>
				<div class="container">
					<div class="bottom-footer">
						<div class="row">
							<div class="col-xl-1 col-lg-1 order-lg-1 mb-15">
								<ul class="style-none d-flex align-items-center justify-content-center justify-content-lg-end social-icon">
									<li><a href="#"><i class="bi bi-facebook"></i></a></li>
									<li><a href="#"><i class="bi bi-instagram"></i></a></li>
									<li><a href="#"><i class="bi bi-youtube"></i></a></li>
										<li><a href="#"><i class="bi bi-linkedin"></i></a></li>
								</ul>
							</div>
							<div class="col-xl-4 col-lg-4 order-lg-2 mb-15">
								<ul class="style-none bottom-nav d-flex justify-content-center order-lg-last">
									<li><a href="#">Privacy & Terms</a></li>
									<li><a href="#">Cookies</a></li>
									<li><a href="#">Contact Us</a></li>
								</ul>
							</div>
							<div class="col-xl-7 col-lg-3 order-lg-1 mb-15">
								<div class="copyright text-center text-lg-start order-lg-first">Copyright @2024 Shree Polymers India Private Limited. | Made with ❤️ Crafted by- <a href="dotphi.com">DOTPHI</a></p> </div>
							</div>
						</div>
					</div>
					<!-- /.bottom-footer -->
				</div>
			</div> <!-- /.footer-four -->
		</div>

		<!-- Modal -->
        <div class="modal fade" id="loginModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen modal-dialog-centered">
                <div class="container">
                    <div class="user-data-form modal-content">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
						<div class="form-wrapper m-auto">
							<ul class="nav nav-tabs border-0 w-100" role="tablist">
								<li class="nav-item" role="presentation">
									<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#fc1" role="tab">Login</button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link" data-bs-toggle="tab" data-bs-target="#fc2" role="tab">Signup</button>
								</li>
							</ul>
							<div class="tab-content mt-30">
								<div class="tab-pane show active" role="tabpanel" id="fc1">
									<div class="text-center mb-20">
										<h2>Hi, Welcome Back!</h2>
										<p>Still don't have an account? <a href="#">Sign up</a></p>
									</div>
									<form action="#">
										<div class="row">
											<div class="col-12">
												<div class="input-group-meta position-relative mb-25">
													<label>Email*</label>
													<input type="email" placeholder="Youremail@gmail.com">
												</div>
											</div>
											<div class="col-12">
												<div class="input-group-meta position-relative mb-20">
													<label>Password*</label>
													<input type="password" placeholder="Enter Password" class="pass_log_id">
													<span class="placeholder_icon"><span class="passVicon"><img src="images/icon/icon_13.svg" alt=""></span></span>
												</div>
											</div>
											<div class="col-12">
												<div class="agreement-checkbox d-flex justify-content-between align-items-center">
													<div>
														<input type="checkbox" id="remember">
														<label for="remember">Keep me logged in</label>
													</div>
													<a href="#">Forget Password?</a>
												</div> <!-- /.agreement-checkbox -->
											</div>
											<div class="col-12">
												<button class="btn-four w-100 tran3s d-block mt-20">Login</button>
											</div>
										</div>
									</form>
								</div>
								<!-- /.tab-pane -->
								<div class="tab-pane" role="tabpanel" id="fc2">
									<div class="text-center mb-20">
										<h2>Register</h2>
										<p>Already have an account? <a href="#">Login</a></p>
									</div>
									<form action="#">
										<div class="row">
											<div class="col-12">
												<div class="input-group-meta position-relative mb-25">
													<label>Name*</label>
													<input type="text" placeholder="Zubayer Hasan">
												</div>
											</div>
											<div class="col-12">
												<div class="input-group-meta position-relative mb-25">
													<label>Email*</label>
													<input type="email" placeholder="zubayerhasan@gmail.com">
												</div>
											</div>
											<div class="col-12">
												<div class="input-group-meta position-relative mb-20">
													<label>Password*</label>
													<input type="password" placeholder="Enter Password" class="pass_log_id">
													<span class="placeholder_icon"><span class="passVicon"><img src="images/icon/icon_13.svg" alt=""></span></span>
												</div>
											</div>
											<div class="col-12">
												<div class="agreement-checkbox d-flex justify-content-between align-items-center">
													<div>
														<input type="checkbox" id="remember2">
														<label for="remember2">By hitting the "Register" button, you agree to the <a href="#">Terms conditions</a> & <a href="#">Privacy Policy</a></label>
													</div>
												</div> <!-- /.agreement-checkbox -->
											</div>
											<div class="col-12">
												<button class="btn-four w-100 tran3s d-block mt-20">Sign up</button>
											</div>
										</div>
									</form>
								</div>
								<!-- /.tab-pane -->
							</div>
							
							<div class="d-flex align-items-center mt-30 mb-10">
								<div class="line"></div>
								<span class="pe-3 ps-3 fs-6">OR</span>
								<div class="line"></div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<a href="#" class="social-use-btn d-flex align-items-center justify-content-center tran3s w-100 mt-10">
										<img src="images/icon/google.png" alt="">
										<span class="ps-3">Signup with Google</span>
									</a>
								</div>
								<div class="col-sm-6">
									<a href="#" class="social-use-btn d-flex align-items-center justify-content-center tran3s w-100 mt-10">
										<img src="images/icon/facebook.png" alt="">
										<span class="ps-3">Signup with Facebook</span>
									</a>
								</div>
							</div>
						</div>
						<!-- /.form-wrapper -->
                    </div>
                    <!-- /.user-data-form -->
                </div>
            </div>
        </div>


		<button class="scroll-top">
			<i class="bi bi-arrow-up-short"></i>
		</button>

   



		<!-- Optional JavaScript _____________________________  -->



		<!-- jQuery first, then Bootstrap JS -->
		<!-- jQuery -->
		<script src="vendor/jquery.min.js"></script>
		<!-- Bootstrap JS -->
		<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
		<!-- WOW js -->
		<script src="vendor/wow/wow.min.js"></script>
		<!-- Slick Slider -->
		<script src="vendor/slick/slick.min.js"></script>
		<!-- Fancybox -->
		<script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
		<!-- Lazy -->
		<script src="vendor/jquery.lazy.min.js"></script>
		<!-- js Counter -->
		<script src="vendor/jquery.counterup.min.js"></script>
		<script src="vendor/jquery.waypoints.min.js"></script>
		
		<!-- validator js -->
		<script src="vendor/validator.js"></script>

		<!-- Theme js -->
		<script src="js/theme.js"></script>
	</div> <!-- /.main-page-wrapper -->
</body>


</html>