ikan Uploader :
Directory : /home/ni05r7l36tus/.trash/sabksolutions.com/
Upload File : |
| Current File : /home/ni05r7l36tus/.trash/sabksolutions.com/contact.php |
<?php include "common/header1.php";?>
<?php
include "connection/config.php";
$service_sql = $mysqli->query("SELECT * FROM setting");
$service = mysqli_fetch_assoc($service_sql);
?>
<!-- main-area -->
<main class="fix">
<!-- breadcrumb-area -->
<section class="breadcrumb__area breadcrumb__bg">
<div class="bg-img position-absolute top-0 bottom-0 start-0 w-100 h-100" data-background="assets/img/bg/breadcrumb.jpg"></div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="breadcrumb__content">
<h2 class="title">Contact With Us</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<div class="breadcrumb__shape">
<img src="assets/img/images/breadcrumb_shape01.png" alt="Apexa" class="dark-opacity" />
<img src="assets/img/images/breadcrumb_shape02.png" alt="Apexa" class="rightToLeft dark-opacity" />
<img src="assets/img/images/breadcrumb_shape03.png" alt="Apexa" class="dark-opacity" />
<img src="assets/img/images/breadcrumb_shape04.png" alt="Apexa" class="dark-opacity" />
<img src="assets/img/images/breadcrumb_shape05.png" alt="Apexa" class="alltuchtopdown dark-opacity" />
</div>
</section>
<!-- breadcrumb-area-end -->
<!-- contact-area -->
<section class="contact__area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="contact-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m12!1m8!1m3!1d112160.7033031693!2d77.1969928!3d28.5390591!3m2!1i1024!2i768!4f13.1!2m1!1sOffice-%20Hauz%20Khas%2C%20Delhi%2C%20India!5e0!3m2!1sen!2sin!4v1745392971734!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-5">
<div class="contact__content">
<div class="section-title mb-35">
<h2 class="title">How can we help you?</h2>
<p>We provide tailored solutions to meet your unique business needs. Our commitment to excellence ensures that your journey with us remains smooth, innovative, and results-driven. Let us transform challenges into opportunities — together.</p>
</div>
<div class="contact__info">
<ul class="list-wrap">
<li>
<div class="icon">
<i class="flaticon-pin"></i>
</div>
<div class="content">
<h4 class="title">Address</h4>
<p><?php echo $service['owner_email2'] ?></p>
</div>
</li>
<li>
<div class="icon">
<i class="flaticon-phone-call"></i>
</div>
<div class="content">
<h4 class="title">Phone</h4>
<a href="tel:0123456789"><?php echo $service['owner_number1'] ?></a>
</div>
</li>
<li>
<div class="icon">
<i class="flaticon-mail"></i>
</div>
<div class="content">
<h4 class="title">E-mail</h4>
<a href="mailto:<?php echo $service['owner_email1'] ?>"><?php echo $service['owner_email1'] ?></a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="contact__form-wrap">
<h2 class="title">Give Us a Message</h2>
<p>Your email address will not be published. Required fields are marked *</p>
<form id="contactForm" class="contact-form" method="POST" action="send.php">
<div class="form-grp">
<textarea name="message" placeholder="Message" ></textarea>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-grp">
<input type="text" name="name" placeholder="Name" required />
</div>
</div>
<div class="col-md-4">
<div class="form-grp">
<input type="email" name="email" placeholder="Email" required />
</div>
</div>
<div class="col-md-4">
<div class="form-grp">
<input type="text" name="phone" placeholder="Phone" required />
</div>
</div>
</div>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="g-recaptcha my-3" data-sitekey="6LclrWIrAAAAAGs__eMb5-zV3g0_Bj8mvQirJGA0"></div>
<button type="submit" name="add_contact" class="btn">Submit</button>
</form>
<script>
document.getElementById('contactForm').addEventListener('submit', function (e) {
let valid = true;
const name = document.querySelector('input[name="name"]');
const email = document.querySelector('input[name="email"]');
const phone = document.querySelector('input[name="phone"]');
const message = document.querySelector('textarea[name="message"]');
// Clear any existing error styles
[name, email, phone, message].forEach(input => input.style.borderColor = '');
// Name validation
if (name.value.trim() === '') {
name.style.borderColor = 'red';
valid = false;
}
// Email validation
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailPattern.test(email.value)) {
email.style.borderColor = 'red';
valid = false;
}
// Phone validation (simple check)
if (phone.value.trim().length < 7) {
phone.style.borderColor = 'red';
valid = false;
}
// Message validation
if (message.value.trim() === '') {
message.style.borderColor = 'red';
valid = false;
}
if (!valid) {
e.preventDefault(); // Stop form from submitting
alert('Please fill out all fields correctly.');
}
});
</script>
<p class="ajax-response mb-0"></p>
</div>
</div>
</div>
</div>
</section>
<!-- contact-area-end -->
</main>
<!-- main-area-end -->
<?php include "common/footer.php";?>
........