fix-popup design and nairobi and hanoi form connection
This commit is contained in:
BIN
assets/img/book-a-seat.png
Normal file
BIN
assets/img/book-a-seat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@@ -131,6 +131,53 @@
|
|||||||
<!-- / .container -->
|
<!-- / .container -->
|
||||||
</section>
|
</section>
|
||||||
<!-- SHAPE -->
|
<!-- SHAPE -->
|
||||||
|
<!---------------------------------------------- payment form ------------------------------->
|
||||||
|
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content" style="background-color:#D9D9D9">
|
||||||
|
<h1 style="color:#F68F51;text-align:center;font-weight:bold" class="pt-6">Book Seat</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="paymentWarning" style="display: none;">Fill all the fields!</div>
|
||||||
|
<div class="alert alert-success" id="paymentSuccess" 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="user" 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 -->
|
||||||
|
<input type="email" id="paymentEmail" 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="paymentEmailError" 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="contact" type="number" name="telephone" placeholder="Your Contact" required>
|
||||||
|
<p id="contactError" style="color: red; display: none;">Enter a valid phone number</p>
|
||||||
|
</div>
|
||||||
|
<div class="form-group mb-5">
|
||||||
|
<input type="text" id="city" 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="paymentSubmitForm()"> Book a Seat</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!---------------------------------------------------course summary --------------------------------------->
|
<!---------------------------------------------------course summary --------------------------------------->
|
||||||
<section data-jarallax data-speed=".8" class="pb-4">
|
<section data-jarallax data-speed=".8" class="pb-4">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@@ -226,7 +273,7 @@
|
|||||||
<clip/>
|
<clip/>
|
||||||
</p>
|
</p>
|
||||||
<div style="display:flex">
|
<div style="display:flex">
|
||||||
<button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button">Book a Seat</button>
|
<button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter">Book a Seat</button>
|
||||||
<!-- <a href="#">
|
<!-- <a href="#">
|
||||||
<div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
|
<div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
|
||||||
</a> -->
|
</a> -->
|
||||||
@@ -529,5 +576,150 @@
|
|||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
<!--End of Tawk.to Script-->
|
<!--End of Tawk.to Script-->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var user = null;
|
||||||
|
var contact = null;
|
||||||
|
var paymentEmail = null;
|
||||||
|
var city = null;
|
||||||
|
var paymentWarning = document.getElementById('paymentWarning');
|
||||||
|
var paymentSuccess = document.getElementById('paymentSuccess');
|
||||||
|
var paymentEmailError = document.getElementById('paymentEmailError');
|
||||||
|
var req = document.getElementById("req");
|
||||||
|
|
||||||
|
function paymentSubmitForm() {
|
||||||
|
user = document.getElementById("user").value;
|
||||||
|
contact = document.getElementById("contact").value;
|
||||||
|
paymentEmail = document.getElementById("paymentEmail").value;
|
||||||
|
city = document.getElementById('city').value;
|
||||||
|
paymentSuccess.style.display = "none";
|
||||||
|
console.log('all details',user,contact,paymentEmail,city)
|
||||||
|
if (user == '' || contact == '' || paymentEmail == '' || city =='') {
|
||||||
|
paymentWarning.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(paymentEmail) == false) {
|
||||||
|
paymentEmailError.style.display = "block";
|
||||||
|
}else
|
||||||
|
// if (mobile.test(contact) == false) {
|
||||||
|
// contactError.style.display = "block";
|
||||||
|
// } else
|
||||||
|
{
|
||||||
|
paymentEmailError.style.display = "none";
|
||||||
|
paymentWarning.style.display = "none";
|
||||||
|
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('formName', 'IIMTT-Hanoi-Graduate-Diploma-Form');
|
||||||
|
formData.append('business_type', 'iimtt');
|
||||||
|
formData.append('Name', user);
|
||||||
|
formData.append('Email', paymentEmail);
|
||||||
|
formData.append('Phone', contact);
|
||||||
|
formData.append('Details', city)
|
||||||
|
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||||
|
method: 'POST',
|
||||||
|
body: formData
|
||||||
|
})
|
||||||
|
fetch('https://app.buzzapp.tech/api/payments/createPaymentUrl', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
accept: 'application.json',
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
"amount": "140",
|
||||||
|
"productinfo": "Graduate Diploma in Montessori Teacher Training",
|
||||||
|
"firstname": user,
|
||||||
|
"email": paymentEmail,
|
||||||
|
"phone": contact,
|
||||||
|
"additionalInfo": {
|
||||||
|
"orderId": "147ubiebpe"
|
||||||
|
},
|
||||||
|
"callbackUrl": "https://buzzapp.local/api/one/v1/commerce-payment/updateOrderPaymentCallback",
|
||||||
|
"currency": "USD"
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(json => {
|
||||||
|
window.open(json.url)
|
||||||
|
// console.log(json);
|
||||||
|
sendPaymentMail("teenybeans.info@gmail.com");
|
||||||
|
sendPaymentMail("enquiry@beanstalkedu.com");
|
||||||
|
sendPaymentMail("nairobi@iimtt.org");
|
||||||
|
sendPaymentWelcomeMail(paymentEmail);
|
||||||
|
paymentSuccess.style.display = "block";
|
||||||
|
document.getElementById("user").value = "";
|
||||||
|
document.getElementById("contact").value = "";
|
||||||
|
document.getElementById("paymentEmail").value = "";
|
||||||
|
document.getElementById("city").value = "";
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
// if(name)
|
||||||
|
}
|
||||||
|
function sendPaymentMail(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 Hanoi Graduate Diploma Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||||
|
user +
|
||||||
|
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||||
|
paymentEmail +
|
||||||
|
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||||
|
contact +
|
||||||
|
"</td></tr><tr><th>City:- </th><td>:- " +
|
||||||
|
city +
|
||||||
|
"</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 sendPaymentWelcomeMail(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 Hanoi");
|
||||||
|
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 '+user+'</b><p>Thank you for your interest in taking the Graduate Diploma in Montessori Teacher Training from IIMTT Hanoi.</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 the course fees and duration.</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Complete Fees Structure</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>
|
||||||
|
<!-- ------------------------------ -->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -227,7 +227,7 @@
|
|||||||
<clip/>
|
<clip/>
|
||||||
</p>
|
</p>
|
||||||
<div style="display:flex">
|
<div style="display:flex">
|
||||||
<button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button">Book a Seat</button>
|
<button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter1">Book a Seat</button>
|
||||||
<!-- <a href="#">
|
<!-- <a href="#">
|
||||||
<div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
|
<div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
|
||||||
</a> -->
|
</a> -->
|
||||||
@@ -239,6 +239,52 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- / .container -->
|
<!-- / .container -->
|
||||||
</section>
|
</section>
|
||||||
|
<!---------------------------------------------- payment form1 ------------------------------->
|
||||||
|
<div class="modal fade" id="exampleModalCenter1" 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">Book Seat</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="paymentWarning1" style="display: none;">Fill all the fields!</div>
|
||||||
|
<div class="alert alert-success" id="paymentSuccess1" 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="user1" 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="paymentEmail1" 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="paymentEmailError1" 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="contact1" type="number" name="telephone" placeholder="Your Contact" required>
|
||||||
|
<p id="contactError1" style="color: red; display: none;">Enter a valid phone number</p>
|
||||||
|
</div>
|
||||||
|
<div class="form-group mb-5">
|
||||||
|
<input type="text" id="city1" 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="paymentSubmitForm1()"> Book a Seat</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!------------------------------------------------------- -->
|
||||||
<script>
|
<script>
|
||||||
var $temp = $("<input>");
|
var $temp = $("<input>");
|
||||||
var $url = $(location).attr('href');
|
var $url = $(location).attr('href');
|
||||||
@@ -530,5 +576,150 @@
|
|||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
<!--End of Tawk.to Script-->
|
<!--End of Tawk.to Script-->
|
||||||
|
<!-- ****************************************************** -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var user1 = null;
|
||||||
|
var contact1 = null;
|
||||||
|
var paymentEmail1 = null;
|
||||||
|
var city1 = null;
|
||||||
|
var paymentWarning1 = document.getElementById('paymentWarning1');
|
||||||
|
var paymentSuccess1 = document.getElementById('paymentSuccess1');
|
||||||
|
var paymentEmailError1 = document.getElementById('paymentEmailError1');
|
||||||
|
var req = document.getElementById("req");
|
||||||
|
|
||||||
|
function paymentSubmitForm1() {
|
||||||
|
user1 = document.getElementById("user1").value;
|
||||||
|
contact1 = document.getElementById("contact1").value;
|
||||||
|
paymentEmail1 = document.getElementById("paymentEmail1").value;
|
||||||
|
city1 = document.getElementById('city1').value;
|
||||||
|
paymentSuccess1.style.display = "none";
|
||||||
|
console.log('all details',user1,contact1,paymentEmail1,city1)
|
||||||
|
if (user1 == '' || contact1 == '' || paymentEmail1 == '' || city1 =='') {
|
||||||
|
paymentWarning1.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(paymentEmail1) == false) {
|
||||||
|
paymentEmailError1.style.display = "block";
|
||||||
|
}else
|
||||||
|
// if (mobile.test(contact) == false) {
|
||||||
|
// contactError.style.display = "block";
|
||||||
|
// } else
|
||||||
|
{
|
||||||
|
paymentEmailError1.style.display = "none";
|
||||||
|
paymentWarning1.style.display = "none";
|
||||||
|
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('formName', 'IIMTT-Hanoi-Post-Graduate-Diploma-Form');
|
||||||
|
formData.append('business_type', 'iimtt');
|
||||||
|
formData.append('Name', user1);
|
||||||
|
formData.append('Email', paymentEmail1);
|
||||||
|
formData.append('Phone', contact1);
|
||||||
|
formData.append('Details', city1)
|
||||||
|
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||||
|
method: 'POST',
|
||||||
|
body: formData
|
||||||
|
})
|
||||||
|
fetch('https://app.buzzapp.tech/api/payments/createPaymentUrl', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
accept: 'application.json',
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
"amount": "180",
|
||||||
|
"productinfo": "Graduate Post Diploma in Montessori Teacher Training",
|
||||||
|
"firstname": user1,
|
||||||
|
"email": paymentEmail1,
|
||||||
|
"phone": contact1,
|
||||||
|
"additionalInfo": {
|
||||||
|
"orderId": "147ubiebpe"
|
||||||
|
},
|
||||||
|
"callbackUrl": "https://buzzapp.local/api/one/v1/commerce-payment/updateOrderPaymentCallback",
|
||||||
|
"currency": "USD"
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(json => {
|
||||||
|
window.open(json.url)
|
||||||
|
// console.log(json);
|
||||||
|
sendPaymentMail("teenybeans.info@gmail.com");
|
||||||
|
sendPaymentMail("enquiry@beanstalkedu.com");
|
||||||
|
sendPaymentMail("nairobi@iimtt.org");
|
||||||
|
sendPaymentWelcomeMail(paymentEmail);
|
||||||
|
paymentSuccess.style.display = "block";
|
||||||
|
document.getElementById("user1").value = "";
|
||||||
|
document.getElementById("contact1").value = "";
|
||||||
|
document.getElementById("paymentEmail1").value = "";
|
||||||
|
document.getElementById("city1").value = "";
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
// if(name)
|
||||||
|
}
|
||||||
|
function sendPaymentMail(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 Hanoi Post Graduate Diploma Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||||
|
user1 +
|
||||||
|
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||||
|
paymentEmail1 +
|
||||||
|
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||||
|
contact1 +
|
||||||
|
"</td></tr><tr><th>City:- </th><td>:- " +
|
||||||
|
city1 +
|
||||||
|
"</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 sendPaymentWelcomeMail(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 Hanoi");
|
||||||
|
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 '+user1+'</b><p>Thank you for your interest in taking the Post Graduate Diploma in Montessori Teacher Training from IIMTT Hanoi.</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 the course fees and duration.</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Complete Fees Structure</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>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -90,7 +90,7 @@ include("_navbar.php");
|
|||||||
</div>
|
</div>
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<div style="flex:1;background-color:#f7a325;border-bottom-left-radius:1rem;" class="py-2 text-center"><a class='text-black text-decoration-none' href='/hanoi/graduate-diploma-montessori-teacher-training.html'>View Details</a></div>
|
<div style="flex:1;background-color:#f7a325;border-bottom-left-radius:1rem;" class="py-2 text-center"><a class='text-black text-decoration-none' href='/hanoi/graduate-diploma-montessori-teacher-training.html'>View Details</a></div>
|
||||||
<div style="flex:1;background-color:#094268;color:white;border-bottom-right-radius:1rem;" class="py-2 text-center">Book a Seat</div>
|
<div style="flex:1;background-color:#094268;color:white;border-bottom-right-radius:1rem;cursor: pointer" class="py-2 text-center" data-toggle="modal" data-target="#exampleModalCenter">Book a Seat</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -111,7 +111,7 @@ include("_navbar.php");
|
|||||||
</div>
|
</div>
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<div style="flex:1;background-color:#f7a325;border-bottom-left-radius:1rem;" class="py-2 text-center"><a class='text-black text-decoration-none' href='/hanoi/post-graduate-diploma-montessori-teacher-training.html'>View Details</a></div>
|
<div style="flex:1;background-color:#f7a325;border-bottom-left-radius:1rem;" class="py-2 text-center"><a class='text-black text-decoration-none' href='/hanoi/post-graduate-diploma-montessori-teacher-training.html'>View Details</a></div>
|
||||||
<div style="flex:1;background-color:#094268;color:white;border-bottom-right-radius:1rem;" class="py-2 text-center">Book a Seat</div>
|
<div style="flex:1;background-color:#094268;color:white;border-bottom-right-radius:1rem;cursor: pointer" class="py-2 text-center" data-toggle="modal" data-target="#exampleModalCenter1">Book a Seat</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -262,6 +262,98 @@ include("_navbar.php");
|
|||||||
</div> <!-- / .row -->
|
</div> <!-- / .row -->
|
||||||
</div> <!-- / .container -->
|
</div> <!-- / .container -->
|
||||||
</section>
|
</section>
|
||||||
|
<!---------------------------------------------- payment form ------------------------------->
|
||||||
|
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content" style="background-color:#D9D9D9">
|
||||||
|
<h1 style="color:#F68F51;text-align:center;font-weight:bold" class="pt-6">Book Seat</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="paymentWarning" style="display: none;">Fill all the fields!</div>
|
||||||
|
<div class="alert alert-success" id="paymentSuccess" 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="user" 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 -->
|
||||||
|
<input type="email" id="paymentEmail" 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="paymentEmailError" 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="contact" type="number" name="telephone" placeholder="Your Contact" required>
|
||||||
|
<p id="contactError" style="color: red; display: none;">Enter a valid phone number</p>
|
||||||
|
</div>
|
||||||
|
<div class="form-group mb-5">
|
||||||
|
<input type="text" id="city" 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="paymentSubmitForm()"> Book a Seat</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!---------------------------------------------- payment form1 ------------------------------->
|
||||||
|
<div class="modal fade" id="exampleModalCenter1" 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">Book Seat</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="paymentWarning1" style="display: none;">Fill all the fields!</div>
|
||||||
|
<div class="alert alert-success" id="paymentSuccess1" 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="user1" 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="paymentEmail1" 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="paymentEmailError1" 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="contact1" type="number" name="telephone" placeholder="Your Contact" required>
|
||||||
|
<p id="contactError1" style="color: red; display: none;">Enter a valid phone number</p>
|
||||||
|
</div>
|
||||||
|
<div class="form-group mb-5">
|
||||||
|
<input type="text" id="city1" 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="paymentSubmitForm1()"> Book a Seat</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!-------------------------------------------------------------------->
|
<!-------------------------------------------------------------------->
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var option = null;
|
var option = null;
|
||||||
@@ -389,11 +481,7 @@ include("_navbar.php");
|
|||||||
formData.append("subject", "Thank you for contacting IIMTT.");
|
formData.append("subject", "Thank you for contacting IIMTT.");
|
||||||
formData.append(
|
formData.append(
|
||||||
"message",
|
"message",
|
||||||
// "<html><body><p>Welcome " +
|
'<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>'+
|
||||||
// name +
|
|
||||||
// " to IIMTT Hanoi.<br>Thank you for contacting us. <br> We will get back to you shortly. In the meanwhile please do check out our website for more information. click <a href='https://iimtt.org'>here</a><br>Thank you<br>-Team IIMTT. </p></body></html>"
|
|
||||||
|
|
||||||
'<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 '+name+'</b><p>Thank you for reaching International Institute of Montessori Teacher Training.</p>'+
|
'<div><b style="font-size:20px">Hi '+name+'</b><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>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!</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Brochure</a></div><p>Thanks<br>Team IIMTT</p>'+
|
'<p>Our representative will get in touch with you soon!</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Brochure</a></div><p>Thanks<br>Team IIMTT</p>'+
|
||||||
@@ -415,3 +503,294 @@ include("_navbar.php");
|
|||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
<!-- ****************************************************** -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var user = null;
|
||||||
|
var contact = null;
|
||||||
|
var paymentEmail = null;
|
||||||
|
var city = null;
|
||||||
|
var paymentWarning = document.getElementById('paymentWarning');
|
||||||
|
var paymentSuccess = document.getElementById('paymentSuccess');
|
||||||
|
var paymentEmailError = document.getElementById('paymentEmailError');
|
||||||
|
var req = document.getElementById("req");
|
||||||
|
|
||||||
|
function paymentSubmitForm() {
|
||||||
|
user = document.getElementById("user").value;
|
||||||
|
contact = document.getElementById("contact").value;
|
||||||
|
paymentEmail = document.getElementById("paymentEmail").value;
|
||||||
|
city = document.getElementById('city').value;
|
||||||
|
paymentSuccess.style.display = "none";
|
||||||
|
console.log('all details',user,contact,paymentEmail,city)
|
||||||
|
if (user == '' || contact == '' || paymentEmail == '' || city =='') {
|
||||||
|
paymentWarning.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(paymentEmail) == false) {
|
||||||
|
paymentEmailError.style.display = "block";
|
||||||
|
}else
|
||||||
|
// if (mobile.test(contact) == false) {
|
||||||
|
// contactError.style.display = "block";
|
||||||
|
// } else
|
||||||
|
{
|
||||||
|
paymentEmailError.style.display = "none";
|
||||||
|
paymentWarning.style.display = "none";
|
||||||
|
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('formName', 'IIMTT-Hanoi-Graduate-Diploma-Form');
|
||||||
|
formData.append('business_type', 'iimtt');
|
||||||
|
formData.append('Name', user);
|
||||||
|
formData.append('Email', paymentEmail);
|
||||||
|
formData.append('Phone', contact);
|
||||||
|
formData.append('Details', city)
|
||||||
|
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||||
|
method: 'POST',
|
||||||
|
body: formData
|
||||||
|
})
|
||||||
|
fetch('https://app.buzzapp.tech/api/payments/createPaymentUrl', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
accept: 'application.json',
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
"amount": "140",
|
||||||
|
"productinfo": "Graduate Diploma in Montessori Teacher Training",
|
||||||
|
"firstname": user,
|
||||||
|
"email": paymentEmail,
|
||||||
|
"phone": contact,
|
||||||
|
"additionalInfo": {
|
||||||
|
"orderId": "147ubiebpe"
|
||||||
|
},
|
||||||
|
"callbackUrl": "https://buzzapp.local/api/one/v1/commerce-payment/updateOrderPaymentCallback",
|
||||||
|
"currency": "USD"
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(json => {
|
||||||
|
window.open(json.url)
|
||||||
|
// console.log(json);
|
||||||
|
sendPaymentMail("teenybeans.info@gmail.com");
|
||||||
|
sendPaymentMail("enquiry@beanstalkedu.com");
|
||||||
|
sendPaymentMail("nairobi@iimtt.org");
|
||||||
|
sendPaymentWelcomeMail(paymentEmail);
|
||||||
|
paymentSuccess.style.display = "block";
|
||||||
|
document.getElementById("user").value = "";
|
||||||
|
document.getElementById("contact").value = "";
|
||||||
|
document.getElementById("paymentEmail").value = "";
|
||||||
|
document.getElementById("city").value = "";
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
// if(name)
|
||||||
|
}
|
||||||
|
function sendPaymentMail(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 Hanoi Graduate Diploma Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||||
|
user +
|
||||||
|
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||||
|
paymentEmail +
|
||||||
|
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||||
|
contact +
|
||||||
|
"</td></tr><tr><th>City:- </th><td>:- " +
|
||||||
|
city +
|
||||||
|
"</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 sendPaymentWelcomeMail(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 Hanoi");
|
||||||
|
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 '+user+'</b><p>Thank you for your interest in taking the Graduate Diploma in Montessori Teacher Training from IIMTT Hanoi.</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 the course fees and duration.</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Complete Fees Structure</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>
|
||||||
|
<!-- ****************************************************** -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var user1 = null;
|
||||||
|
var contact1 = null;
|
||||||
|
var paymentEmail1 = null;
|
||||||
|
var city1 = null;
|
||||||
|
var paymentWarning1 = document.getElementById('paymentWarning1');
|
||||||
|
var paymentSuccess1 = document.getElementById('paymentSuccess1');
|
||||||
|
var paymentEmailError1 = document.getElementById('paymentEmailError1');
|
||||||
|
var req = document.getElementById("req");
|
||||||
|
|
||||||
|
function paymentSubmitForm1() {
|
||||||
|
user1 = document.getElementById("user1").value;
|
||||||
|
contact1 = document.getElementById("contact1").value;
|
||||||
|
paymentEmail1 = document.getElementById("paymentEmail1").value;
|
||||||
|
city1 = document.getElementById('city1').value;
|
||||||
|
paymentSuccess1.style.display = "none";
|
||||||
|
console.log('all details',user1,contact1,paymentEmail1,city1)
|
||||||
|
if (user1 == '' || contact1 == '' || paymentEmail1 == '' || city1 =='') {
|
||||||
|
paymentWarning1.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(paymentEmail1) == false) {
|
||||||
|
paymentEmailError1.style.display = "block";
|
||||||
|
}else
|
||||||
|
// if (mobile.test(contact) == false) {
|
||||||
|
// contactError.style.display = "block";
|
||||||
|
// } else
|
||||||
|
{
|
||||||
|
paymentEmailError1.style.display = "none";
|
||||||
|
paymentWarning1.style.display = "none";
|
||||||
|
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('formName', 'IIMTT-Hanoi-Post-Graduate-Diploma-Form');
|
||||||
|
formData.append('business_type', 'iimtt');
|
||||||
|
formData.append('Name', user1);
|
||||||
|
formData.append('Email', paymentEmail1);
|
||||||
|
formData.append('Phone', contact1);
|
||||||
|
formData.append('Details', city1)
|
||||||
|
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||||
|
method: 'POST',
|
||||||
|
body: formData
|
||||||
|
})
|
||||||
|
fetch('https://app.buzzapp.tech/api/payments/createPaymentUrl', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
accept: 'application.json',
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
"amount": "180",
|
||||||
|
"productinfo": "Graduate Post Diploma in Montessori Teacher Training",
|
||||||
|
"firstname": user1,
|
||||||
|
"email": paymentEmail1,
|
||||||
|
"phone": contact1,
|
||||||
|
"additionalInfo": {
|
||||||
|
"orderId": "147ubiebpe"
|
||||||
|
},
|
||||||
|
"callbackUrl": "https://buzzapp.local/api/one/v1/commerce-payment/updateOrderPaymentCallback",
|
||||||
|
"currency": "USD"
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(json => {
|
||||||
|
window.open(json.url)
|
||||||
|
// console.log(json);
|
||||||
|
sendPaymentMail("teenybeans.info@gmail.com");
|
||||||
|
sendPaymentMail("enquiry@beanstalkedu.com");
|
||||||
|
sendPaymentMail("nairobi@iimtt.org");
|
||||||
|
sendPaymentWelcomeMail(paymentEmail);
|
||||||
|
paymentSuccess.style.display = "block";
|
||||||
|
document.getElementById("user1").value = "";
|
||||||
|
document.getElementById("contact1").value = "";
|
||||||
|
document.getElementById("paymentEmail1").value = "";
|
||||||
|
document.getElementById("city1").value = "";
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
// if(name)
|
||||||
|
}
|
||||||
|
function sendPaymentMail(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 Hanoi Post Graduate Diploma Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||||
|
user1 +
|
||||||
|
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||||
|
paymentEmail1 +
|
||||||
|
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||||
|
contact1 +
|
||||||
|
"</td></tr><tr><th>City:- </th><td>:- " +
|
||||||
|
city1 +
|
||||||
|
"</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 sendPaymentWelcomeMail(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 Hanoi");
|
||||||
|
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 '+user1+'</b><p>Thank you for your interest in taking the Post Graduate Diploma in Montessori Teacher Training from IIMTT Hanoi.</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 the course fees and duration.</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Complete Fees Structure</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>
|
||||||
|
|
||||||
@@ -80,8 +80,8 @@ include("_navbar.php");
|
|||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<div style="flex:1;background-color:#f7a325;border-bottom-left-radius:1rem;" class="py-2 text-center"><a class='text-black text-decoration-none' href='/nairobi/graduate-diploma-montessori-teacher-training.html'>View Details</a></div>
|
<div style="flex:1;background-color:#f7a325;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;" class="py-2 text-center"><a class='text-black text-decoration-none' href='/nairobi/graduate-diploma-montessori-teacher-training.html'>View Details</a></div>
|
||||||
<div style="flex:1;background-color:#094268;color:white;border-bottom-right-radius:1rem;" class="py-2 text-center">Book a Seat</div>
|
<!-- <div style="flex:1;background-color:#094268;color:white;border-bottom-right-radius:1rem;" class="py-2 text-center">Book a Seat</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -102,7 +102,7 @@ include("_navbar.php");
|
|||||||
</div>
|
</div>
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<div style="flex:1;background-color:#f7a325;border-bottom-left-radius:1rem;" class="py-2 text-center"><a class='text-black text-decoration-none' href='/nairobi/post-graduate-diploma-montessori-teacher-training.html'>View Details</a></div>
|
<div style="flex:1;background-color:#f7a325;border-bottom-left-radius:1rem;" class="py-2 text-center"><a class='text-black text-decoration-none' href='/nairobi/post-graduate-diploma-montessori-teacher-training.html'>View Details</a></div>
|
||||||
<div style="flex:1;background-color:#094268;color:white;border-bottom-right-radius:1rem;" class="py-2 text-center">Book a Seat</div>
|
<div style="flex:1;background-color:#094268;color:white;border-bottom-right-radius:1rem;cursor: pointer" class="py-2 text-center" data-toggle="modal" data-target="#exampleModalCenter">Book a Seat</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -113,6 +113,53 @@ include("_navbar.php");
|
|||||||
<!-- / .container -->
|
<!-- / .container -->
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<!---------------------------------------------- payment form ------------------------------->
|
||||||
|
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content" style="background-color:#D9D9D9">
|
||||||
|
<h1 style="color:#F68F51;text-align:center;font-weight:bold" class="pt-6">Book Seat</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="paymentWarning" style="display: none;">Fill all the fields!</div>
|
||||||
|
<div class="alert alert-success" id="paymentSuccess" 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="user" 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 -->
|
||||||
|
<input type="email" id="paymentEmail" 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="paymentEmailError" 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="contact" type="number" name="telephone" placeholder="Your Contact" required>
|
||||||
|
<p id="contactError" style="color: red; display: none;">Enter a valid phone number</p>
|
||||||
|
</div>
|
||||||
|
<div class="form-group mb-5">
|
||||||
|
<input type="text" id="city" 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="paymentSubmitForm()"> Book a Seat</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!----------------------------------------------first section------------------------------->
|
<!----------------------------------------------first section------------------------------->
|
||||||
<!-- WELCOME -->
|
<!-- WELCOME -->
|
||||||
<section class="mb-4">
|
<section class="mb-4">
|
||||||
@@ -265,9 +312,7 @@ include("_navbar.php");
|
|||||||
var emailError = document.getElementById('emailError');
|
var emailError = document.getElementById('emailError');
|
||||||
var req = document.getElementById("req");
|
var req = document.getElementById("req");
|
||||||
function setOptions(s) {
|
function setOptions(s) {
|
||||||
// console.log(s[s.selectedIndex].value); // get value
|
|
||||||
option = s[s.selectedIndex].value;
|
option = s[s.selectedIndex].value;
|
||||||
// console.log(s[s.selectedIndex].id); // get id
|
|
||||||
}
|
}
|
||||||
function submitForm() {
|
function submitForm() {
|
||||||
name = document.getElementById("name1").value;
|
name = document.getElementById("name1").value;
|
||||||
@@ -307,11 +352,9 @@ include("_navbar.php");
|
|||||||
.then(res => res.json())
|
.then(res => res.json())
|
||||||
.then(json => {
|
.then(json => {
|
||||||
// console.log(json);
|
// console.log(json);
|
||||||
// sendMail("enquiry@atheneumglobal.education");
|
|
||||||
sendMail("teenybeans.info@gmail.com");
|
sendMail("teenybeans.info@gmail.com");
|
||||||
sendMail("enquiry@beanstalkedu.com");
|
sendMail("enquiry@beanstalkedu.com");
|
||||||
sendMail("nairobi@iimtt.org");
|
sendMail("nairobi@iimtt.org");
|
||||||
// sendMail("chatterjeegouravking@gmail.com");
|
|
||||||
sendWelcomeMail(email);
|
sendWelcomeMail(email);
|
||||||
success.style.display = "block";
|
success.style.display = "block";
|
||||||
document.getElementById("name1").value = "";
|
document.getElementById("name1").value = "";
|
||||||
@@ -319,8 +362,6 @@ include("_navbar.php");
|
|||||||
document.getElementById("addr").value = "";
|
document.getElementById("addr").value = "";
|
||||||
document.getElementById("email").value = "";
|
document.getElementById("email").value = "";
|
||||||
document.getElementById("message").value = "";
|
document.getElementById("message").value = "";
|
||||||
|
|
||||||
// window.location.href = "contact-back";
|
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -369,7 +410,6 @@ include("_navbar.php");
|
|||||||
}
|
}
|
||||||
function sendWelcomeMail(sendEmail) {
|
function sendWelcomeMail(sendEmail) {
|
||||||
// ---------Mail sent-----------------
|
// ---------Mail sent-----------------
|
||||||
//console.log(sendEmail);
|
|
||||||
let formData = new FormData();
|
let formData = new FormData();
|
||||||
formData.append("sendMail", "true");
|
formData.append("sendMail", "true");
|
||||||
formData.append("reciever", sendEmail);
|
formData.append("reciever", sendEmail);
|
||||||
@@ -377,12 +417,7 @@ include("_navbar.php");
|
|||||||
formData.append("senderMail", "enquiry@iimtt.org");
|
formData.append("senderMail", "enquiry@iimtt.org");
|
||||||
formData.append("subject", "Thank you for contacting IIMTT.");
|
formData.append("subject", "Thank you for contacting IIMTT.");
|
||||||
formData.append(
|
formData.append(
|
||||||
"message",
|
"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>'+
|
||||||
// "<html><body><p>Welcome " +
|
|
||||||
// name +
|
|
||||||
// " to IIMTT Nairobi.<br>Thank you for contacting us. <br> We will get back to you shortly. In the meanwhile please do check out our website for more information. click <a href='https://iimtt.org'>here</a><br>Thank you<br>-Team IIMTT. </p></body></html>"
|
|
||||||
|
|
||||||
'<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 '+name+'</b><p>Thank you for reaching International Institute of Montessori Teacher Training.</p>'+
|
'<div><b style="font-size:20px">Hi '+name+'</b><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>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!</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Brochure</a></div><p>Thanks<br>Team IIMTT</p>'+
|
'<p>Our representative will get in touch with you soon!</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Brochure</a></div><p>Thanks<br>Team IIMTT</p>'+
|
||||||
@@ -402,5 +437,149 @@ include("_navbar.php");
|
|||||||
console.log("Fetch Error :-S", err);
|
console.log("Fetch Error :-S", err);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
</script>
|
||||||
|
<!-- ****************************************************** -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var user = null;
|
||||||
|
var contact = null;
|
||||||
|
var paymentEmail = null;
|
||||||
|
var city = null;
|
||||||
|
var paymentWarning = document.getElementById('paymentWarning');
|
||||||
|
var paymentSuccess = document.getElementById('paymentSuccess');
|
||||||
|
var paymentEmailError = document.getElementById('paymentEmailError');
|
||||||
|
var req = document.getElementById("req");
|
||||||
|
|
||||||
|
function paymentSubmitForm() {
|
||||||
|
user = document.getElementById("user").value;
|
||||||
|
contact = document.getElementById("contact").value;
|
||||||
|
paymentEmail = document.getElementById("paymentEmail").value;
|
||||||
|
city = document.getElementById('city').value;
|
||||||
|
paymentSuccess.style.display = "none";
|
||||||
|
console.log('all details',user,contact,paymentEmail,city)
|
||||||
|
if (user == '' || contact == '' || paymentEmail == '' || city =='') {
|
||||||
|
paymentWarning.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(paymentEmail) == false) {
|
||||||
|
paymentEmailError.style.display = "block";
|
||||||
|
}else
|
||||||
|
// if (mobile.test(contact) == false) {
|
||||||
|
// contactError.style.display = "block";
|
||||||
|
// } else
|
||||||
|
{
|
||||||
|
paymentEmailError.style.display = "none";
|
||||||
|
paymentWarning.style.display = "none";
|
||||||
|
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('formName', 'IIMTT-Nairobi-Post-Graduate-Diploma-Form');
|
||||||
|
formData.append('business_type', 'iimtt');
|
||||||
|
formData.append('Name', user);
|
||||||
|
formData.append('Email', paymentEmail);
|
||||||
|
formData.append('Phone', contact);
|
||||||
|
formData.append('Details', city)
|
||||||
|
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||||
|
method: 'POST',
|
||||||
|
body: formData
|
||||||
|
})
|
||||||
|
fetch('https://app.buzzapp.tech/api/payments/createPaymentUrl', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
accept: 'application.json',
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
"amount": "180",
|
||||||
|
"productinfo": "Post Graduate Diploma in Montessori Teacher Training",
|
||||||
|
"firstname": user,
|
||||||
|
"email": paymentEmail,
|
||||||
|
"phone": contact,
|
||||||
|
"additionalInfo": {
|
||||||
|
"orderId": "147ubiebpe"
|
||||||
|
},
|
||||||
|
"callbackUrl": "https://buzzapp.local/api/one/v1/commerce-payment/updateOrderPaymentCallback",
|
||||||
|
"currency": "USD"
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(json => {
|
||||||
|
window.open(json.url)
|
||||||
|
// console.log(json);
|
||||||
|
sendPaymentMail("teenybeans.info@gmail.com");
|
||||||
|
sendPaymentMail("enquiry@beanstalkedu.com");
|
||||||
|
sendPaymentMail("nairobi@iimtt.org");
|
||||||
|
sendPaymentWelcomeMail(paymentEmail);
|
||||||
|
paymentSuccess.style.display = "block";
|
||||||
|
document.getElementById("user").value = "";
|
||||||
|
document.getElementById("contact").value = "";
|
||||||
|
document.getElementById("paymentEmail").value = "";
|
||||||
|
document.getElementById("city").value = "";
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
// if(name)
|
||||||
|
}
|
||||||
|
function sendPaymentMail(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 Nairobi Post Graduate Diploma Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||||
|
user +
|
||||||
|
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||||
|
paymentEmail +
|
||||||
|
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||||
|
contact +
|
||||||
|
"</td></tr><tr><th>City:- </th><td>:- " +
|
||||||
|
city +
|
||||||
|
"</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 sendPaymentWelcomeMail(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 Nairobi");
|
||||||
|
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 '+user+'</b><p>Thank you for your interest in taking the Post Graduate Diploma in Montessori Teacher Training from IIMTT Nairobi.</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 the course fees and duration.</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Complete Fees Structure</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>
|
</script>
|
||||||
|
|||||||
@@ -225,12 +225,12 @@
|
|||||||
<p>
|
<p>
|
||||||
<clip/>
|
<clip/>
|
||||||
</p>
|
</p>
|
||||||
<div style="display:flex">
|
<!-- <div style="display:flex"> -->
|
||||||
<button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button">Book a Seat</button>
|
<!-- <button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button">Book a Seat</button> -->
|
||||||
<!-- <a href="#">
|
<!-- <a href="#">
|
||||||
<div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
|
<div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
|
||||||
</a> -->
|
</a> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -193,7 +193,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-12 col-lg-3">
|
<div class="col-12 col-md-12 col-lg-3">
|
||||||
<div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-2 widthSidebar">
|
<div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-2 widthSidebar">
|
||||||
<!-- <h3 style="font-weight:bold" class="text-right display-5">Rs. 35000</h3> -->
|
<!-- <h3 style="font-weight:bold;color:#f7a325" class="text-right display-5">$180</h3> -->
|
||||||
<div style="display:flex;justify-content:space-between;" class="mt-1">
|
<div style="display:flex;justify-content:space-between;" class="mt-1">
|
||||||
<div><span class="fe fe-book sblue pr-1"></span>Course Level</div>
|
<div><span class="fe fe-book sblue pr-1"></span>Course Level</div>
|
||||||
<div>Advance</div>
|
<div>Advance</div>
|
||||||
@@ -227,7 +227,7 @@
|
|||||||
<clip/>
|
<clip/>
|
||||||
</p>
|
</p>
|
||||||
<div style="display:flex">
|
<div style="display:flex">
|
||||||
<button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button">Book a Seat</button>
|
<button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter">Book a Seat</button>
|
||||||
<!-- <a href="#">
|
<!-- <a href="#">
|
||||||
<div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
|
<div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
|
||||||
</a> -->
|
</a> -->
|
||||||
@@ -239,6 +239,54 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- / .container -->
|
<!-- / .container -->
|
||||||
</section>
|
</section>
|
||||||
|
<!---------------------------------------------- payment form ------------------------------->
|
||||||
|
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content" style="background-color:#D9D9D9">
|
||||||
|
<h1 style="color:#F68F51;text-align:center;font-weight:bold" class="pt-6">Book Seat</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="paymentWarning" style="display: none;">Fill all the fields!</div>
|
||||||
|
<div class="alert alert-success" id="paymentSuccess" 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="user" 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 -->
|
||||||
|
<input type="email" id="paymentEmail" 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="paymentEmailError" 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="contact" type="number" name="telephone" placeholder="Your Contact" required>
|
||||||
|
<p id="contactError" style="color: red; display: none;">Enter a valid phone number</p>
|
||||||
|
</div>
|
||||||
|
<div class="form-group mb-5">
|
||||||
|
<input type="text" id="city" 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="paymentSubmitForm()"> Book a Seat</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!---------------------------------------------------------------------------------------------->
|
||||||
<script>
|
<script>
|
||||||
var $temp = $("<input>");
|
var $temp = $("<input>");
|
||||||
var $url = $(location).attr('href');
|
var $url = $(location).attr('href');
|
||||||
@@ -529,6 +577,151 @@
|
|||||||
s0.parentNode.insertBefore(s1,s0);
|
s0.parentNode.insertBefore(s1,s0);
|
||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
|
<!-- ****************************************************** -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var user = null;
|
||||||
|
var contact = null;
|
||||||
|
var paymentEmail = null;
|
||||||
|
var city = null;
|
||||||
|
var paymentWarning = document.getElementById('paymentWarning');
|
||||||
|
var paymentSuccess = document.getElementById('paymentSuccess');
|
||||||
|
var paymentEmailError = document.getElementById('paymentEmailError');
|
||||||
|
var req = document.getElementById("req");
|
||||||
|
|
||||||
|
function paymentSubmitForm() {
|
||||||
|
user = document.getElementById("user").value;
|
||||||
|
contact = document.getElementById("contact").value;
|
||||||
|
paymentEmail = document.getElementById("paymentEmail").value;
|
||||||
|
city = document.getElementById('city').value;
|
||||||
|
paymentSuccess.style.display = "none";
|
||||||
|
console.log('all details',user,contact,paymentEmail,city)
|
||||||
|
if (user == '' || contact == '' || paymentEmail == '' || city =='') {
|
||||||
|
paymentWarning.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(paymentEmail) == false) {
|
||||||
|
paymentEmailError.style.display = "block";
|
||||||
|
}else
|
||||||
|
// if (mobile.test(contact) == false) {
|
||||||
|
// contactError.style.display = "block";
|
||||||
|
// } else
|
||||||
|
{
|
||||||
|
paymentEmailError.style.display = "none";
|
||||||
|
paymentWarning.style.display = "none";
|
||||||
|
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('formName', 'IIMTT-Nairobi-Post-Graduate-Diploma-Form');
|
||||||
|
formData.append('business_type', 'iimtt');
|
||||||
|
formData.append('Name', user);
|
||||||
|
formData.append('Email', paymentEmail);
|
||||||
|
formData.append('Phone', contact);
|
||||||
|
formData.append('Details', city)
|
||||||
|
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||||
|
method: 'POST',
|
||||||
|
body: formData
|
||||||
|
})
|
||||||
|
fetch('https://app.buzzapp.tech/api/payments/createPaymentUrl', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
accept: 'application.json',
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
"amount": "180",
|
||||||
|
"productinfo": "Post Graduate Diploma in Montessori Teacher Training",
|
||||||
|
"firstname": user,
|
||||||
|
"email": paymentEmail,
|
||||||
|
"phone": contact,
|
||||||
|
"additionalInfo": {
|
||||||
|
"orderId": "147ubiebpe"
|
||||||
|
},
|
||||||
|
"callbackUrl": "https://buzzapp.local/api/one/v1/commerce-payment/updateOrderPaymentCallback",
|
||||||
|
"currency": "USD"
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(json => {
|
||||||
|
window.open(json.url)
|
||||||
|
// console.log(json);
|
||||||
|
sendPaymentMail("teenybeans.info@gmail.com");
|
||||||
|
sendPaymentMail("enquiry@beanstalkedu.com");
|
||||||
|
sendPaymentMail("nairobi@iimtt.org");
|
||||||
|
sendPaymentWelcomeMail(paymentEmail);
|
||||||
|
paymentSuccess.style.display = "block";
|
||||||
|
document.getElementById("user").value = "";
|
||||||
|
document.getElementById("contact").value = "";
|
||||||
|
document.getElementById("paymentEmail").value = "";
|
||||||
|
document.getElementById("city").value = "";
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
// if(name)
|
||||||
|
}
|
||||||
|
function sendPaymentMail(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 Nairobi Post Graduate Diploma Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||||
|
user +
|
||||||
|
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||||
|
paymentEmail +
|
||||||
|
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||||
|
contact +
|
||||||
|
"</td></tr><tr><th>City:- </th><td>:- " +
|
||||||
|
city +
|
||||||
|
"</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 sendPaymentWelcomeMail(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 Nairobi");
|
||||||
|
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 '+user+'</b><p>Thank you for your interest in taking the Post Graduate Diploma in Montessori Teacher Training from IIMTT Nairobi.</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 the course fees and duration.</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/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing">Download Complete Fees Structure</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>
|
||||||
<!--End of Tawk.to Script-->
|
<!--End of Tawk.to Script-->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user