File: /home/u435929562/domains/projectcop.com/public_html/radianttechguy/footer.php
<footer>
<div class="container mx-auto px-4">
<div class="pt-10 pb-12">
<div class="relative lg:pb-8 mb-8 flex flex-wrap lg:border-b lg:border-gray-300">
<p class="w-full lg:w-auto text-gray-400 text-sm text-center lg:text-left lg:order-first">© <script>
document.write(/\d{4}/.exec(Date())[0])
</script>
Radiant Technologies All rights reserved.</p>
<div class="lg:absolute lg:left-1/2 lg:transform lg:-translate-x-1/2 mb-6 lg:mb-0 mx-auto"><a class="mr-6 text-sm hover:text-gray-400 text-gray-400" href="#">Terms of Service</a><a class="text-sm hover:text-gray-400 text-gray-400" href="#">Privacy Policy</a></div>
<div class="mb-12 lg:mb-0 lg:ml-auto w-full lg:w-auto order-first lg:order-last text-center lg:text-left">
<a class="inline-block font-bold leading-none" href="#">
<img class="inline-block" src="atis-assets/img/logo.svg" alt="" width="auto">
</a>
</div>
</div>
<div class="flex justify-center">
<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>
<a class="inline-block p-1 bg-white hover: rounded" href="#">
<img class="mx-auto" src="atis-assets/img/social-3.png">
</a>
<a class="inline-block p-1 bg-white hover: rounded" href="#">
<img class="mx-auto" src="atis-assets/img/social-4.png">
</a>
</div>
</div>
</div>
</footer>
<div class="modal fade contact-modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<button type="button" class="close btn-modal-close" data-dismiss="modal" aria-label="Close">
<img src="atis-assets/img/close-btn.png" alt="close">
</button>
<div class="modal-body">
<div class="Contact-modal">
<h4>Please enter the following details </h4>
</div>
<form id="modal-form" class="centred-form" method="post">
<div class="row">
<div class="col-md-6">
<div class="material-textfield">
<input placeholder="Full Name" class="form-control" name="fullname" id="fullname" type="text" required>
<label>Full Name</label>
</div>
<span id="fullname-error" class="text-danger error invalid-feedback mt-0 mb-2" style="display: none;"></span>
</div>
<div class="col-md-6">
<div class="material-textfield">
<input placeholder="Mobile Number" class="form-control onlyNumber" name="mobile_number" id="mobile_number" type="numbers" 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" class="form-control" type="email" name="email" id="email" required>
<label>Email</label>
</div>
<span id="email-error" class="text-danger error invalid-feedback mb-3" style="display: none;"></span>
</div>
<div class="col-md-6 mt-2">
<div class="material-textfield">
<select name="gadget" id="gadget" class="form-control gadget-name" required>
<option hidden value="">Select Gadget</option>
<option value="Laptop" id="laptop">Laptop</option>
<option value="Desktop" id="desktop">Desktop</option>
<option value="iphone" id="iphone">iPhone</option>
</select>
<label>Select Gadget</label>
</div>
<span id="gadget-error" class="text-danger error invalid-feedback mt-2 mb-2" style="display: none;"></span>
</div>
<div class="col-md-6 mt-2">
<div class="material-textfield">
<select name="model" id="model" class="form-control" required>
<option hidden value="">Select Model</option>
<optgroup label="Laptop" class="laptop model d-none">
<option value="Dell">Dell</option>
<option value="HP">HP</option>
<option value="Lenovo">Lenovo</option>
<option value="Acer">ACER</option>
<option value="Other">Other</option>
</optgroup>
<optgroup label="Desktop" class="desktop model d-none">
<option>Description </option>
</optgroup>
<optgroup label="Mobile " class="iphone model d-none">
<option value="iphone X">iphone X</option>
<option value="iphone Xs">iphone Xs</option>
<option value="iphone 11">iphone 11</option>
<option value="iphone 11 mini">iphone 11 mini</option>
<option value="iphone 11 Pro">iphone 11 Pro</option>
<option value="iphone 11 Promax">iphone 11 Promax</option>
<option value="iphone 12">iphone 12</option>
<option value="iphone 12 mini">iphone 12 mini</option>
<option value="iphone 12 Pro">iphone 12 Pro</option>
<option value="iphone 12 Promax">iphone 12 Promax</option>
<option value="iphone 13">iphone 13</option>
<option value="iphone 13 mini">iphone 13 mini</option>
<option value="iphone 13 Pro">iphone 13 Pro</option>
<option value="iphone 13 Promax">iphone 13 Promax</option>
</optgroup>
</select>
<label>Select Model</label>
</div>
<span id="model-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">
<select class="form-control" name="issue-type" required id="issue-type">
<option hidden value="">Issue Type</option>
<option value="Broken Screen"> Broken Screen </option>
<option value="Battery Issues"> Battery Issues </option>
<option value="Lens Crack"> Lens Crack </option>
<option value="Body Repair"> Body Repair </option>
<option value="Mic Disruption"> Mic Disruption </option>
<option value="Software Problems"> Software Problems </option>
<option value="Others">Others </option>
</select>
</div>
<span id="issue-type-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="Describe your issue" class="form-control" name="issue" id="issue" rows="4" required></textarea>
<label>Describe your issue</label>
</div>
<span id="issue-error" class="text-danger error invalid-feedback mt-2 mb-2" style="display: none;"></span>
</div>
</div>
<div class="painc-btn">
<button type="submit" id="btn-submit" class="btn btn-submit">Send your message</button>
</div>
<div class="innerModal-Toast quote-toast d-none">
Mail sent successfully.
</div>
</form>
<div class="terms-condition lg:absolute lg:left-1/2 lg:transform lg:-translate-x-1/2 lg:mb-0 mx-auto">
<a class="mr-6 text-sm text-gray-400" href="#">Terms of Service</a>
<a class="text-sm text-gray-400" href="#">Privacy Policy</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"> </script> -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/stickybits/3.7.9/stickybits.min.js" integrity="sha512-beTsiXLB3lp5BND4cBQZhKvExLHlhuIvfk2YrM1SpXE73tN2vGcngrFk11mWt0PJQrYV02C1WZ7Nai1jvh9qaQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous"></script>
<script src="js/main.js?v=1"></script>
<script src="js/common-helper.js"></script>
<script src="js/jquery-validation/jquery.validate.js"></script>
<script>
stickybits('.header-section', {
useStickyClasses: true
});
</script>
<script>
$('#mobile-owl-carousel').owlCarousel({
items: 1,
center: true,
loop: true,
margin: 10,
nav: true,
autoplay: true,
dots: false,
navText: ["<i class='fas fa-long-arrow-left'></i>", "<i class='fas fa-long-arrow-right'></i>"],
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
});
</script>
<script>
$('#customers-testimonials').owlCarousel({
loop: true,
center: true,
margin: 20,
autoplayTimeout: 5000,
nav: true,
autoplay: true,
dots: false,
navText: ["<img src='atis-assets/img/left-arrow.png' />",
"<img src='atis-assets/img/right-arrow.png' />"
],
responsive: {
100: {
items: 1
},
768: {
items: 2
},
1170: {
items: 4
}
}
});
// $(document).on('click', '#btn-submit', function() {
// if ($('#name').val() == "") {
// }
// var frm = $('#modal-form').serialize();
// console.log("form", frm);
// });
$("#modal-form").validate({
rules: {
"fullname": {
required: true
},
"mobile_number": {
required: true
},
"email": {
required: true
},
"gadget": {
required: true
},
"model": {
required: true
},
"issue-type": {
required: true
},
"issue": {
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."
},
"gadget": {
required: "The gadget field is required."
},
"model": {
required: "The modal field is required."
},
"issue-type": {
required: "The issue-type field is required."
},
"issue": {
required: "The issue 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() {
$('.btn-submit').attr('disabled', 'disabled');
var frm = $('#modal-form')[0];
var data = new FormData(frm);
$.ajax({
url: "sendemail.php",
type: 'post',
data: data,
contentType: false,
processData: false,
success: function(response) {
// if (response == 1) {
$('.quote-toast').removeClass('d-none');
// }
setTimeout(function() {
$('#exampleModal').modal('toggle');
$('#fullname').val('');
$('#mobile_number').val('');
$('#email').val('');
$('select[name^="gadget"] option[value=""]').attr("selected", "selected");
$('select[name^="model"] option[value=""]').attr("selected", "selected");
$('select[name^="issue-type"] option[value=""]').attr("selected", "selected");
$('#issue').val('');
$('.btn-submit').removeAttr('disabled');
$('.quote-toast').addClass('d-none');
}, 2500);
},
error: function(response) {
console.log(response);
}
});
}
});
</script>
</body>
</html>