Mini Shell
<!-- preloader -->
<div id="preloader">
<div class="preloader">
<span></span>
<span></span>
</div>
</div>
<!-- preloader end -->
<!-- back-to-top-start -->
<button class="scroll-top scroll-to-target" data-target="html">
<i class="far fa-angle-double-up"></i>
</button>
<!-- back-to-top-end -->
<!-- tp-offcanvus-area-start -->
<div class="tpoffcanvas-area">
<div class="tpoffcanvas">
<div class="tpoffcanvas__close-btn">
<button class="close-btn"><i class="fal fa-times"></i></button>
</div>
<div class="tpoffcanvas__logo">
<a href="index.php">
<img src="assets/img/logo/footer-1.png" alt="">
</a>
</div>
<div class="tpoffcanvas__title">
</div>
<div class="tp-main-menu-mobile d-xl-none"></div>
<div class="tpoffcanvas__contact-info">
<div class="tpoffcanvas__contact-title">
<h5>Contact us</h5>
</div>
<ul>
<li>
<i class="fa-light fa-location-dot"></i>
<a href="javascript:void(0);" target="_blank">01, 551 GA/135/2, Purana Sardari Khera, Kanpur
Road, Alambagh, Lucknow, Uttar Pradesh, 226012
</a>
</li>
<li>
<i class="fas fa-envelope"></i>
<a href="mailto:solaredge@gmail.com">ocsbharat.lko@gmail.com</a>
</li>
<li>
<i class="fal fa-phone-alt"></i>
<a href="tel:+919415001723">+91 9415001723</a>
</li>
<li>
<i class="fal fa-phone-alt"></i>
<a href="tel:+919415001723 ">+91 9415001723 </a>
</li>
</ul>
</div>
<div class="tpoffcanvas__input">
<div class="tpoffcanvas__input-title">
<h4>Get Update</h4>
</div>
<form action="mail.php">
<div class="p-relative">
<input type="text" placeholder="Enter mail">
<button>
<i class="fas fa-paper-plane"></i>
</button>
</div>
</form>
</div>
<div class="tpoffcanvas__social">
<div class="social-icon">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
</div>
</div>
</div>
</div>
<div class="body-overlay"></div>
<!-- tp-offcanvus-area-end -->
<header class="tp-header-height">
<!-- header-top-area-start -->
<div class="tp-header-top-3__area yellow-bg">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-5 col-md-7 col-12 col-sm-12">
<div class="tp-header-top-3__left-box text-center text-md-start">
<ul>
<marquee behavior="" direction="right">
<li><span>Welcome To One Click Services</span></li>
<li>
<div class="tp-header-top-3__social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
</li>
</marquee>
</ul>
</div>
</div>
<div class="col-xl-6 col-lg-7 col-md-5">
<div class="tp-header-top-3__right-box text-end">
<ul>
<marquee behavior="" direction="left">
<li class="location"><i class="flaticon-map"></i><a target="_blank" href="javascript:void(0);">Lucknow, Uttar Pradesh, 226012
</a></li>
<li class="email"><i class="flaticon-mail"></i><a href="mailto:ocsbharat.lko@gmail.com">ocsbharat.lko@gmail.com</a></li>
</marquee>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- header-top-area-end -->
<!-- header-area-start -->
<div id="header-sticky" class="tp-header-3__area">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-6 col-md-4 col-7">
<div class="tp-header-3__logo">
<a href="index.php">
<img src="assets/img/logo/logo-2.png" alt="">
</a>
</div>
</div>
<div class="col-xl-7 d-none d-xl-block">
<div class="tp-header-3__main-menu">
<nav class="tp-main-menu-content">
<ul>
<li><a href="index.php">Home</a>
</li>
<li><a href="about.php">About Us</a>
</li>
<li class="has-dropdown"><a href="#">Products</a>
<ul class="submenu tp-submenu">
<!-- <li><a href="satnam.php">Satnam</a></li>
<li><a href="hvl.php">Hvl</a></li>
<li><a href="osaka.php">Osaka </a></li>
<li><a href="saktimaan.php">Saktimaan </a></li> -->
<li><a href="jeet.php">Jeet </a></li>
<li><a href="combine-harvester.php">Combine Harvester </a></li>
<li><a href="laser-land-leveler.php">Laser land Leveler </a></li>
<li><a href="power-tiller.php">Power Tiller </a></li>
<li><a href="straw-reaper.php">Straw Reaper </a></li>
<li><a href="tractor-loader.php">Tractor Loader </a></li>
</ul>
<!-- <ul class="submenu tp-submenu">
<li><a href="donation-1.html">Donation 01</a></li>
<li><a href="donation-2.html">Donation 02</a></li>
<li><a href="donation-sidebar.html">Donation Sidebar</a></li>
<li><a href="donation-details.html">Donation Details</a></li>
</ul> -->
</li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="one-click-services.pdf" target="_blank">Brochure</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-8 col-5">
<div class="tp-header-3__right-box">
<div class="tp-header-3__right-action text-end">
<ul class="d-flex align-items-center justify-content-end">
<li>
<div class="tp-header-3__icon-box d-none d-md-block pt-3" style="margin-right: 20px;" id="google_translate_element">
</div>
</li>
<li>
<div class="tp-header-3__btn d-none d-md-block">
<a class="tp-btn" href="contact.php">Get A Quote</a>
</div>
</li>
<li>
<div class="tp-header-3__bar d-xl-none">
<button class="tp-menu-bar"><i class="fa-solid fa-bars-staggered"></i></button>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header-area-end -->
</header>