init
This commit is contained in:
iimtt@siliconpin.com
342
contact-1.php
342
contact-1.php
@@ -1,9 +1,18 @@
|
||||
<!-- Title -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<?php include("_navbar.php"); ?>
|
||||
<!-- Title -->
|
||||
<title>Get in touch with us@IIMTT</title>
|
||||
<meta name="description" content="Still have a question about Montessori education? Trying to choose the right course to study?contact with us for more details.">
|
||||
<link rel="canonical" href="https://iimtt.org/contact">
|
||||
<!-- ✅ Add Google reCAPTCHA script -->
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QHMZ5P"
|
||||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
<?php
|
||||
include("_navbar.php");
|
||||
?>
|
||||
|
||||
<!-- WELCOME -->
|
||||
<section data-jarallax data-speed=".8"
|
||||
@@ -20,177 +29,240 @@
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!------------------------------------------------------------------------>
|
||||
<!-- CONTENT -->
|
||||
<br><br>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Left Section -->
|
||||
<div class="col-12 col-md-6 col-lg-5">
|
||||
<h2 class="font-weight-bold" style="color: #00b1c1;text-align: center;">Head Office</h2>
|
||||
<div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8"
|
||||
class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">
|
||||
<!-- CONTENT -->
|
||||
<br><br>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 col-lg-5">
|
||||
<h2 class="font-weight-bold" style="color: #00b1c1;text-align: center;">Head Office</h2>
|
||||
<div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">
|
||||
<div class="container">
|
||||
<p style=" color:white;font-size: 14px;">
|
||||
<span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br>
|
||||
Kemp House 160 City Road, London, Ec1v2nx<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
|
||||
<img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
|
||||
</p>
|
||||
<span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
|
||||
<img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="font-weight-bold" style="color: #00b1c1;text-align: center;">Regional Offices</h2>
|
||||
|
||||
<div style="background-image:url(/assets/img/india.jpg);background-repeat:no-repeat;border-radius: 10px;border-left:3px solid #f7a325;"
|
||||
class="add1 shadow-dark bg-cover overlay overlay-dark overlay-40 shadow-dark">
|
||||
<div style="background-image:url(/assets/img/india.jpg);background-repeat:no-repeat;border-radius: 10px;border-left:3px solid #f7a325;" class="add1 shadow-dark bg-cover overlay overlay-dark overlay-40 shadow-dark">
|
||||
<div class="container">
|
||||
<p style="font-size: 14px;color:white;">
|
||||
<span style="color: #f7a325; font-size: 16PX;font-weight: bold;">India:</span><br>
|
||||
DE 2B VIP Road, Kolkata 59, West Bengal<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone">+91-334058-5535<br>
|
||||
</p>
|
||||
</div>
|
||||
<span style="color: #f7a325; font-size: 16PX;font-weight: bold;">India:</span><br> DE 2B VIP Road, Kolkata 59, West Bengal<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone">+91-334058-5535<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image:url(/assets/img/vietnam.jpg);border-radius: 10px;border-left:3px solid #00c1b1;"
|
||||
class="shadow-light-lg bg-cover overlay overlay-dark overlay-60 add1 bg-cover overlay overlay-dark overlay-40 shadow-dark shadow-dark">
|
||||
|
||||
<div style="background-image:url(/assets/img/vietnam.jpg);border-radius: 10px;border-left:3px solid #00c1b1;" class="shadow-light-lg bg-cover overlay overlay-dark overlay-60 add1 bg-cover overlay overlay-dark overlay-40 shadow-dark shadow-dark">
|
||||
<div class="container"><p style="color:white;font-size: 14px;">
|
||||
<span style="color: #00c1b1; font-size: 16PX;font-weight: bold;">Vietnam:</span><br> Cổ Nhuế 1, Từ Liêm, Hanoi, Vietnam<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone"> +0359057904<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image:url(/assets/img/kenya-min.jpg);border-radius: 10px;border-left:3px solid #0189c8;" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark shadow-dark">
|
||||
<div class="container">
|
||||
<p style="color:white;font-size: 14px;">
|
||||
<span style="color: #00c1b1; font-size: 16PX;font-weight: bold;">Vietnam:</span><br>
|
||||
Cổ Nhuế 1, Từ Liêm, Hanoi, Vietnam<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone"> +0359057904<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image:url(/assets/img/kenya-min.jpg);border-radius: 10px;border-left:3px solid #0189c8;"
|
||||
class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark shadow-dark">
|
||||
<div class="container">
|
||||
<p style="color: white; font-size: 14px;">
|
||||
<span style="color: #0189c8; font-size: 16PX;font-weight: bold;">Kenya:</span><br>
|
||||
Eldama Ravine Cl, Nairobi, Kenya<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone"> +0737999928<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Section (Form) -->
|
||||
<p style="color: white; font-size: 14px;">
|
||||
<span style="color: #0189c8; font-size: 16PX;font-weight: bold;">Kenya:</span><br> Eldama Ravine Cl, Nairobi, Kenya<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone"> +0737999928<br>
|
||||
</p>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-7">
|
||||
<h2 style="color: #00b1c1;" class="font-weight-bold text-center">Let's get in touch</h2>
|
||||
<h2 style="color: #00b1c1;" class="font-weight-bold text-center">
|
||||
Let's get in touch
|
||||
</h2>
|
||||
<div class="alert alert-danger" id="warning" style="display: none;">Fill all the fields!</div>
|
||||
<div class="alert alert-success" id="success" style="display: none;">Thank You! We will contact you soon!</div>
|
||||
|
||||
<!-- Form -->
|
||||
<form class="" role="form" method="post">
|
||||
<div class="form-group mb-5">
|
||||
<input type="text" name="widget-contact-form-name" required
|
||||
class="form-control" id="name1" placeholder="Enter your Name">
|
||||
<input type="text" aria-required="true" name="widget-contact-form-name" required
|
||||
class="form-control required name" id="name1" placeholder="Enter your Name">
|
||||
</div>
|
||||
<div class="form-group mb-5">
|
||||
<input class="form-control" id="phn" type="number" name="telephone"
|
||||
placeholder="Enter your Contact number" required>
|
||||
placeholder="Enter your Contact number" required>
|
||||
<p id="phnError" style="color: red; display: none;">Enter a valid phone number</p>
|
||||
</div>
|
||||
<div class="form-group mb-5">
|
||||
<input type="email" id="email" name="widget-contact-form-email" required
|
||||
class="form-control" placeholder="Enter your Email">
|
||||
<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
|
||||
<input type="email" id="email" aria-required="true" name="widget-contact-form-email"
|
||||
required class="form-control required email" placeholder="Enter your Email">
|
||||
<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" id="addr" name="address"
|
||||
placeholder="Enter your Full Address" required>
|
||||
</div>
|
||||
<input type="text" class="form-control" id="addr" name="address"
|
||||
placeholder="Enter your Full Address" required>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-12">
|
||||
<select id="req" class="form-control" name="gender" required>
|
||||
<option value="">In which field you are interested in?</option>
|
||||
<option value="Montessori Training">Montessori Training</option>
|
||||
<option value="Partnership with IIMTT">Partnership with IIMTT</option>
|
||||
<option value="Preschool setup for High School">Preschool setup for High School</option>
|
||||
<option value="Others">Others</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<select id="req" class="form-control" name="gender" required>
|
||||
<option value="">In which field you are interested in?</option>
|
||||
<option value="Montessori Training">Montessori Training</option>
|
||||
<option value="Partnership with IIMTT">Partnership with IIMTT</option>
|
||||
<option value="Preschool setup for High School">Preschool setup for High School</option>
|
||||
<option value="Others">Others</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-7 mb-md-9">
|
||||
<textarea name="widget-contact-form-message" required rows="3"
|
||||
class="form-control" id="message" placeholder="Enter your Message"></textarea>
|
||||
<textarea type="text" name="widget-contact-form-message" required rows="3"
|
||||
class="form-control required" id="message" placeholder="Enter your Message"></textarea>
|
||||
</div>
|
||||
|
||||
<!-- ✅ Google reCAPTCHA -->
|
||||
<div class="form-group text-center mb-3">
|
||||
<!-- ✅ Google reCAPTCHA Widget -->
|
||||
<div class="form-group text-center">
|
||||
<div class="g-recaptcha" data-sitekey="6LfLjvgrAAAAAIlFINpRhfP5HgnJbJ8lPQbVky8Z"></div>
|
||||
<p id="captchaError" style="color:red; display:none;">Please verify that you are not a robot.</p>
|
||||
<p id="captchaError" style="color: red; display: none;">Please verify you are not a robot.</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-0 text-center">
|
||||
<button style="background-color: #f7a325;margin:10px;" class="btn btn-sm btn-block lift" type="button"
|
||||
onclick="submitForm()"> Send message</button>
|
||||
<div class="form-group mb-0">
|
||||
<button style="background-color: #f7a325;margin:10px;" class="btn btn-sm btn-block lift" type="button" onclick="submitForm()"> Send message</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ✅ Load reCAPTCHA API (at bottom for performance) -->
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script type="text/javascript">
|
||||
function submitForm() {
|
||||
const name = document.getElementById("name1").value.trim();
|
||||
const phn = document.getElementById("phn").value.trim();
|
||||
const addr = document.getElementById("addr").value.trim();
|
||||
const email = document.getElementById("email").value.trim();
|
||||
const message = document.getElementById("message").value.trim();
|
||||
const subject = document.getElementById("req").value.trim();
|
||||
const captchaResponse = grecaptcha.getResponse();
|
||||
var name, addr, phn, email, message, subject;
|
||||
var warning = document.getElementById('warning');
|
||||
var success = document.getElementById('success');
|
||||
var emailError = document.getElementById('emailError');
|
||||
var phnError = document.getElementById('phnError');
|
||||
var req = document.getElementById("req");
|
||||
var captchaError = document.getElementById('captchaError');
|
||||
|
||||
const warning = document.getElementById("warning");
|
||||
const success = document.getElementById("success");
|
||||
const emailError = document.getElementById("emailError");
|
||||
const phnError = document.getElementById("phnError");
|
||||
const captchaError = document.getElementById("captchaError");
|
||||
function submitForm() {
|
||||
name = document.getElementById("name1").value;
|
||||
phn = document.getElementById("phn").value;
|
||||
addr = document.getElementById("addr").value;
|
||||
email = document.getElementById("email").value;
|
||||
message = document.getElementById("message").value;
|
||||
subject = req.options[req.selectedIndex].value;
|
||||
|
||||
warning.style.display = "none";
|
||||
success.style.display = "none";
|
||||
emailError.style.display = "none";
|
||||
phnError.style.display = "none";
|
||||
captchaError.style.display = "none";
|
||||
success.style.display = "none";
|
||||
captchaError.style.display = "none";
|
||||
|
||||
// Basic validation
|
||||
if (!name || !phn || !addr || !email || !message || !subject) {
|
||||
warning.style.display = "block";
|
||||
return;
|
||||
}
|
||||
var reg = /^([A-Za-z0-9_\-\.])+@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
||||
var mobile = /^\d{10}$/;
|
||||
|
||||
// Email and phone validation
|
||||
const reg = /^([A-Za-z0-9_\-\.])+@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
||||
const mobile = /^\d{10}$/;
|
||||
if (!reg.test(email)) {
|
||||
emailError.style.display = "block";
|
||||
return;
|
||||
}
|
||||
if (!mobile.test(phn)) {
|
||||
phnError.style.display = "block";
|
||||
return;
|
||||
}
|
||||
// ✅ Check for empty fields
|
||||
if (!name || !phn || !addr || !email || !message || !subject) {
|
||||
warning.style.display = "block";
|
||||
return;
|
||||
}
|
||||
|
||||
// ✅ CAPTCHA validation
|
||||
if (captchaResponse.length === 0) {
|
||||
captchaError.style.display = "block";
|
||||
return;
|
||||
}
|
||||
// ✅ Validate email & phone
|
||||
if (!reg.test(email)) {
|
||||
emailError.style.display = "block";
|
||||
return;
|
||||
} else {
|
||||
emailError.style.display = "none";
|
||||
}
|
||||
|
||||
// Proceed with your existing fetch submission here...
|
||||
success.style.display = "block";
|
||||
}
|
||||
if (!mobile.test(phn)) {
|
||||
phnError.style.display = "block";
|
||||
return;
|
||||
} else {
|
||||
phnError.style.display = "none";
|
||||
}
|
||||
|
||||
// ✅ Verify reCAPTCHA
|
||||
var captchaResponse = grecaptcha.getResponse();
|
||||
if (!captchaResponse.length) {
|
||||
captchaError.style.display = "block";
|
||||
return;
|
||||
}
|
||||
|
||||
warning.style.display = "none";
|
||||
|
||||
// ✅ Send form data
|
||||
let formData = new FormData();
|
||||
formData.append('formName', 'IIMTT-Contact-Form');
|
||||
formData.append('business_type', 'iimtt');
|
||||
formData.append('Name', name);
|
||||
formData.append('Email', email);
|
||||
formData.append('Phone', phn);
|
||||
formData.append('Field', subject);
|
||||
formData.append('Address', addr);
|
||||
formData.append('MessageDetails', message + " Field:" + subject);
|
||||
|
||||
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(res => res.json())
|
||||
.then(json => {
|
||||
sendMail("teenybeans.info@gmail.com");
|
||||
sendMail("enquiry@beanstalkedu.com");
|
||||
sendWelcomeMail(email);
|
||||
success.style.display = "block";
|
||||
document.getElementById("name1").value = "";
|
||||
document.getElementById("phn").value = "";
|
||||
document.getElementById("addr").value = "";
|
||||
document.getElementById("email").value = "";
|
||||
document.getElementById("message").value = "";
|
||||
grecaptcha.reset(); // reset captcha after submission
|
||||
});
|
||||
}
|
||||
|
||||
function sendMail(sendEmail) {
|
||||
let formData = new FormData();
|
||||
formData.append("sendMail", "true");
|
||||
formData.append("reciever", sendEmail);
|
||||
formData.append("sender", "IIMTT");
|
||||
formData.append("senderMail", "enquiry@iimtt.org");
|
||||
formData.append("subject", "New Contact Form Fillup");
|
||||
formData.append(
|
||||
"message",
|
||||
"<html><body><p>New IIMTT Contact Page form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||
name +
|
||||
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||
email +
|
||||
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||
phn +
|
||||
"</td></tr><tr><th>Address:- </th><td>:- " +
|
||||
addr +
|
||||
"</td></tr><tr><th>Service:- </th><td>:- " +
|
||||
subject +
|
||||
"</td></tr><tr><th>Message:- </th><td>:- " +
|
||||
message +
|
||||
"</td></tr></table></body></html>"
|
||||
);
|
||||
fetch("https://mailapi.teenybeans.in/009/", {
|
||||
method: "POST",
|
||||
body: formData
|
||||
});
|
||||
}
|
||||
|
||||
function sendWelcomeMail(sendEmail) {
|
||||
let formData = new FormData();
|
||||
formData.append("sendMail", "true");
|
||||
formData.append("reciever", sendEmail);
|
||||
formData.append("sender", "IIMTT");
|
||||
formData.append("senderMail", "enquiry@iimtt.org");
|
||||
formData.append("subject", "Thank you for contacting IIMTT.");
|
||||
formData.append(
|
||||
"message",
|
||||
'<html><body style="background-color:#f5f8f5;padding:16px;"><div style="text-align:center"><a href="#"><img style="width:150px;" src="http://iimtt.org/assets/img/iimtt-footer-logo.png"></a></div>'+
|
||||
'<div><p>Hi '+name+'</p><p>Thank you for reaching International Institute of Montessori Teacher Training.</p>'+
|
||||
'<p>IIMTT was established to help meet the growing demand for Montessori teachers in India and abroad.Our course equips participants to educate children in the Montessori Method, at the pre-primary level anywhere in the world.</p>'+
|
||||
'<p>Our representative will get in touch with you soon regarding your enquiry!</p></div>'+
|
||||
'<div style="text-align:center"><a href="https://drive.google.com/file/d/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing"><Button style="background-color:#f7a325;color:black;border:none;">Download Brochure</Button></a></div><p>Thanks<br>Team IIMTT</p>'+
|
||||
'<div style="text-align:center"><p><b>Follow us</b><br><a href="https://www.facebook.com/IIMTT/" target="_blank"><img style="width:26px;margin-right:10px" src="https://iimtt.org/assets/img/fb.png" alt="Logo"></a><a href="https://www.instagram.com/iimtt.corporate/" target="_blank"><img style="width:26px;margin-right:10px" src="https://iimtt.org/assets/img/insta.png" alt="Logo"></a><a href="https://twitter.com/iimtt_corporate" target="_blank"><img style="width:26px;margin-right:10px" src="https://iimtt.org/assets/img/tw.png" alt="Logo"></a>'+
|
||||
'<a href="https://www.linkedin.com/showcase/international-institute-of-montessori-teacher-training/" target="_blank"><img style="width:30px;" src="https://iimtt.org/assets/img/linkedin.png" alt="Logo"></a><br><hr><b>International Institute of Montessori Teacher Training</b><br>Kemp House 160 City Road, London, Ec1v2nx<br>© 2021 IIMTT All rights reserved.</p></div></body></html>'
|
||||
);
|
||||
fetch("https://mailapi.teenybeans.in/009/", {
|
||||
method: "POST",
|
||||
body: formData
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user