feat-new malaysia page
This commit is contained in:
@@ -182,6 +182,198 @@ include("_navbar.php");
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- -------------------------------new Section---------------------------------------------------------------->
|
||||
<section class="pt-7 py-8 border-bottom">
|
||||
<div class="container">
|
||||
<H2 style="text-align: center;color: #2dadb8;font-weight:800;margin-top:-23px;" class="mx-auto">Start Your Teaching Career with IIMTT</H2>
|
||||
<div class="d-flex mt-8">
|
||||
<div style="flex:1" class="my-auto d-none d-md-block">
|
||||
<img src="/assets/img/IIMTT brochure_info.webp" alt="key features iimtt"
|
||||
class="img-fluid mb-6 mb-md-0">
|
||||
</div>
|
||||
<div style="flex:2" class="my-auto px-0 px-md-4">
|
||||
<img src="/assets/img/IIMTT brochure_gneric.webp" alt="key features iimtt"
|
||||
class="img-fluid mb-6 mb-md-0" style="box-shadow:0 4px 4px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);z-index:9999999999999999">
|
||||
</div>
|
||||
<div style="flex:1" class="my-auto d-none d-md-block">
|
||||
<img src="/assets/img/IIMTT brochure_all.webp" alt="key features iimtt"
|
||||
class="img-fluid mb-6 mb-md-0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-4">
|
||||
<button style="background-color: #f7a325;color:white" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter2">Download Brochure</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!---------------------------------------------- payment form2 ------------------------------->
|
||||
<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog1" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document1">
|
||||
<div class="modal-content" style="background-color:#D9D9D9">
|
||||
<h1 style="color:#F68F51;text-align:center;font-weight:bold" class="pt-6">IIMTT Brochure</h1>
|
||||
<div class="modal-header p-0 pr-7" style="border-bottom:none;margin-top:-50px">
|
||||
<button type="button" class="close" style='color:black' data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body pb-0">
|
||||
<div class="alert alert-danger" id="paymentWarning2" style="display: none;">Fill all the fields!</div>
|
||||
<div class="alert alert-success" id="paymentSuccess2" style="display: none;">Thank You! We will contact you soon!</div>
|
||||
<form class="" role="form" method="post">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-12">
|
||||
<div class="form-group mb-5">
|
||||
<input type="text" aria-required="true" name="widget-contact-form-name" required class="form-control required name shadow-lg" style="border-radius:26px;min-height:0px;padding:6px;padding-left:16px" id="user2" placeholder="Your Name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-4"><div style="margin-left:-40px" class="pt-7 d-none d-sm-block"><img src='/assets/img/book-a-seat.png'/></div></div>
|
||||
<div class="col-12 col-sm-8">
|
||||
<div class="form-group mb-5">
|
||||
<input type="email" id="paymentEmail2" aria-required="true" name="widget-contact-form-email" required class="form-control required email shadow-lg" style="border-radius:26px;min-height:0px;padding:6px;padding-left:16px" placeholder="Your Email">
|
||||
<p id="paymentEmailError2" style="color: red; display: none;">Enter a valid email address</p>
|
||||
</div>
|
||||
<div class="form-group mb-5">
|
||||
<input class="form-control shadow-lg" style="border-radius:26px;min-height:0px;padding:6px;padding-left:16px" id="contact2" type="number" name="telephone" placeholder="Your Contact" required>
|
||||
<p id="contactError2" style="color: red; display: none;">Enter a valid phone number</p>
|
||||
</div>
|
||||
<div class="form-group mb-5">
|
||||
<input type="text" id="city2" aria-required="true" name="widget-contact-form-city" required class="form-control required name shadow-lg" style="border-radius:26px;min-height:0px;padding:6px;padding-left:16px" placeholder="Your City">
|
||||
</div>
|
||||
<div class="form-group mb-0 text-center">
|
||||
<button style="background-color: #f7a325;margin:10px 0px;border-radius:26px;" class="btn btn-sm lift shadow-lg px-8" type="button" onclick="paymentSubmitForm2()"> Get Brochure</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!------------------------------------------form--------------------------------------------------------->
|
||||
<script type="text/javascript">
|
||||
var user2 = null;
|
||||
var contact2 = null;
|
||||
var paymentEmail2 = null;
|
||||
var city2 = null;
|
||||
var paymentWarning2 = document.getElementById('paymentWarning2');
|
||||
var paymentSuccess2 = document.getElementById('paymentSuccess2');
|
||||
var paymentEmailError2 = document.getElementById('paymentEmailError2');
|
||||
var req2 = document.getElementById("req2");
|
||||
|
||||
function paymentSubmitForm2() {
|
||||
user2 = document.getElementById("user2").value;
|
||||
contact2 = document.getElementById("contact2").value;
|
||||
paymentEmail2 = document.getElementById("paymentEmail2").value;
|
||||
city2 = document.getElementById('city2').value;
|
||||
paymentSuccess2.style.display = "none";
|
||||
console.log('all details',user2,contact2,paymentEmail2,city2)
|
||||
if (user2 == '' || contact2 == '' || paymentEmail2 == '' || city2 =='') {
|
||||
paymentWarning2.style.display = "block";
|
||||
} else {
|
||||
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
||||
var mobile = /^\d{10}$/;
|
||||
|
||||
if (reg.test(paymentEmail2) == false) {
|
||||
paymentEmailError2.style.display = "block";
|
||||
}else
|
||||
if (mobile.test(contact2) == false) {
|
||||
contactError2.style.display = "block";
|
||||
} else
|
||||
{
|
||||
paymentEmailError2.style.display = "none";
|
||||
paymentWarning2.style.display = "none";
|
||||
|
||||
let formData = new FormData();
|
||||
formData.append('formName', 'IIMTT-Sodepur-Download-brochure-Form');
|
||||
formData.append('business_type', 'iimtt');
|
||||
formData.append('Name', user2);
|
||||
formData.append('Email', paymentEmail2);
|
||||
formData.append('Phone', contact2);
|
||||
formData.append('Details', city2)
|
||||
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(res => res.json())
|
||||
.then(json => {
|
||||
// console.log(json);
|
||||
sendPaymentMail2("teenybeans.info@gmail.com");
|
||||
sendPaymentMail2("enquiry@beanstalkedu.com");
|
||||
sendPaymentWelcomeMail2(paymentEmail2);
|
||||
paymentSuccess2.style.display = "block";
|
||||
document.getElementById("user2").value = "";
|
||||
document.getElementById("contact2").value = "";
|
||||
document.getElementById("paymentEmail2").value = "";
|
||||
document.getElementById("city2").value = "";
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
// if(name)
|
||||
}
|
||||
function sendPaymentMail2(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 Sodepur Brochure form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||
user2 +
|
||||
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||
paymentEmail2 +
|
||||
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||
contact2 +
|
||||
"</td></tr><tr><th>City:- </th><td>:- " +
|
||||
city2 +
|
||||
"</td></tr></table></body></html>"
|
||||
);
|
||||
fetch("https://mailapi.teenybeans.in/009/", {
|
||||
method: "POST",
|
||||
body: formData
|
||||
})
|
||||
.then(function (response) {
|
||||
response.json().then(function (data) {
|
||||
// console.log(data);
|
||||
});
|
||||
})
|
||||
.catch(function (err) {
|
||||
console.log("Fetch Error :-S", err);
|
||||
});
|
||||
}
|
||||
function sendPaymentWelcomeMail2(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 choosing IIMTT Sodepur");
|
||||
formData.append(
|
||||
"message",'<html><body style="background-color:#f5f8f5;padding:16px;"><div style="text-align:center"><a href="#"><img style="width:150px;" src="https://iimtt.org/assets/img/iimtt-footer-logo.png"></a></div>'+
|
||||
'<div><b style="font-size:20px">Hi '+user2+'</b><p>Thank you for your interest in Montessori Teacher Training from IIMTT Sodepur.</p>'+
|
||||
"<p>Whether you've just graduated from school or are seeking a truly inspirational career change, IIMTT offers a range of training opportunities, including internationally recognized UK qualifications to start your journey in Montessori education. </p>"+
|
||||
'<p>Our representative will get in touch with you soon!</p><p>In the meantime, you can learn more about us.</p></div><div style="text-align:center"><a style="background-color:#f7a325;color:black;padding:4px 6px;text-decoration:none" class="btn btn-secondary btn-form display-4" href="https://drive.google.com/file/d/1vRsomtWAWU2P2SyVCpZJiGfKZyARRtJo/view?usp=share_link">Download Brochure</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>Eldama Ravine Cl, Nairobi, Kenya<br>© 2021 IIMTT All rights reserved.</p></div></body></html>'
|
||||
);
|
||||
fetch("https://mailapi.teenybeans.in/009/", {
|
||||
method: "POST",
|
||||
body: formData
|
||||
})
|
||||
.then(function (response) {
|
||||
response.json().then(function (data) {
|
||||
console.log(data);
|
||||
});
|
||||
})
|
||||
.catch(function (err) {
|
||||
console.log("Fetch Error :-S", err);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<!----------------------------------------------first section------------------------------->
|
||||
<!-- WELCOME -->
|
||||
<section class="mb-4">
|
||||
|
||||
Reference in New Issue
Block a user