Mini Shell
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>One Click Services</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/custom-animation.css">
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/nice-select.css">
<link rel="stylesheet" href="assets/css/flaticon.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.css">
<link rel="stylesheet" href="assets/css/meanmenu.css">
<link rel="stylesheet" href="assets/css/font-awesome-pro.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/spacing.css">
<link rel="stylesheet" href="assets/css/style.css">
<style>
.goog-te-gadget-simple span {
display: none !important;
}
.goog-te-gadget-simple {
background-color: transparent !important;
border-left: 0px solid !important;
border-top: 0px solid !important;
border-bottom: 0px solid !important;
border-right: 0px solid !important;
}
.goog-te-gadget-icon {
background-image: url(./assets/img/translate.png) !important;
margin-top: -10px !important;
background-position: center center !important;
height: 50px !important;
width: 50px !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<?php include "header.php" ?>
<main>
<!-- breadcrumb-area-start -->
<div class="tp-breadcrumb__area p-relative fix tp-breadcrumb-height" data-background="assets/img/breadcrumb/breadcrumb-bg.png">
<div class="tp-breadcrumb__shape-1 z-index-5">
<img src="assets/img/breadcrumb/breadcrumb-shape-1.png" alt="">
</div>
<div class="tp-breadcrumb__shape-2 z-index-5">
<img src="assets/img/breadcrumb/breadcrumb-shape-2.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="tp-breadcrumb__content z-index-5">
<h3 class="tp-breadcrumb__title">Contact Us</h3>
<div class="tp-breadcrumb__list">
<span><a href="index.php">Home</a></span>
<span class="dvdr"><i class="fa-sharp fa-solid fa-slash-forward"></i></span>
<span>Contact</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- breadcrumb-area-end -->
<!-- about-area-start -->
<!-- contact-area-start -->
<div class="tp-contact__area">
<div class="container">
<div class="tp-contact__bg">
<div class="tp-contact__wrapper d-flex align-items-center justify-content-between">
<div class="tp-contact__item d-flex align-items-center">
<div class="tp-contact__icon">
<span><i class="flaticon-phone"></i></span>
</div>
<div class="tp-contact__text">
<a href="tel:+92307776-0800">+91 9415001723</a>
</div>
</div>
<div class="tp-contact__item d-flex align-items-center">
<div class="tp-contact__icon">
<span><i class="flaticon-email"></i></span>
</div>
<div class="tp-contact__text">
<a href="mailto:ocsbharat.lko@gmail.com">ocsbharat.lko@gmail.com</a>
</div>
</div>
<div class="tp-contact__item d-flex align-items-center">
<div class="tp-contact__icon">
<span><i class="flaticon-location"></i></span>
</div>
<div class="tp-contact__text">
<a href="#">01, 551 GA/135/2, PURANA <br> SARDARI KHERA, KANPUR ROAD, <br> ALAMBAGH, Lucknow, Uttar Pradesh, 226012
.</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- contact-area-end -->
<!-- form-area-start -->
<div class="tp-contact-form__area tp-contact-form__space">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-5 wow tpfadeLeft" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-contact-form__left-box">
<span class="tp-contact-form__subtitle">SEND A MESSEGE</span>
<h4 class="tp-section-title pb-20">Feel Free To Messege</h4>
<p>Thank you for your interest in reaching out to us. We value your feedback, inquiries, and suggestions. Please find below the various ways you can contact us.</p>
<div class="tp-contact-form__social-box">
<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-twitter"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-7 wow tpfadeRight" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-contact-form__form-box">
<form action="mail.php" method="post">
<div class="row">
<div class="col-xl-6 mb-30">
<div class="tp-contact-form__input-box">
<input type="text" name="name" placeholder="Your Name">
</div>
</div>
<div class="col-xl-6 mb-30">
<div class="tp-contact-form__input-box">
<input type="email" name="email" placeholder="Your Email">
</div>
</div>
<div class="col-xl-6 mb-30">
<div class="tp-contact-form__input-box">
<input type="tel" name="number" placeholder="Your Phone">
</div>
</div>
<div class="col-xl-6 mb-30">
<div class="tp-contact-form__input-box">
<input type="text" name="subject" placeholder="Your Subject">
</div>
</div>
<div class="col-xl-12 mb-30">
<div class="tp-contact-form__textarea-box">
<textarea name="message" placeholder="Write Your Message"></textarea>
</div>
</div>
</div>
<div class="tp-contact-form__button">
<button type="submit" class="tp-btn">Send Your Message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- form-area-end -->
<!-- location-area-start -->
<div class="tp-location__area">
<div class="container-fluid g-0">
<div class="row">
<div class="col-xl-12">
<div class="tp-location__info-box">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3560.716168188139!2d80.90122443066096!3d26.81716475414363!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x399bfc2494a431fd%3A0x11b9231f3d8bb519!2sSardari%20Khera%2C%20Sujanpura%2C%20Alambagh%2C%20Lucknow%2C%20Uttar%20Pradesh%20226005!5e0!3m2!1sen!2sin!4v1706790558316!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- location-area-end -->
</main>
<?php include "footer.php" ?>
<!-- JS here -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/waypoints.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/slick.js"></script>
<script src="assets/js/magnific-popup.js"></script>
<script src="assets/js/purecounter.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/swiper-bundle.js"></script>
<script src="assets/js/isotope-pkgd.js"></script>
<script src="assets/js/imagesloaded-pkgd.js"></script>
<script src="assets/js/ajax-form.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>