<!-- Footer Start -->

	<style>

.red{
    color: #ec3237;;
}
/* Add vertical lines between columns */
.footer-top .row .links {
    border-right: 1px solid #ccc; /* Vertical line between columns */
    padding-right: 20px; /* Optional: space between content and the border */
}



.rs-footer.footer-main-home .footer-top .footer-title {
    margin-bottom:22px;
}

.site-map {
    display: flex;
    flex-wrap: wrap; 
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-map li {
    width: 50%; 
    padding-bottom: 0px; 
}

.site-map li a {
    text-decoration: none;
    color: inherit;
}

@media screen and (max-width:768px) {
    .footer-top .row .links {
        border-right: none;
    }
    .pl-60{
        padding-left:20px;
    }
    .rs-footer.footer-main-home .footer-top .footer-title {
    margin-bottom:12px;
}
}

</style>

<footer id="rs-footer" class="rs-footer footer-main-home" style="position: relative; overflow: hidden;">
<div id="particles-js22" style="position: absolute; width: 100%; height: 100%; z-index: 0;"></div>
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <!-- <div class="col-lg-1"></div> -->
                <div class="col-lg-4 col-12 md-mb-10 links">
                    <h2 class="text-light">ABOUT US</h2>
					
					<p  class="text-light" style="text-align: justify;">J.B. Lubricants is a trusted and well-established distributor of high-quality automotive and industrial products based in Bhagalpur. With a strong commitment to quality and customer satisfaction, we have built a reputation for delivering reliable and genuine products to our clients.</p>
                </div>
     
                 <div class="col-lg-4 col-12 md-mb-10 links">
                    <h3 class="footer-title text-center"><span class="red">Quick </span>Links</h3>
                    <ul class="site-map">
                        <li><a href="index.php">Home</a></li>
                        <li><a href="about.php">About Us</a></li>
                        <li><a href="javascript:void(0)">Products</a></li>
                        <li><a href="gallery.php">Gallery</a></li>
                        <li><a href="testimonials.php">Testimonials</a></li>

                        <li><a href="contact.php">Contact</a></li>
                    
                    </ul>
                </div>
                <!-- <div class="col-lg-1"></div> -->
                <div class="col-lg-4 col-12 md-mb-10 pl-60 ">
                    <h3 class="footer-title text-center"><span class="red">CONT</span>ACT</h3>
                    <ul class="address-widget">
                   <li>
                            <i class="fi fi-rr-map-marker-home"></i>
                            <div class="desc">
                              <a href="https://maps.app.goo.gl/z9i7zFWhFkuoas3K8"> Patal Babu Road, Bhagalpur-2, Ph. 0641 2423882
                                </a> 
                            </div>
                        </li>
                        <li>
                                    <i class="fi fi-rr-phone-call"></i>
                                    <div class="desc">
                                       <a href="tel:+919431204658">+91-9431204658</a><br>
                                       <a href="tel:+917544066567">+91-7544066567 </a>
                                    </div>
                                </li>
                        <li>
                            <i class="fi fi-rr-envelope-plus"></i>
                            <div class="desc">
                                <a href="mailto:jblubricants@gmail.com">jblubricants@gmail.com</a>
                                <!-- <a href="mailto:marketing@indochemoils.com">marketing@indochemoils.com</a> -->
                            </div>
                        </li>
                    </ul>
                    <style>
                        .qr-code{
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                        }
                        .qr-code img{
                            width: 100px;
                            height: auto;
                        }
                    </style>
           
                </div>
                  
            </div>

        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="row y-middle">
               
                <div class="col-lg-12 col-12">
                    <div class="copyright text-lg text-center"  style="position: relative; z-index: 1;">
                        <p >&copy; 2026 J.B. Lubricants. All rights reserved | Design by <a href="https://www.webworldindia.com/" target="blank">Web World India</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<script src="../cdn.jsdelivr.net/npm/particles.js%402.0.0/particles.min.js"></script>
<script>
    particlesJS("particles-js", {
        "particles": {
            "number": { "value": 40, "density": { "enable": true, "value_area": 400 } },
            "color": { "value": "#fff" },
            "shape": {
                "type": "circle",
                "stroke": { "width": 0, "color": "#fff" },
                "polygon": { "nb_sides": 5 }
            },
            "opacity": { "value": 0.5 },
            "size": { "value": 4, "random": true },
            "line_linked": { "enable": true, "distance": 150, "color": "#fff", "opacity": 0.5, "width": 1 },
            "move": { "enable": true, "speed": 3 }
        },
        "interactivity": {
            "detect_on": "canvas",
            "events": {
                "onhover": { "enable": true, "mode": "grab" },
                "onclick": { "enable": true, "mode": "push" }
            },
            "modes": {
                "grab": { "distance": 140, "line_linked": { "opacity": 1 } },
                "bubble": { "distance": 400, "size": 40, "duration": 2 },
                "push": { "particles_nb": 4 },
                "remove": { "particles_nb": 2 }
            }
        },
        "retina_detect": true
    });
</script>

	<!-- Footer End -->



	<!-- start scrollUp  -->

	<div id="scrollUp">

		<i class="fa fa-angle-up"></i>

	</div>

	<!-- End scrollUp  -->



	<!-- Search Modal Start -->

	<div aria-hidden="true" class="modal fade search-modal" role="dialog" tabindex="-1">

		<div class="modal-dialog modal-dialog-centered">

			<div class="modal-content">

				<div class="search-block clearfix">

					<form>

						<div class="form-group">

							<input class="form-control" placeholder="Search Here..." type="text">

						</div>

					</form>

				</div>

			</div>

		</div>

	</div>

	<!-- Search Modal End -->


<style>
    .mf-social-side-list {
    position: fixed;
    top: 40%;
    left: 0;
    z-index: 1000;
    transform: translateY(-50%);
}

.mf-social-side-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mf-social-side-list ul li {
    margin: 5px 0;
}

.mf-social-side-list ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    color: #fff;
    border-radius: 0 6px 6px 0;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mf-social-side-list ul li a:hover {
    transform: translateX(5px);
    opacity: 0.9;
}

.mf-social-side-list ul li a .social {
    font-size: 20px;
}
</style>
    <div class="mf-social-side-list">
<ul>
<li>
<a style="background:#3b5998;" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook social"></i></a>
</li>
<li>
<a style="background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  " href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram social"></i></a>
</li>
<!--<li>-->
<!--<a style="background:#c4302b;" href="#" target="_blank"><i class="fa fa-youtube"></i></a>-->
<!--</li>-->
<li>
<a style="background:#0072b1;" href="https://www.linkedin.com/" target="_blank"><i class="fa-brands fa-linkedin social"></i></a>
</li>
<li>
<a style="background:#00acee;" href="https://x.com/" target="_blank"><i class="fa-brands fa-twitter social"></i></a>
</li>
</ul>

</div>












<!-- call and whatsapp  -->
<style>
    .call-back-1 {
  position: fixed;
  bottom: 15%;
  right: 25px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.15);
  padding: 10px;
  border-radius: 50px;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

.call-back-1:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

.call-back-1 a img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.call-back-1 a img:hover {
  transform: scale(1.15);
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}

@media (max-width: 768px) {
  .call-back-1 {
    bottom: 15px;
    right: 15px;
    padding: 8px;
    gap: 8px;
  }

  .call-back-1 a img {
    width: 45px;
    height: 45px;
  }
}
</style>
<div class="call-back-1">
	<a href="tel:+919431204658"><img src="https://www.pngall.com/wp-content/uploads/10/WhatsApp-Call-PNG.png" alt=""></a>
	<br>
	<a href="https://wa.me/+919431204658?text=Hi%20There." target="_blank"><img src="https://macmagazine.com.br/wp-content/uploads/2025/01/10-gif-whatsapp.gif" alt=""></a>
</div>





	<!-- modernizr js -->
<script src="assets/js/modernizr-2.8.3.min.js"></script>
		<!-- jquery latest version -->
		<script src="assets/js/jquery.min.js"></script>
		<!-- Bootstrap v4.4.1 js -->
		<script src="assets/js/bootstrap.min.js"></script>
		<!-- op nav js -->
		<script src="assets/js/jquery.nav.js"></script>
		<!-- owl.carousel js -->
		<script src="assets/js/owl.carousel.min.js"></script>
		 <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.32/owl.carousel.min.js"></script> -->
		<!-- isotope.pkgd.min js -->
		<script src="assets/js/isotope.pkgd.min.js"></script>
		<!-- wow js -->
		<script src="assets/js/wow.min.js"></script>
		<!-- Skill bar js -->
		<script src="assets/js/skill.bars.jquery.js"></script>
		<!-- imagesloaded js -->
		<script src="assets/js/imagesloaded.pkgd.min.js"></script>
		<!-- Slick js -->
		<script src="assets/js/slick.min.js"></script>
		<!-- waypoints.min js -->
		<script src="assets/js/waypoints.min.js"></script>
		<!-- magnific popup js -->
		<script src="assets/js/jquery.magnific-popup.min.js"></script>
		<!-- counterup.min js -->
		<script src="assets/js/jquery.counterup.min.js"></script> 
		<!-- contact form js -->
		<script src="assets/js/contact.form.js"></script>
		<!-- main js -->
		<script src="assets/js/main.js"></script>






</body>




<!-- Mirrored from indochemoils.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 15 Apr 2026 05:49:01 GMT -->
</html>