fix-landing page

This commit is contained in:
2022-07-23 05:11:43 +00:00
parent 98bc8a92b5
commit 6767d012fb

View File

@@ -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="&nbsp;&nbsp;&nbsp;Name"> class="required name" id="name1" placeholder="&nbsp;&nbsp;&nbsp;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="&nbsp;&nbsp;&nbsp;Phone" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' required> <input id="phn" type="number" name="telephone" placeholder="&nbsp;&nbsp;&nbsp;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="&nbsp;&nbsp;&nbsp;Email"> required class="required email" style='width:100%;background-color:#dfe2ea;border:none;border-radius:3px' placeholder="&nbsp;&nbsp;&nbsp;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()">&nbsp;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()">&nbsp;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 worlds 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 worlds 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">&nbsp;6 months - 1 Year</div> <div class="text-white p">&nbsp;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">&nbsp;Online Program</div> <div class="text-white p">&nbsp;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">&nbsp;6 months - 1 Year</div> <div class="text-white p">&nbsp;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">&nbsp;Online Program</div> <div class="text-white p">&nbsp;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 years 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 years 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>'+