abhijeetbg/IIMTT
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix-landing page

Browse Source
This commit is contained in:
Abhijeet_Bagade
2022-07-23 05:11:43 +00:00
parent 98bc8a92b5
commit 6767d012fb
1 changed files with 542 additions and 516 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
newpage/index.html
View File

@@ -3,26 +3,20 @@
<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>
@@ -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,22 +49,19 @@
.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>
<!-----------------------------------------------> <!----------------------------------------------->
@@ -77,7 +70,6 @@
<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 -->
@@ -89,7 +81,6 @@ with a sub title
<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 -->
@@ -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 -->
</div>
<!-- / .container -->
</section> </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>
@@ -135,12 +127,25 @@ with a sub title
<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">
@@ -170,50 +175,76 @@ professional guidance.</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>
<!-- / .row -->
</div>
<!-- / .container -->
</section> </section>
<!------------------------------------------------> <!------------------------------------------------>
<!-- LOCATION --> <!-- LOCATION -->
@@ -222,12 +253,10 @@ professional guidance.</div>
<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,8 +266,10 @@ 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">
@@ -321,7 +352,6 @@ 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> -->
@@ -367,16 +397,12 @@ professional guidance.</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;