PK
<!doctype html>
<html class="no-js" lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Amazing world travel solutions | Contact </title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Manrope:wght@200..800&family=Montez&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<?php include_once'layout/header.php';?>
<div class="breadcumb-wrapper background-image" style="background-image: url("assets/img/bg/breadcumb-bg.jpg");">
<div class="container">
<div class="breadcumb-content">
<h1 class="breadcumb-title">Contact</h1>
<ul class="breadcumb-menu">
<li><a href="index">Home</a></li>
<li>Contact</li>
</ul>
</div>
</div>
</div>
<div class="space">
<div class="container">
<div class="title-area text-center">
<span class="sub-title">Get In Touch</span>
<h2 class="sec-title">Our Contact Information</h2>
</div>
<div class="row gy-4 justify-content-center">
<div class="col-xl-4 col-lg-6">
<div class="about-contact-grid style2">
<div class="about-contact-icon"><img src="assets/img/icon/location-dot2.svg" alt=""></div>
<div class="about-contact-details">
<h6 class="box-title">Our Address</h6>
<p class="about-contact-details-text">Lechubagan, Hegrabari Guwahati, Kamrup(M), Assam</p>
<!-- <p class="about-contact-details-text">Kahilipara Main Road Guwahati, Kamrup(M), Assam</p> -->
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="about-contact-grid">
<div class="about-contact-icon"><img src="assets/img/icon/call.svg" alt=""></div>
<div class="about-contact-details">
<h6 class="box-title">Phone Number</h6>
<p class="about-contact-details-text"><a href="tel:+919864669625">+91 9864669625</a></p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="about-contact-grid">
<div class="about-contact-icon"><img src="assets/img/icon/mail.svg" alt=""></div>
<div class="about-contact-details">
<h6 class="box-title">Email Address</h6>
<p class="about-contact-details-text"><a href="mailto:amazingworldt28@gmail.com">amazingworldt28@gmail.com</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="space-extra2-top space-extra2-bottom background-image" style="background-image: url("assets/img/bg/video_bg_1.jpg");">
<div class="container">
<div class="row flex-row-reverse justify-content-center align-items-center">
<div class="col-lg-6">
<div class="contact-map style1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3644.7310056272386!2d89.2286059153658!3d24.00527418490799!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39fe9b97badc6151%3A0x30b048c9fb2129bc!2sAngfuztheme!5e0!3m2!1sen!2sbd!4v1651028958211!5m2!1sen!2sbd" allowfullscreen="" loading="lazy" style="height: 570px;"></iframe>
<div class="contact-icon"><img src="assets/img/icon/location-dot3.svg" alt=""></div>
</div>
</div>
<div class="col-lg-6">
<div>
<form action="" method="POST" class="contact-form style2 ajax-contact" id="contactForm">
<h3 class="sec-title mb-30 text-capitalize">Get Contact form</h3>
<div class="row">
<div class="col-12 form-group">
<input type="text" class="form-control" name="name" id="name" placeholder="First Name">
<img src="assets/img/icon/user.svg" alt="">
</div>
<div class="col-12 form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Mail">
<img src="assets/img/icon/mail.svg" alt="">
</div>
<div class="col-12 form-group">
<input type="mobile" class="form-control" name="mobile" id="mobile" placeholder="Your mobile no.">
<img src="assets/img/icon/phone.svg" alt="" style="filter: grayscale(100%);">
</div>
<div class="form-group col-12">
<textarea name="message" id="message" cols="30" rows="3" class="form-control" placeholder="Your Message"></textarea>
<img src="assets/img/icon/chat.svg" alt="">
</div>
<div class="form-btn col-12 col-md-6">
<div style="margin: 0 0 10px;" class="g-recaptcha" data-sitekey="6LdQnR4sAAAAAAFlDmb2ZDn-ix8NC-UFQBNEBxbT"></div>
</div>
<div class="form-btn col-12 col-md-6">
<button type="submit" class="th-btn style3" name="submit-form">Send message <img src="assets/img/icon/plane.svg" alt=""></button>
</div>
</div>
<!-- <div id="feedbackmessage" class="mb-0 mt-3"></div> -->
<!-- <p class="form-messages mb-0 mt-3"></p> -->
</form>
</div>
</div>
</div>
</div>
</div>
<?php include_once'layout/footer.php';?>
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/gsap.min.js"></script>
<script src="assets/js/circle-progress.js"></script>
<script src="assets/js/matter.min.js"></script>
<script src="assets/js/matterjs-custom.js"></script>
<script src="assets/js/nice-select.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- Google reCAPTCHA CDN -->
<script type='text/javascript' src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.js"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript">
jQuery.noConflict()(function ($) {
$('#contactForm').on('submit', function (e) {
e.preventDefault(); // Prevent default form submission
// Clear previous error messages
$('.error').remove();
// Validation
let name = $('#name').val().trim();
let email = $('#email').val().trim();
let mobile = $('#mobile').val().trim();
let message = $('#message').val().trim();
let isValid = true;
if (!name) {
$('#name').after('<p class="error" style="color:red; font-size:14px; text-align: left;">Please enter your name</p>');
isValid = false;
}
if (!validateEmail(email)) {
$('#email').after('<p class="error" style="color:red; font-size:14px; text-align: left;">Please enter a valid email address</p>');
isValid = false;
}
if (!message) {
$('#message').after('<p class="error" style="color:red; font-size:14px; text-align: left;">Please enter your message</p>');
isValid = false;
}
if (mobile === "" || !validateMobile(mobile)) {
$('#mobile').after('<p class="error" style="color:red; font-size:14px; text-align: left;">Please enter a valid 10-digit mobile number</p>');
isValid = false;
}
let recaptchaResponse = grecaptcha.getResponse();
if (!recaptchaResponse) {
$('.g-recaptcha').after('<p class="error" style="color:red; font-size:14px; text-align: left;">Please complete the reCAPTCHA</p>');
isValid = false;
}
if (isValid) {
// Disable submit button and show 'Processing...'
let submitBtn = $('.style3');
submitBtn.prop('disabled', true).text('Processing...');
// Prepare form data
var formData = { name, email, mobile, message, 'g-recaptcha-response': recaptchaResponse };
// AJAX request
$.ajax({
url: "contactform.php",
type: "POST",
data: formData,
success: function (response) {
const res = JSON.parse(response);
submitBtn.prop('disabled', false).text('Submit'); // Reset button
if (res.success) {
$('#contactForm')[0].reset();
grecaptcha.reset(); // Reset reCAPTCHA
Swal.fire({
icon: 'success',
title: 'Thank you!',
text: 'Your request was successfully submitted!',
timer: 5000,
showConfirmButton: false
});
} else {
Swal.fire({
icon: 'error',
title: 'Submission Failed',
text: 'Please try again later.',
});
}
},
error: function () {
submitBtn.prop('disabled', false).text('Submit');
Swal.fire({
icon: 'error',
title: 'Error!',
text: 'An error occurred while submitting the form.',
});
},
});
}
});
// Email validation function
function validateEmail(email) {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return emailRegex.test(email);
}
function validateMobile(mobile) {
const mobileRegex = /^[0-9]{10}$/;
return mobileRegex.test(mobile);
}
});
</script>
</body>
</html>
PK 99