feat-new landing page
This commit is contained in:
641
best/index.html
Normal file
641
best/index.html
Normal file
@@ -0,0 +1,641 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="./assets/favicon/iimtt.ico" type="image/x-icon" />
|
||||
<!-- Map CSS -->
|
||||
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
|
||||
<!-- Libs CSS -->
|
||||
<link rel="stylesheet" href="./assets/css/libs.bundle.css" />
|
||||
<!-- Theme CSS -->
|
||||
<link rel="stylesheet" href="./assets/css/theme.bundle.css" />
|
||||
<!-- my css -->
|
||||
<link rel="stylesheet" href="/assets/css/my.css" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-5QHMZ5P');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
<!-- Title -->
|
||||
<title>#1 Montessori Teachers traini</title>
|
||||
<style>
|
||||
.checked {
|
||||
color: orange;
|
||||
}
|
||||
body{
|
||||
font-family:Raleway
|
||||
}
|
||||
.header{font-weight:bold;color:white;}
|
||||
.form{background-color:#FE821C;height:140px;border-radius:25px;padding-top:7px;}
|
||||
.form-white{background-color:white;height:170px;border-radius:25px;padding-top:15px;margin-top:4px}
|
||||
.negativeMargin{margin-left:-28px}
|
||||
.width{width:100%}
|
||||
.widthImg{width:200px}
|
||||
.p{font-size:15px}
|
||||
.borderTop{border-radius:0px 0px 20px 20px;}
|
||||
@media (max-width:900px){
|
||||
.header{font-weight:bold;color:white;}
|
||||
.form{background-color:#FE821C;height:140px;border-radius:25px;padding-top:7px;}
|
||||
.form-white{background-color:white;height:170px;border-radius:25px;padding-top:15px;margin-top:4px}
|
||||
.borderTop{border-radius:0px 0px 20px 20px;}
|
||||
.height {height:550px}
|
||||
.nav-text{width:400px}
|
||||
}
|
||||
@media (max-width:430px){
|
||||
.header{font-weight:bold;color:white;}
|
||||
.form{background-color:#FE821C;height:140px;border-radius:25px;padding-top:7px;}
|
||||
.form-white{background-color:white;height:170px;border-radius:25px;padding-top:15px;margin-top:4px}
|
||||
.negativeMargin{margin-left:0px}
|
||||
.sub{font-size:24px}
|
||||
.sub1{font-size:18px}
|
||||
.ptext {font-size:11px}
|
||||
.height {height:450px}
|
||||
/* .linear {background-image: linear-gradient(#e0e0e0,white,rgba(255, 255, 255, 0.15));} */
|
||||
.width{width:120px}
|
||||
.widthImg{width:120px}
|
||||
.p {font-size:12px}
|
||||
/* .borderTop {border-top:170px solid #273B7B;border-radius:20px;} */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QHMZ5P"
|
||||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
<!-- NAVBAR -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom">
|
||||
<div class="container">
|
||||
<!-- Brand -->
|
||||
<a class="navbar-brand mx-auto mx-md-0" href="./index.html">
|
||||
<img src="/assets/img/iimtt.png" class="navbar-brand-img" alt="...">
|
||||
</a>
|
||||
<h5 style='font-weight:700;color:#0087C7' class="text-center nav-text">INTERNATIONAL INSTITUTE OF MONTESSORI TEACHER TRAINING</h5>
|
||||
<a href="tel:+919163646431" class="d-none d-md-block">
|
||||
<Button style="background-color: #f7a325;color:white;padding:5px 20px;border-radius:20px;font-weight:700;border:none">
|
||||
Call Now
|
||||
</Button>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<!----------------------------------------------->
|
||||
<!-- WELCOME -->
|
||||
<section data-jarallax data-speed=".8" class="height mb-md-0" style="background-image: url(../assets/img/new-heroBanner-image.webp);padding-top: 3rem;padding-bottom: 4rem;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-6 pb-sm-0">
|
||||
</div>
|
||||
<div class="col-12 col-md-6 mt-sm-8 text-center justify-center mx-auto" id='form'>
|
||||
<!-- Card -->
|
||||
<div class="d-none d-sm-block">
|
||||
<h1><span class="header display-3">TOP MONTESSORI</span><br/>
|
||||
<span class="display-5 text-white">TEACHERS TRAINING</span>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="d-block d-sm-none">
|
||||
<h2><span class="header display-4">TOP MONTESSORI</span><br/>
|
||||
<span class="display-5 text-white">TEACHERS TRAINING</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class='col-12 col-md-11 col-lg-9 pb-md-10 text-center justify-center mx-auto'>
|
||||
<div class="shadow-light-lg mb-6 form mx-2 mx-md-0 mt-0 linear">
|
||||
<h3 style='font-weight:700;color:white'>Grow your career with us</h3>
|
||||
<div class="form-white">
|
||||
<div style='padding:14px 30px 6px 30px;'>
|
||||
<div class="alert-danger" id="warning" style="margin-top:-12px;margin-bottom:4px;display: none;">Fill all the fields!</div>
|
||||
<div class="alert-success" id="success" style="margin-top:-12px;margin-bottom:4px;display: none;">Thanks for information</div>
|
||||
<!-- Form -->
|
||||
<form role="form" method="post">
|
||||
<div class="form-group mb-3">
|
||||
<!-- Input -->
|
||||
<input type="text" aria-required="true" name="widget-contact-form-name" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' required
|
||||
class="required name" id="name1" placeholder=" Name">
|
||||
</div>
|
||||
<!-- <input type="text"> -->
|
||||
<div class="form-group mb-3" >
|
||||
<!-- Input -->
|
||||
<input id="phn" type="number" name="telephone" placeholder=" Phone" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' required>
|
||||
<p id="phnError" style="color: red; display: none;">Enter a valid phone number</p>
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<!-- Input -->
|
||||
<input type="email" id="email" aria-required="true" name="widget-contact-form-email"
|
||||
required class="required email" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' placeholder=" Email">
|
||||
<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
|
||||
</div>
|
||||
<div class="form-group mb-0 mx-auto negativeMargin mb-4 mb-md-0">
|
||||
<button style="background-color: #FE821C;color:white;border:none;border-radius:15px;padding:4px 20px;" class="lift mt-8 mt-md-8" type="button" onclick="submitForm()"> REQUEST A CALL</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- / .row -->
|
||||
</div>
|
||||
<!-- / .container -->
|
||||
</section>
|
||||
<!---------------------------------------------->
|
||||
<section data-jarallax data-speed=".8" class="mb-md-0" style="background-image: url(../assets/img/valentine-s-day-children-s-room-with-little-bear-pink.webp);">
|
||||
<div class='borderTop mx-0 mx-lg-13 mt-0 mt-md-0'>
|
||||
<div class="container pt-4 pt-md-10 pb-8 pl-4 pr-4 pl-md-2 pr-md-2 pl-lg-8 pr-lg-8">
|
||||
<h2 class='display-4 sub pt-3 pt-md-0 d-block d-md-none' style="color:#094268"><span class="display-4 sub" style='font-weight:500;'>The Best Montessori<br/> Teacher Training</span><br/> In Kolkata</h2>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-lg-5 pb-sm-0 text-white text-center text-left">
|
||||
<img src="../assets/img/children-book.webp" style="width:100%" alt="" class="mx-lg-4" style="border-radius:20px">
|
||||
</div>
|
||||
<div class="col-12 col-lg-7 pb-sm-0">
|
||||
|
||||
<h2 class='display-4 sub text-md-center text-lg-left pt-3 pt-md-3 pt-lg-0 d-none d-md-block' style="color:#094268"><span class="display-4 sub" style='font-weight:500;'>The Best Montessori Teacher Training</span><br/> In Kolkata</h2>
|
||||
|
||||
<div style="text-align:justify" class='pt-4 pt-md-0 pb-3 p'>Regarded as one of the leading Montessori teacher offers its graduates dual certification from two internationally reputed organisations. Moreover, the rigorous hands-on practical curriculum provided by IIMTT offers a framework to master the usage of various Montessori equipment, making it the most preferred Montessori training in Kolkata. The key features include-</div>
|
||||
</div>
|
||||
<div style="text-align:justify" class='pb-3 p'>The only Montessori Teacher Training institute in Kolkata providing UK qualifications. Providing a range of Montessori teacher training in Kolkata for close to a decade now. Internationally accredited, still affordable Montessori training in Kolkata.Flexibility to choose the training location across the city.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!------------------------------------------------>
|
||||
<section style="background-color:#094268">
|
||||
<div class="container pt-7 pt-md-9 pb-8">
|
||||
<div class="text-center ml-sm-0 mr-sm-0 ml-md-10 mr-md-10 p text-white">As one of the most widely accepted educational pedagogies worldwide, the Montessori education system was developed after extensive research. And being the <b>best Montessori teacher training in Kolkata</b>, we too believe in a holistic approach that fosters self-motivated growth and development.</div>
|
||||
</div>
|
||||
<div style="background-color:white;border-radius:120px 120px 0px 0px"><div class="container pt-7 pt-md-7 pb-7">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-2 text-center"><img src="/assets/img/iso-logo-1.png" alt="iso logo" class="width"></div>
|
||||
<div class="col-12 col-md-2 text-center"><img src="/assets/img/cct-logo-svg-1.png" alt="cct logo" class="width"></div>
|
||||
<div class="col-12 col-md-2 text-center"><img src="/assets/img/imc-logo-1.png" alt="imc logo" class="width"></div>
|
||||
<div class="col-12 col-md-2 text-center"><img src="/assets/img/LLT-logo-1.png" alt="london teacher training college" class="width"></div>
|
||||
<div class="col-12 col-md-2 text-center"><img src="/assets/img/ims-logo-1.png" alt="ims logo" class="width"></div>
|
||||
<div class="col-12 col-md-2 text-center"><img src="/assets/img/focusawards-1.png" alt="focusawards" class="width"></div>
|
||||
</div>
|
||||
</div></div>
|
||||
</section>
|
||||
<!------------------------------------------------------------------------------------------->
|
||||
<section data-jarallax data-speed=".8" class="pt-2 pt-md-8" style="background-image: url(../assets/img/backgroundImage.png);padding-bottom: 2rem;">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div style="width:250px;margin-left:auto;margin-right:auto">
|
||||
<h2 style="color:#094268;border-bottom:2px solid #FE821C" class='text-center'>Our <b>Centers</b></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center pt-8 pb-8">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="card mb-6 mb-lg-0 shadow lift lift-lg" style="border-radius:0px 0px 22px 22px">
|
||||
<div class="card-img-top">
|
||||
<img src="../assets/img/BaguiatiTri.webp" alt="iimtt" style="width:100%" class="img-fluid">
|
||||
</div>
|
||||
<div class="pt-6 bg-cover mb-3" style="background-image: url('/assets/img/backgroundImage.png');">
|
||||
<h3 class="text-center">
|
||||
IIMTT BAGUIATI
|
||||
</h3>
|
||||
<p class="text-center">
|
||||
DE-2/B, Raghunathpur, Baguiati, Kolkata, West Bengal 700059
|
||||
</p>
|
||||
<div class="text-center py-4">
|
||||
<a class="btn-sm bt" style="border-radius:20px;font-size:14px" href="">View More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="card mb-6 mb-lg-0 shadow lift lift-lg" style="border-radius:0px 0px 22px 22px">
|
||||
<div class="card-img-top">
|
||||
<img src="../assets/img/BallygungeTri.webp" alt="iimtt" style="width:100%" class="img-fluid">
|
||||
</div>
|
||||
<div class="pt-6 bg-cover mb-3" style="background-image: url('/assets/img/backgroundImage.png');">
|
||||
<h3 class="text-center">
|
||||
IIMTT BALLYGUNGE
|
||||
</h3>
|
||||
<p class="text-center">
|
||||
7B, Palm Avenue, Ballygunge, Kolkata, West Bengal 700019
|
||||
</p>
|
||||
<div class="text-center py-4">
|
||||
<a class="btn-sm bt" style="border-radius:20px;font-size:14px" href="">View More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="card mb-6 mb-lg-0 shadow lift lift-lg" style="border-radius:0px 0px 22px 22px">
|
||||
<div class="card-img-top">
|
||||
<img src="../assets/img/MukundapurTri.webp" alt="iimtt" style="width:100%" class="img-fluid">
|
||||
</div>
|
||||
<div class="pt-6 bg-cover mb-3" style="background-image: url('/assets/img/backgroundImage.png');">
|
||||
<h3 class="text-center">
|
||||
IIMTT MUKUNDAPUR
|
||||
</h3>
|
||||
<p class="text-center">
|
||||
221, Barakhola Road, Plot no 81 Ramkrishna Pally, Mukundapur, Kolkata- 700099
|
||||
</p>
|
||||
<div class="text-center py-4">
|
||||
<a class="btn-sm bt" style="border-radius:20px;font-size:14px" href="">View More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!------------------------------------------------>
|
||||
<section data-jarallax data-speed=".8" class="pt-2 pt-md-8" style="background-image: url(../assets/img/courseOffer.webp);padding-bottom: 2rem;">
|
||||
<div class="container">
|
||||
<h3 class="text-center display-4 sub" style="color:#094268;"><span style="font-Weight:500">Courses</span> <span style="font-Weight:400">we offer</span></h3>
|
||||
<div class="row align-items-center pt-8 pb-8">
|
||||
<div class="col-12 col-md-6 pl-sm-0 pr-sm-0 pl-md-2 pr-md-2 pl-lg-10 pr-lg-8">
|
||||
<div style='background-color:#273B7B;border-radius:20px;' class="pt-5 pb-8">
|
||||
<h3>
|
||||
<div class='text-white text-center'>Graduate Diploma in<br> Montessori Teacher Training</div>
|
||||
</h3>
|
||||
<div style="display:flex;justify-content:space-between" class='pl-5 pr-5 pl-md-3 pr-md-3 pl-lg-7 pr-lg-7 pb-4 py-lg-3'>
|
||||
<div style="display:flex">
|
||||
<img src='./assets/img/bag-icon.png' style="height:22px;">
|
||||
<div class="text-white p"> 6 months - 1 Year</div>
|
||||
</div>
|
||||
<div style="display:flex">
|
||||
<div style="border-left:1px solid #FA6B05"><img src='./assets/img/certificate-icon.png' style="height:22px"></div>
|
||||
<div class="text-white p"> Online Program</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style='display:flex'>
|
||||
<div class="pl-5 pl-lg-7">
|
||||
<div style='display:flex' class="pb-2 p">
|
||||
<div style="height:20px; width:20px;background-color:#FA6B05;margin-top:3px;border-radius:10px;margin-right:10px"></div>
|
||||
<div class="text-white">Weekday in-class program</div>
|
||||
</div>
|
||||
<div style='display:flex' class="pb-2 p">
|
||||
<div style="height:20px; width:20px;background-color:#FA6B05;margin-top:3px;border-radius:10px;margin-right:10px"></div>
|
||||
<div class="text-white">Weekend in-class program</div>
|
||||
</div>
|
||||
<div style='display:flex' class="pb-2 p">
|
||||
<div style="height:20px; width:20px;background-color:#FA6B05;margin-top:3px;border-radius:10px;margin-right:10px"></div>
|
||||
<div class="text-white">Certification</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src='../assets/img/price.webp' style="height:90px;margin-top:30px">
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:-12px">
|
||||
<a href="#form" style="text-decoration:none">
|
||||
<div style="background-color:#FA6B05;max-width:120px;border-radius:20px;" class="py-1 text-center text-white m-auto p">Know More</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 pl-sm-0 pr-sm-0 pl-md-2 pr-md-2 pl-lg-10 pr-lg-8 pt-6 pt-md-0">
|
||||
<div style='background-color:#273B7B;border-radius:20px;' class="pt-5 pb-8">
|
||||
<h3>
|
||||
<div class='text-white text-center'>Post Graduate Diploma in<br> Montessori Teacher Training</div>
|
||||
</h3>
|
||||
<div style="display:flex;justify-content:space-between" class='pl-5 pr-5 pl-md-3 pr-md-3 pl-lg-7 pr-lg-7 pb-4 py-lg-3'>
|
||||
<div style="display:flex">
|
||||
<img src='./assets/img/bag-icon.png' style="height:22px">
|
||||
<div class="text-white p"> 6 months - 1 Year</div>
|
||||
</div>
|
||||
<div style="display:flex">
|
||||
<div style="border-left:1px solid #FA6B05"><img src='./assets/img/certificate-icon.png' style="height:22px"></div>
|
||||
<div class="text-white p"> Online Program</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style='display:flex'>
|
||||
<div class="pl-5 pl-lg-7">
|
||||
<div style='display:flex' class="pb-2 p">
|
||||
<div style="height:20px; width:20px;background-color:#FA6B05;margin-top:3px;border-radius:10px;margin-right:10px"></div>
|
||||
<div class="text-white">Weekday in-class program</div>
|
||||
</div>
|
||||
<div style='display:flex' class="pb-2 p">
|
||||
<div style="height:20px; width:20px;background-color:#FA6B05;margin-top:3px;border-radius:10px;margin-right:10px"></div>
|
||||
<div class="text-white">Weekend in-class program</div>
|
||||
</div>
|
||||
<div style='display:flex' class="pb-2 p">
|
||||
<div style="height:20px; width:20px;background-color:#FA6B05;margin-top:3px;border-radius:10px;margin-right:10px"></div>
|
||||
<div class="text-white">Certification</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src='../assets/img/price.webp' style="height:90px;margin-top:30px">
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:-12px">
|
||||
<a href="#form" style="text-decoration:none">
|
||||
<div style="background-color:#FA6B05;max-width:120px;border-radius:20px;" class="py-1 text-center text-white m-auto p">Know More</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- / .row -->
|
||||
</div>
|
||||
<!-- / .container -->
|
||||
</section>
|
||||
|
||||
<!-- LOCATION -->
|
||||
<!-- WELCOME -->
|
||||
<section class="mt-5">
|
||||
<div class="container">
|
||||
<div class="row align-items-stretch">
|
||||
<div class="col-12 col-md-12 col-lg-6 offset-md-0 order-lg-2">
|
||||
<!-- Slider -->
|
||||
<div class="position-relative pt-8 text-center" data-aos="fade-left">
|
||||
<!-- <img src="./assets/img/videos.jpg" style="width:90%;"/> -->
|
||||
<iframe width="90%" height='290px' src="./assets/img/videoTestimonials.mp4" alt="Montessori Classroom" frameborder="0"
|
||||
allow="accelerometer;controls;clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-12 col-lg-6 py-8 order-lg-1" data-aos="fade-right">
|
||||
<!-- Heading -->
|
||||
<h2 class="display-3 sub text-center text-md-left"><b>Video</b> Testimonials</h2>
|
||||
<!-- Text -->
|
||||
<p style="text-align:justify" class="mb-6 mb-md-8 p">
|
||||
Hear from our IIMTT graduates how our <b>Montessori teacher training in Kolkata</b> transformed their lives by positively impacting the children’s lives. Our <b>Montessori training in Kolkata</b> covers all the crucial and recommended areas mentioned in the Montessori teacher manual for a Montessori setting located anywhere in the world. Plus, the strong international credentials of IIMTT lend solid credibility to the candidates looking for a global career which is not limited to Montessori schools but goes much beyond it.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- / .row -->
|
||||
</div>
|
||||
<!-- / .container -->
|
||||
</section>
|
||||
<!------------------------------------------------------------->
|
||||
<div class="px-5 px-md-0">
|
||||
<div style='background-color:#D9D9D940;border-radius:20px' class='shadow-dark mx-0 mx-lg-13'>
|
||||
<div class="container pt-6 pb-8 pl-8 pr-8">
|
||||
<div class='text-center display-3'><b>Counter</b></div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 text-black text-center pt-4" >
|
||||
<img src="./assets/img/computericon(1).png" class="widthImg"/>
|
||||
<div class="pt-4">Pursuing Course: 100+</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 text-black text-center pt-4">
|
||||
<img src="./assets/img/Bookicon(1).png" class="widthImg"/>
|
||||
<div class="pt-4">Alumni: 1000+ </div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 text-black text-center pt-4">
|
||||
<img src="./assets/img/Homeicon(1).png" class="widthImg"/>
|
||||
<div class="pt-4">Presence: 20 centers</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!------------------------------------------------------------->
|
||||
<div class='mx-0 mx-lg-13 d-none d-md-block'>
|
||||
<div class="container pt-8 pb-8 pl-8 pr-8">
|
||||
<div class='text-center display-3'><b>Our Alumni </b>are working in</div>
|
||||
<div class="row pt-4">
|
||||
<div class="col-12 col-md-4 col-lg-4 text-black text-center pt-4">
|
||||
<img src="./assets/img/img-115.png" style="width:230px"/>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 col-lg-2 text-black text-center pt-4">
|
||||
<img src="./assets/img/img-114.png" style="width:70px"/>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 col-lg-2 text-black text-center pt-4">
|
||||
<img src="./assets/img/img-113.png" style="width:90px"/>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 col-lg-4 text-black text-center d-md-none d-lg-block pt-4">
|
||||
<img src="./assets/img/beanstalk_logo.png" style="width:250px"/>
|
||||
</div>
|
||||
<div class="col-12 col-md-0 col-lg-3 text-black text-center pt-4">
|
||||
<!-- <img src="./assets/img/img-115.png" style="width:230px"/> -->
|
||||
</div>
|
||||
<div class="col-12 col-md-4 col-lg-3 text-black text-center pt-9">
|
||||
<img src="./assets/img/ima-111.png" style="width:170px"/>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 col-lg-3 text-black text-center pt-4">
|
||||
<img src="./assets/img/img112.png" style="width:180px"/>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 col-lg-3 text-black text-center d-none d-md-block d-lg-none pt-4 pt-md-9">
|
||||
<img src="./assets/img/beanstalk_logo.png" style="width:200px"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!------------------------------------------------------------->
|
||||
<div class='mx-0 mx-md-13 d-block d-md-none'>
|
||||
<div class="container pt-8 pb-8 pl-8 pr-8">
|
||||
<div class='text-center sub'><b>Our Alumni </b><br>are working in</div>
|
||||
<div class="row pt-4">
|
||||
<div class="col-6 text-black text-center pt-4">
|
||||
<img src="./assets/img/img-115.png" style="width:100px"/>
|
||||
</div>
|
||||
<div class="col-6 text-black text-center pt-4">
|
||||
<img src="./assets/img/img-114.png" style="width:40px"/>
|
||||
</div>
|
||||
<div class="col-3 text-black text-center pt-4">
|
||||
<img src="./assets/img/img-113.png" style="width:50px"/>
|
||||
</div>
|
||||
<div class="col-9 text-black text-center pt-4">
|
||||
<img src="./assets/img/beanstalk_logo.png" style="width:170px"/>
|
||||
</div>
|
||||
<div class="col-6 text-black text-center pt-7">
|
||||
<img src="./assets/img/ima-111.png" style="width:100px"/>
|
||||
</div>
|
||||
<div class="col-6 text-black text-center pt-4">
|
||||
<img src="./assets/img/img112.png" style="width:100px"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!------------------------------------------------------------>
|
||||
<div style="background-color:#273B7B;margin: 0;padding: 0;">
|
||||
<div class="row">
|
||||
<!-- <div class="col-12 col-md-4" style="color:#A5A5A5;margin: 0;text-align: center;padding-bottom: 10px;padding-top: 10px;font-size:14px;"> © 2020 IIMTT. All Rights Reserved.</div> -->
|
||||
<div class="col-12 col-md-12" style="color:#A5A5A5;margin: 0;text-align: center;justify-content:center;padding-bottom: 10px;padding-top: 10px;font-size:14px;">
|
||||
<ul class="list-unstyled list-inline list-social mb-6 mb-md-0">
|
||||
<li class="list-inline-item list-social-item mr-2 ml-2 mr-lg-8 ml-lg-0">
|
||||
<a href="https://twitter.com/iimtt_corporate" class="text-decoration-none" target="_blank">
|
||||
<img src="./assets/img/Vector11.png" class="list-social-icon" alt="...">
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item list-social-item mr-2 ml-2 mr-lg-8 ml-lg-8">
|
||||
<a href="https://www.facebook.com/IIMTT/" class="text-decoration-none" target="_blank">
|
||||
<img src="./assets/img/Vector12.png" class="list-social-icon" alt="...">
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item list-social-item mr-2 ml-2 mr-lg-8 ml-lg-8">
|
||||
<a href="https://www.instagram.com/iimtt.corporate/" class="text-decoration-none" target="_blank">
|
||||
<img src="./assets/img/Vector13.png" class="list-social-icon" alt="...">
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item list-social-item mr-2 ml-2 mr-lg-8 ml-lg-8">
|
||||
<a href="https://www.linkedin.com/showcase/international-institute-of-montessori-teacher-training/" class="text-decoration-none" target="_blank">
|
||||
<img src="./assets/img/Vector14.png" class="list-social-icon" alt="logo">
|
||||
</a>
|
||||
</li>
|
||||
<!-- <li class="list-inline-item list-social-item mr-2 ml-2 mr-lg-0 ml-lg-8">
|
||||
<a href="https://www.linkedin.com/showcase/international-institute-of-montessori-teacher-training/" class="text-decoration-none" target="_blank">
|
||||
<img src="./assets/img/Vector15.png" class="list-social-icon" style="width:200px" alt="logo">
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <div class="col-12 col-md-4" style="color:#A5A5A5;margin: 0;text-align: center;justify-content:center;padding-bottom: 10px;padding-top: 10px;font-size:14px;"><div class="f1">
|
||||
<a href="#" class="new1 btn btn-xs right bt ttop">Register Now</a>
|
||||
</div></div> -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!------------------------------------------------------------->
|
||||
<div class="f1">
|
||||
<a href="#" class="back-to-top"><i class="fe fe-lg fe-arrow-up"></i></a>
|
||||
</div>
|
||||
<!-- JAVASCRIPT -->
|
||||
<!-- Map JS -->
|
||||
<script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
|
||||
<!-- Vendor JS -->
|
||||
<script src="./assets/js/vendor.bundle.js"></script>
|
||||
<!-- Theme JS -->
|
||||
<script src="./assets/js/theme.bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
<script type="text/javascript">
|
||||
var option = null;
|
||||
var name = null;
|
||||
var addr = null;
|
||||
var phn = null;
|
||||
var subject = null;
|
||||
var email = null;
|
||||
var warning = document.getElementById('warning');
|
||||
var success = document.getElementById('success');
|
||||
var emailError = document.getElementById('emailError');
|
||||
// var req = document.getElementById("req");
|
||||
function setOptions(s) {
|
||||
// console.log(s[s.selectedIndex].value); // get value
|
||||
option = s[s.selectedIndex].value;
|
||||
// console.log(s[s.selectedIndex].id); // get id
|
||||
}
|
||||
function submitForm() {
|
||||
name = document.getElementById("name1").value;
|
||||
phn = document.getElementById("phn").value;
|
||||
// addr = document.getElementById("addr").value;
|
||||
email = document.getElementById("email").value;
|
||||
success.style.display = "none";
|
||||
// subject = req.options[req.selectedIndex].value;
|
||||
// console.log(name+phn+addr+email+subject);
|
||||
if (name == '' || phn == '' || email == '') {
|
||||
warning.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(email) == false) {
|
||||
emailError.style.display = "block";
|
||||
}else if (mobile.test(phn) == false) {
|
||||
phnError.style.display = "block";
|
||||
} else {
|
||||
emailError.style.display = "none";
|
||||
warning.style.display = "none";
|
||||
let formData = new FormData();
|
||||
formData.append('formName', 'IIMTT-Landing-Form');
|
||||
formData.append('business_type', 'iimtt');
|
||||
formData.append('Name', name);
|
||||
formData.append('Email', email);
|
||||
formData.append('Phone', phn);
|
||||
// formData.append('Field', subject);
|
||||
// formData.append('Address', addr);
|
||||
// formData.append('MessageDetails', addr + " Field:" + subject);
|
||||
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(res => res.json())
|
||||
.then(json => {
|
||||
// console.log(json);
|
||||
// sendMail("enquiry@atheneumglobal.education");
|
||||
sendMail("teenybeans.info@gmail.com");
|
||||
sendMail("enquiry@beanstalkedu.com");
|
||||
// sendMail("chatterjeegouravking@gmail.com");
|
||||
sendWelcomeMail(email);
|
||||
success.style.display = "block";
|
||||
document.getElementById("name1").value = "";
|
||||
document.getElementById("phn").value = "";
|
||||
// document.getElementById("addr").value = "";
|
||||
document.getElementById("email").value = "";
|
||||
// document.getElementById("message").value = "";
|
||||
|
||||
// window.location.href = "contact-back";
|
||||
}
|
||||
);
|
||||
window.open("thank-you.html");
|
||||
}
|
||||
|
||||
}
|
||||
// if(name)
|
||||
}
|
||||
|
||||
function sendMail(sendEmail) {
|
||||
// ---------Mail sent-----------------
|
||||
|
||||
let formData = new FormData();
|
||||
formData.append("sendMail", "true");
|
||||
formData.append("reciever", sendEmail);
|
||||
formData.append("sender", "IIMTT Enquiry");
|
||||
formData.append("senderMail", "enquiry@iimtt.org");
|
||||
formData.append("subject", "New IIMTT Landing Form Fillup");
|
||||
formData.append(
|
||||
"message",
|
||||
"<html><body><p>New IIMTT Landing Page form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
|
||||
name +
|
||||
"</td></tr><tr><th>Email:- </th><td>:- " +
|
||||
email +
|
||||
"</td></tr><tr><th>Phone:- </th><td>:- " +
|
||||
phn +
|
||||
// "</td></tr><tr><th>Address:- </th><td>:- " +
|
||||
// addr +
|
||||
// "</td></tr><tr><th>Service:- </th><td>:- " +
|
||||
// subject +
|
||||
// "</td></tr><tr><th>Message:- </th><td>:- " +
|
||||
// message +
|
||||
"</td></tr></table></body></html>"
|
||||
);
|
||||
fetch("https://mailapi.teenybeans.in/", {
|
||||
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 sendWelcomeMail(sendEmail) {
|
||||
// ---------Mail sent-----------------
|
||||
console.log(sendEmail);
|
||||
let formData = new FormData();
|
||||
formData.append("sendMail", "true");
|
||||
formData.append("reciever", sendEmail);
|
||||
formData.append("sender", "IIMTT Enquiry");
|
||||
formData.append("senderMail", "enquiry@iimtt.org");
|
||||
formData.append("subject", "Thanks for showing interest in our program");
|
||||
formData.append(
|
||||
"message",
|
||||
'<div style="text-align:center;"><img style="width:150px;" src="https://iimtt.org/assets/img/iimtt-footer-logo.png" alt="Logo"><p style="text-align:left">Dear '+ name + '</p><p style="text-align:left">We have received your application and our counsellors will contact you soon with a free counselling session.<p style="text-align:left">Meanwhile, you can learn more about our courses</p><a class="btn btn-secondary btn-form display-4" href="https://iimtt.org/curriculum"><button style="background-color:#f7a325;color:white;border:none; padding-top:6px;padding-bottom:6px;border-radius:6px;">Learn More</button></a><br><br>'+
|
||||
// '<b>Follow us on</b><br>'+
|
||||
// '<a href="#"><img style="margin-right:3px;width:20px;" src="https://iimtt.org/assets/img/iso-logo.png" alt="Logo"></a>'+
|
||||
// '<a href="#"><img style="margin-right:3px;width:20px;" src="https://iimtt.org/assets/img/iso-logo.png" alt="Logo"></a>'+
|
||||
// '<a href="#"><img style="margin-right:3px;width:20px;" src="https://iimtt.org/assets/img/iso-logo.png" alt="Logo"></a><br>'+
|
||||
'<p style="text-align:center"><b>International Institute of Montessori Teacher Training</b><br>Kemp House 160 City Road, London, Ec1v2nx <br>© 2021 IIMTT All rights reserved.</p></div>');
|
||||
fetch("https://mailapi.teenybeans.in/", {
|
||||
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>
|
||||
Reference in New Issue
Block a user