fix-landing page
This commit is contained in:
@@ -3,32 +3,26 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
||||||
<!-- Favicon -->
|
<!-- Favicon -->
|
||||||
<link rel="shortcut icon" href="./assets/favicon/iimtt.ico" type="image/x-icon" />
|
<link rel="shortcut icon" href="./assets/favicon/iimtt.ico" type="image/x-icon" />
|
||||||
|
|
||||||
<!-- Map CSS -->
|
<!-- Map CSS -->
|
||||||
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
|
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
|
||||||
|
|
||||||
<!-- Libs CSS -->
|
<!-- Libs CSS -->
|
||||||
<link rel="stylesheet" href="./assets/css/libs.bundle.css" />
|
<link rel="stylesheet" href="./assets/css/libs.bundle.css" />
|
||||||
|
|
||||||
<!-- Theme CSS -->
|
<!-- Theme CSS -->
|
||||||
<link rel="stylesheet" href="./assets/css/theme.bundle.css" />
|
<link rel="stylesheet" href="./assets/css/theme.bundle.css" />
|
||||||
|
|
||||||
<!-- my css -->
|
<!-- my css -->
|
||||||
<link rel="stylesheet" href="/assets/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="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.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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">
|
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Title -->
|
<!-- Title -->
|
||||||
<title>IIMTT-Landing-Page</title>
|
<title>IIMTT-Landing-Page</title>
|
||||||
<style>
|
<style>
|
||||||
.checked {
|
.checked {
|
||||||
color: orange;
|
color: orange;
|
||||||
}
|
}
|
||||||
body{
|
body{
|
||||||
font-family:Raleway
|
font-family:Raleway
|
||||||
}
|
}
|
||||||
@@ -38,8 +32,10 @@
|
|||||||
.width{width:100%}
|
.width{width:100%}
|
||||||
.widthImg{width:200px}
|
.widthImg{width:200px}
|
||||||
.p{font-size:15px}
|
.p{font-size:15px}
|
||||||
|
.borderTop{border-radius:0px 0px 20px 20px;}
|
||||||
@media (max-width:900px){
|
@media (max-width:900px){
|
||||||
.form{background-color:rgba(39, 59, 123, 0.28);height:226px;border-radius:15px}
|
.form{background-color:rgba(39, 59, 123, 0.28);height:226px;border-radius:15px}
|
||||||
|
.borderTop{border-radius:0px 0px 20px 20px;}
|
||||||
}
|
}
|
||||||
@media (max-width:430px){
|
@media (max-width:430px){
|
||||||
.form{background-color:rgba(39, 59, 123, 0.28);height:auto;border-radius:15px}
|
.form{background-color:rgba(39, 59, 123, 0.28);height:auto;border-radius:15px}
|
||||||
@@ -53,43 +49,38 @@
|
|||||||
.width{width:70px}
|
.width{width:70px}
|
||||||
.widthImg{width:120px}
|
.widthImg{width:120px}
|
||||||
.p {font-size:12px}
|
.p {font-size:12px}
|
||||||
|
.borderTop {border-top:170px solid #273B7B;border-radius:20px;}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- NAVBAR -->
|
<!-- NAVBAR -->
|
||||||
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom">
|
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<!-- Brand -->
|
<!-- Brand -->
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
<img src="/assets/img/iimtt.png" class="navbar-brand-img" alt="...">
|
<img src="/assets/img/iimtt.png" class="navbar-brand-img" alt="...">
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div style="background-color: #f7a325;color:white;padding:5px 20px;border-radius:20px;font-weight:700" >Call Now</div>
|
<div style="background-color: #f7a325;color:white;padding:5px 20px;border-radius:20px;font-weight:700" >Call Now</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<!----------------------------------------------->
|
<!----------------------------------------------->
|
||||||
<!-- WELCOME -->
|
<!-- WELCOME -->
|
||||||
<section data-jarallax data-speed=".8" class="height mb-10 mb-md-0" style="background-image: url(assets/img/Lp-banner-img.png);padding-top: 3rem;padding-bottom: 2rem;">
|
<section data-jarallax data-speed=".8" class="height mb-10 mb-md-0" style="background-image: url(assets/img/Lp-banner-img.png);padding-top: 3rem;padding-bottom: 2rem;">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col-12 col-md-6 pb-sm-0">
|
<div class="col-12 col-md-6 pb-sm-0">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-6 mt-sm-8">
|
<div class="col-12 col-md-6 mt-sm-8">
|
||||||
<!-- Card -->
|
<!-- Card -->
|
||||||
<h1 class='display-3 d-none d-md-block'><span class="display-2 header">Two line header</span><br/>
|
<h1 class='display-3 d-none d-md-block'><span class="display-2 header">Two line header</span><br/>
|
||||||
with a sub title
|
with a sub title
|
||||||
</h1>
|
</h1>
|
||||||
<div class='col-12 col-md-11 col-lg-9 pb-md-10'>
|
<div class='col-12 col-md-11 col-lg-9 pb-md-10'>
|
||||||
<div class="shadow-light-lg mb-6 form mx-2 mx-md-0 mt-12 mt-md-0 linear">
|
<div class="shadow-light-lg mb-6 form mx-2 mx-md-0 mt-12 mt-md-0 linear">
|
||||||
<div style='padding:14px 30px 6px 30px;'>
|
<div style='padding:14px 30px 6px 30px;'>
|
||||||
<h1 class='sub display-sm-5 display-md-3 d-block d-md-none'><span class="display-sm-5 display-md-2 header">Two line header</span><br/>with a sub title </h1>
|
<h1 class='sub display-sm-5 display-md-3 d-block d-md-none'><span class="display-sm-5 display-md-2 header">Two line header</span><br/>with a sub title </h1>
|
||||||
<p style='color:#273B7B' class="ptext"><span style='font-weight:700'>Sign Up for Free Career</span> Counseling</p>
|
<p style='color:#273B7B' class="ptext"><span style='font-weight:700'>Sign Up for Free Career</span> Counseling</p>
|
||||||
|
|
||||||
<div class="alert-danger" id="warning" style="margin-top:-12px;margin-bottom:4px;display: none;">Fill all the fields!</div>
|
<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>
|
<div class="alert-success" id="success" style="margin-top:-12px;margin-bottom:4px;display: none;">Thanks for information</div>
|
||||||
<!-- Form -->
|
<!-- Form -->
|
||||||
@@ -99,7 +90,7 @@ with a sub title
|
|||||||
<input type="text" aria-required="true" name="widget-contact-form-name" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' required
|
<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">
|
class="required name" id="name1" placeholder=" Name">
|
||||||
</div>
|
</div>
|
||||||
<!-- <input type="text"> -->
|
<!-- <input type="text"> -->
|
||||||
<div class="form-group mb-3" >
|
<div class="form-group mb-3" >
|
||||||
<!-- Input -->
|
<!-- Input -->
|
||||||
<input id="phn" type="number" name="telephone" placeholder=" Phone" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' required>
|
<input id="phn" type="number" name="telephone" placeholder=" Phone" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' required>
|
||||||
@@ -111,7 +102,6 @@ with a sub title
|
|||||||
required class="required email" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' placeholder=" 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>
|
<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group mb-0 text-center text-md-left negativeMargin mb-4 mb-md-0">
|
<div class="form-group mb-0 text-center text-md-left negativeMargin mb-4 mb-md-0">
|
||||||
<button style="background-color: #f7a325;color:white;border:none;border-radius:15px;padding:4px 20px;" class="lift mt-0 mt-md-8" type="button" onclick="submitForm()"> Request a call</button>
|
<button style="background-color: #f7a325;color:white;border:none;border-radius:15px;padding:4px 20px;" class="lift mt-0 mt-md-8" type="button" onclick="submitForm()"> Request a call</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -120,12 +110,14 @@ with a sub title
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- / .row -->
|
</div>
|
||||||
</div> <!-- / .container -->
|
<!-- / .row -->
|
||||||
</section>
|
</div>
|
||||||
|
<!-- / .container -->
|
||||||
|
</section>
|
||||||
<!---------------------------------------------->
|
<!---------------------------------------------->
|
||||||
<div style='background-color:#273B7B;border-radius:0px 0px 20px 20px' class='mx-0 mx-lg-13'>
|
<div style='background-color:#273B7B;' class='borderTop mx-0 mx-lg-13 mt-0 mt-md-0'>
|
||||||
<div class="container pt-14 pt-md-10 pb-8 pl-4 pr-4 pl-md-2 pr-md-2 pl-lg-8 pr-lg-8">
|
<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">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col-12 col-md-7 pb-sm-0 text-white">
|
<div class="col-12 col-md-7 pb-sm-0 text-white">
|
||||||
<h2 class='display-3 sub text-center text-md-left pt-3 pt-md-0'><span class="display-3 sub" style='font-weight:bold;'>Montessori</span> in Blood</h2>
|
<h2 class='display-3 sub text-center text-md-left pt-3 pt-md-0'><span class="display-3 sub" style='font-weight:bold;'>Montessori</span> in Blood</h2>
|
||||||
@@ -133,14 +125,27 @@ with a sub title
|
|||||||
<img src="./assets/img/pexels-y.jpg" alt="" style="width: 70%;border-radius:20px">
|
<img src="./assets/img/pexels-y.jpg" alt="" style="width: 70%;border-radius:20px">
|
||||||
</div>
|
</div>
|
||||||
<div style="max-width:450px" class='pt-5 pb-3 p'>Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards
|
<div style="max-width:450px" class='pt-5 pb-3 p'>Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards
|
||||||
shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they
|
shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they
|
||||||
teach in by ensuring constant academic support and
|
teach in by ensuring constant academic support and
|
||||||
professional guidance.</div>
|
professional guidance.
|
||||||
|
</div>
|
||||||
<div class="pt-1 pt-md-6">
|
<div class="pt-1 pt-md-6">
|
||||||
<div style='display:flex' class="pt-2"><div style="height:20px; width:20px;background-color:#FA6B05;border-radius:10px;margin-right:10px"></div><div class="p">Established to meet the sky-rocketing demand.</div></div>
|
<div style='display:flex' class="pt-2">
|
||||||
<div style='display:flex' class="pt-2"><div style="height:20px; width:20px;background-color:#FA6B05;border-radius:10px;margin-right:10px"></div><div class="p">Established to meet the sky-rocketing demand.</div></div>
|
<div style="height:20px; width:20px;background-color:#FA6B05;border-radius:10px;margin-right:10px"></div>
|
||||||
<div style='display:flex' class="pt-2"><div style="height:20px; width:20px;background-color:#FA6B05;border-radius:10px;margin-right:10px"></div><div class="p">Established to meet the sky-rocketing demand.</div></div>
|
<div class="p">Established to meet the sky-rocketing demand.</div>
|
||||||
<div style='display:flex' class="pt-2"><div style="height:20px; width:20px;background-color:#FA6B05;border-radius:10px;margin-right:10px"></div><div class="p">Established to meet the sky-rocketing demand.</div></div>
|
</div>
|
||||||
|
<div style='display:flex' class="pt-2">
|
||||||
|
<div style="height:20px; width:20px;background-color:#FA6B05;border-radius:10px;margin-right:10px"></div>
|
||||||
|
<div class="p">Established to meet the sky-rocketing demand.</div>
|
||||||
|
</div>
|
||||||
|
<div style='display:flex' class="pt-2">
|
||||||
|
<div style="height:20px; width:20px;background-color:#FA6B05;border-radius:10px;margin-right:10px"></div>
|
||||||
|
<div class="p">Established to meet the sky-rocketing demand.</div>
|
||||||
|
</div>
|
||||||
|
<div style='display:flex' class="pt-2">
|
||||||
|
<div style="height:20px; width:20px;background-color:#FA6B05;border-radius:10px;margin-right:10px"></div>
|
||||||
|
<div class="p">Established to meet the sky-rocketing demand.</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-5 pb-sm-0 d-none d-md-block">
|
<div class="col-12 col-md-5 pb-sm-0 d-none d-md-block">
|
||||||
@@ -149,7 +154,7 @@ professional guidance.</div>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!------------------------------------------------>
|
<!------------------------------------------------>
|
||||||
<section>
|
<section>
|
||||||
<div class="container pt-7 pt-md-10 pb-10">
|
<div class="container pt-7 pt-md-10 pb-10">
|
||||||
<div class="text-center ml-sm-0 mr-sm-0 ml-md-10 mr-md-10 pb-8 p"><span style="color:#124BBD">Montessori Education is based on a holistic approach</span> that begins at birth and builds over the years over four distinct planes of development. If implemented well, it has the advantage of positively impacting a wide range of children. It is an entire system that has been tested over the past 100 years and can be implemented in whole or in part.</div>
|
<div class="text-center ml-sm-0 mr-sm-0 ml-md-10 mr-md-10 pb-8 p"><span style="color:#124BBD">Montessori Education is based on a holistic approach</span> that begins at birth and builds over the years over four distinct planes of development. If implemented well, it has the advantage of positively impacting a wide range of children. It is an entire system that has been tested over the past 100 years and can be implemented in whole or in part.</div>
|
||||||
@@ -163,71 +168,95 @@ professional guidance.</div>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<section>
|
<section>
|
||||||
<!------------------------------------------------------------------------------------------->
|
<!------------------------------------------------------------------------------------------->
|
||||||
<section data-jarallax data-speed=".8" class="pt-2 pt-md-8" style="background-image: url(assets/img/young-girl-playing.jpg);padding-bottom: 2rem;">
|
<section data-jarallax data-speed=".8" class="pt-2 pt-md-8" style="background-image: url(assets/img/young-girl-playing.jpg);padding-bottom: 2rem;">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="text-center display-3 sub"><b>Courses</b> we offer</div>
|
<div class="text-center display-3 sub"><b>Courses</b> we offer</div>
|
||||||
<div class="row align-items-center pt-8 pb-8">
|
<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 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">
|
<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>
|
<h3>
|
||||||
<div style="display:flex;justify-content:space-between" class='pl-2 pr-2 pl-md-3 pr-md-3 pl-lg-7 pr-lg-7 pb-4 py-lg-3'>
|
<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">
|
<div style="display:flex">
|
||||||
<div><img src='./assets/img/bag-icon.png' style="width:25px"></div>
|
<img src='./assets/img/bag-icon.png' style="height:22px;">
|
||||||
<div class="text-white p"> 6 months - 1 Year</div>
|
<div class="text-white p"> 6 months - 1 Year</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display:flex">
|
<div style="display:flex">
|
||||||
<div style="border-left:1px solid #FA6B05"><img src='./assets/img/certificate-icon.png' style="width:25px"></div>
|
<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 class="text-white p"> Online Program</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pl-5 pl-lg-7">
|
<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='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="height:20px; width:20px;background-color:#FA6B05;margin-top:3px;border-radius:10px;margin-right:10px"></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 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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:-12px">
|
<div style="margin-top:-12px">
|
||||||
<div style="background-color:#FA6B05;max-width:120px;border-radius:20px;" class="text-center text-white m-auto p">Know More</div></div>
|
<div style="background-color:#FA6B05;max-width:120px;border-radius:20px;" class="py-1 text-center text-white m-auto p">Know More</div>
|
||||||
|
</div>
|
||||||
</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 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">
|
<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>
|
<h3>
|
||||||
<div style="display:flex;justify-content:space-between" class='pl-2 pr-2 pl-md-3 pr-md-3 pl-lg-7 pr-lg-7 pb-4 py-lg-3'>
|
<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">
|
<div style="display:flex">
|
||||||
<div><img src='./assets/img/bag-icon.png' style="width:25px"></div>
|
<img src='./assets/img/bag-icon.png' style="height:22px">
|
||||||
<div class="text-white p"> 6 months - 1 Year</div>
|
<div class="text-white p"> 6 months - 1 Year</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display:flex">
|
<div style="display:flex">
|
||||||
<div style="border-left:1px solid #FA6B05"><img src='./assets/img/certificate-icon.png' style="width:25px"></div>
|
<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 class="text-white p"> Online Program</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pl-5 pl-lg-7">
|
<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='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="height:20px; width:20px;background-color:#FA6B05;margin-top:3px;border-radius:10px;margin-right:10px"></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 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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:-12px">
|
<div style="margin-top:-12px">
|
||||||
<div style="background-color:#FA6B05;max-width:120px;border-radius:20px;" class="text-center text-white m-auto p">Know More</div></div>
|
<div style="background-color:#FA6B05;max-width:120px;border-radius:20px;" class="py-1 text-center text-white m-auto p">Know More</div>
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- / .row -->
|
</div>
|
||||||
</div> <!-- / .container -->
|
</div>
|
||||||
</section>
|
<!-- / .row -->
|
||||||
<!------------------------------------------------>
|
</div>
|
||||||
|
<!-- / .container -->
|
||||||
|
</section>
|
||||||
|
<!------------------------------------------------>
|
||||||
<!-- LOCATION -->
|
<!-- LOCATION -->
|
||||||
<!-- WELCOME -->
|
<!-- WELCOME -->
|
||||||
<section class="mt-5">
|
<section class="mt-5">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-stretch">
|
<div class="row align-items-stretch">
|
||||||
<div class="col-12 col-md-12 col-lg-6 offset-md-0 order-lg-2">
|
<div class="col-12 col-md-12 col-lg-6 offset-md-0 order-lg-2">
|
||||||
|
|
||||||
<!-- Slider -->
|
<!-- Slider -->
|
||||||
<div class="position-relative pt-8 text-center" data-aos="fade-left">
|
<div class="position-relative pt-8 text-center" data-aos="fade-left">
|
||||||
<img src="./assets/img/videos.jpg" style="width:90%;"/>
|
<img src="./assets/img/videos.jpg" style="width:90%;"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-12 col-lg-6 py-8 order-lg-1" data-aos="fade-right">
|
<div class="col-12 col-md-12 col-lg-6 py-8 order-lg-1" data-aos="fade-right">
|
||||||
<!-- Heading -->
|
<!-- Heading -->
|
||||||
@@ -237,10 +266,12 @@ professional guidance.</div>
|
|||||||
We offer a 15 month Post Graduate course in Montessori Teacher Training for aspiring teachers who are looking to enhance their learning and build a solid foundation as a Montessori Directress, administrator or an early year’s educator. The Post Graduate Diploma also has the distinct advantage of carrying an international endorsement of achievement from a UK Government regulated awarding body in the UK. The program is pegged to a Level 5 UK qualification which provides multiple pathway for university level.
|
We offer a 15 month Post Graduate course in Montessori Teacher Training for aspiring teachers who are looking to enhance their learning and build a solid foundation as a Montessori Directress, administrator or an early year’s educator. The Post Graduate Diploma also has the distinct advantage of carrying an international endorsement of achievement from a UK Government regulated awarding body in the UK. The program is pegged to a Level 5 UK qualification which provides multiple pathway for university level.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- / .row -->
|
</div>
|
||||||
</div> <!-- / .container -->
|
<!-- / .row -->
|
||||||
|
</div>
|
||||||
|
<!-- / .container -->
|
||||||
</section>
|
</section>
|
||||||
<!------------------------------------------------------------->
|
<!------------------------------------------------------------->
|
||||||
<div class="px-5 px-md-0">
|
<div class="px-5 px-md-0">
|
||||||
<div style='background-color:#D9D9D940;border-radius:20px' class='shadow-dark mx-0 mx-lg-13'>
|
<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="container pt-6 pb-8 pl-8 pr-8">
|
||||||
@@ -262,7 +293,7 @@ professional guidance.</div>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!------------------------------------------------------------->
|
<!------------------------------------------------------------->
|
||||||
<div class='mx-0 mx-lg-13 d-none d-md-block'>
|
<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="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='text-center display-3'><b>Our Alumni </b>are working in</div>
|
||||||
@@ -280,7 +311,7 @@ professional guidance.</div>
|
|||||||
<img src="./assets/img/beanstalk_logo.png" style="width:250px"/>
|
<img src="./assets/img/beanstalk_logo.png" style="width:250px"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-0 col-lg-3 text-black text-center pt-4">
|
<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"/> -->
|
<!-- <img src="./assets/img/img-115.png" style="width:230px"/> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-4 col-lg-3 text-black text-center pt-9">
|
<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"/>
|
<img src="./assets/img/ima-111.png" style="width:170px"/>
|
||||||
@@ -294,7 +325,7 @@ professional guidance.</div>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!------------------------------------------------------------->
|
<!------------------------------------------------------------->
|
||||||
<div class='mx-0 mx-md-13 d-block d-md-none'>
|
<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="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='text-center sub'><b>Our Alumni </b><br>are working in</div>
|
||||||
@@ -321,10 +352,9 @@ professional guidance.</div>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!------------------------------------------------------------>
|
<!------------------------------------------------------------>
|
||||||
|
|
||||||
<div style="background-color:#273B7B;margin: 0;padding: 0;">
|
<div style="background-color:#273B7B;margin: 0;padding: 0;">
|
||||||
<div class="row">
|
<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-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;">
|
<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">
|
<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">
|
<li class="list-inline-item list-social-item mr-2 ml-2 mr-lg-8 ml-lg-0">
|
||||||
@@ -354,30 +384,26 @@ professional guidance.</div>
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</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">
|
<!-- <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>
|
<a href="#" class="new1 btn btn-xs right bt ttop">Register Now</a>
|
||||||
</div></div> -->
|
</div></div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!------------------------------------------------------------->
|
<!------------------------------------------------------------->
|
||||||
<div class="f1">
|
<div class="f1">
|
||||||
<a href="#" class="back-to-top"><i class="fe fe-lg fe-arrow-up"></i></a>
|
<a href="#" class="back-to-top"><i class="fe fe-lg fe-arrow-up"></i></a>
|
||||||
</div>
|
</div>
|
||||||
<!-- JAVASCRIPT -->
|
<!-- JAVASCRIPT -->
|
||||||
<!-- Map JS -->
|
<!-- Map JS -->
|
||||||
<script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
|
<script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
|
||||||
|
|
||||||
<!-- Vendor JS -->
|
<!-- Vendor JS -->
|
||||||
<script src="./assets/js/vendor.bundle.js"></script>
|
<script src="./assets/js/vendor.bundle.js"></script>
|
||||||
|
|
||||||
<!-- Theme JS -->
|
<!-- Theme JS -->
|
||||||
<script src="./assets/js/theme.bundle.js"></script>
|
<script src="./assets/js/theme.bundle.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
<script type="text/javascript">
|
||||||
<script type="text/javascript">
|
|
||||||
var option = null;
|
var option = null;
|
||||||
var name = null;
|
var name = null;
|
||||||
var addr = null;
|
var addr = null;
|
||||||
@@ -501,7 +527,7 @@ professional guidance.</div>
|
|||||||
formData.append("subject", "Thanks for showing interest in our program");
|
formData.append("subject", "Thanks for showing interest in our program");
|
||||||
formData.append(
|
formData.append(
|
||||||
"message",
|
"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>'+
|
'<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>'+
|
// '<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>'+
|
// '<a href="#"><img style="margin-right:3px;width:20px;" src="https://iimtt.org/assets/img/iso-logo.png" alt="Logo"></a>'+
|
||||||
|
|||||||
Reference in New Issue
Block a user