File: /home/u435929562/domains/projectcop.com/public_html/radianttechguy/contact.php
<?php include 'header.php'; ?>
<section class="pt pb">
<div class="container">
<div class="lg:mb-0 w-full contact-label">
<div class="about-radient">
<h6>Contact us</h6>
<h2 class="mb-0 text-4xl lg:text-5xl font-bold font-heading">Have a question? Send us a message!</h2>
</div>
</div>
<div class="contact-detail1">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="row">
<div class="col-6">
<div class="contact-detail">
<img src="atis-assets/img/ci-1.png" alt="ci-1" />
<h4>Email</h4>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<div class="col-6">
<div class="contact-detail">
<img src="atis-assets/img/ci-1.png" alt="ci-1" />
<h4>Phone</h4>
<a href="tel:+919290491812">+91 9642411992</a>
</div>
</div>
<div class="col-6">
<div class="contact-detail">
<img src="atis-assets/img/ci-1.png" alt="ci-1" />
<h4>Office</h4>
<a>Maruthi Nagar, As Rao Nagar, <br />Ecil, Secunderabad - 500062</a>
</div>
</div>
<div class="col-6">
<div class="contact-detail">
<img src="atis-assets/img/ci-1.png" alt="ci-1" />
<h4>Socials</h4>
<div class="flex">
<a class="inline-block p-1 bg-white hover: rounded" href="#">
<img class="mx-auto" src="atis-assets/img/social-1.png">
</a>
<a class="inline-block p-1 bg-white hover: rounded" href="#">
<img class="mx-auto" src="atis-assets/img/social-2.png">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-9">
<div class="contact-modal sec-contact-form">
<form method="post" class="centred-form" id="contact_form" action="sendmail.php">
<div class="row">
<div class="col-md-6">
<div class="material-textfield">
<input placeholder="Full Name" id="fullname" type="text" class="form-control" name="fullname" required>
<label>Full Name</label>
</div>
<span id="fullname-error" class="text-danger error invalid-feedback mt-2 mb-2" style="display: none;"></span>
</div>
<div class="col-md-6">
<div class="material-textfield">
<input placeholder="Mobile Number" id="mobile_number" name="mobile_number" class="form-control onlyNumber" type="text" required>
<label>Mobile Number</label>
</div>
<span id="mobile_number-error" class="text-danger error invalid-feedback mt-2 mb-2" style="display: none;"></span>
</div>
<div class="col-md-12">
<div class="material-textfield">
<input placeholder="Email" id="email" class="form-control" type="email" required name="email">
<label>Email</label>
</div>
<span id="email-error" class="text-danger error invalid-feedback mt-2 mb-2" style="display: none;"></span>
</div>
<div class="col-md-12">
<div class="material-textfield textarea-msg">
<textarea placeholder="Enter Your Message" id="message" class="form-control" name="message" rows="4" required></textarea>
<label>Enter Your Message</label>
</div>
<span id="message-error" class="text-danger error invalid-feedback mt-2 mb-2" style="display: none;"></span>
</div>
</div>
<div class="painc-btn">
<button type="submit" name="submit" class="btn btn-contact">Send your message</button>
</div>
<div class="innerModal-Toast contact-toast d-none">
Mail sent successfully.
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="time-fix-section">
<div class="container">
<div class="row align-items-center">
<div class="col-md-7">
<div class="time-fix-content">
<h2>It's time to fix your old <br /> iPhone, don't let it die.</h2>
<p>Please get in touch with us if you have any queries regarding iPhone repairing services. We
will be happy to help you anytime.</p>
<button type="button" class="btn" data-toggle="modal" data-target="#exampleModal">GET A QUOTE</button>
</div>
</div>
<div class="col-md-5">
<div class="time-right-part">
<div class="time-fix-img">
<img src="atis-assets/img/time.png" />
</div>
<div class="time-fix-squre">
<img src="atis-assets/img/l-shape.png" />
<img src="atis-assets/img/circle-shape-2.png" />
<img src="atis-assets/img/circle-shape-1.png" />
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'; ?>
<script>
$("#contact_form").validate({
rules: {
"fullname": {
required: true
},
"mobile_number": {
required: true
},
"email": {
required: true
},
"message": {
required: true
}
},
messages: {
"fullname": {
required: "The name field is required."
},
"mobile_number": {
required: "The mobile number field is required."
},
"email": {
required: "The email field is required."
},
"message": {
required: "The message field is required."
},
},
errorElement: 'span',
errorPlacement: function(error, element) {
error.addClass('invalid-feedback');
element.closest('.elem').append(error);
},
highlight: function(element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function(element, errorClass, validClass) {
$(element).removeClass('is-invalid');
},
submitHandler: function(form) {
$('.btn-contact').attr('disabled', 'disabled');
var frm = $('#contact_form')[0];
var data = new FormData(frm);
$.ajax({
url: "sendcontactmail.php",
type: 'post',
data: data,
contentType: false,
processData: false,
success: function(response) {
// if (response == 1) {
$('.innerModal-Toast').removeClass('d-none');
// }
setTimeout(function() {
$('#fullname').val('');
$('#mobile_number').val('');
$('#email').val('');
$('#message').val('');
$('.btn-contact').removeAttr('disabled');
$('.contact-toast').addClass('d-none');
}, 2500);
},
error: function(response) {
console.log(response);
}
});
}
});
</script>