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

180
newpage/index.html
View File

@@ -3,32 +3,26 @@
<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">
<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">
<!-- Title -->
<title>IIMTT-Landing-Page</title>
<style>
.checked {
.checked {
color: orange;
}
}
body{
font-family:Raleway
}
@@ -38,8 +32,10 @@
.width{width:100%}
.widthImg{width:200px}
.p{font-size:15px}
.borderTop{border-radius:0px 0px 20px 20px;}
@media (max-width:900px){
.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){
.form{background-color:rgba(39, 59, 123, 0.28);height:auto;border-radius:15px}
@@ -53,43 +49,38 @@
.width{width:70px}
.widthImg{width:120px}
.p {font-size:12px}
.borderTop {border-top:170px solid #273B7B;border-radius:20px;}
}
</style>
</style>
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom">
<div class="container">
<!-- Brand -->
<a class="navbar-brand" href="./index.html">
<img src="/assets/img/iimtt.png" class="navbar-brand-img" alt="...">
</a>
<div style="background-color: #f7a325;color:white;padding:5px 20px;border-radius:20px;font-weight:700" >Call Now</div>
</div>
</nav>
<!----------------------------------------------->
<!----------------------------------------------->
<!-- 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="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">
<!-- Card -->
<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>
<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 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>
<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-success" id="success" style="margin-top:-12px;margin-bottom:4px;display: none;">Thanks for information</div>
<!-- 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
class="required name" id="name1" placeholder="&nbsp;&nbsp;&nbsp;Name">
</div>
<!-- <input type="text"> -->
<!-- <input type="text"> -->
<div class="form-group mb-3" >
<!-- 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>
@@ -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">
<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
</div>
<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>
</div>
@@ -120,12 +110,14 @@ with a sub title
</div>
</div>
</div>
</div> <!-- / .row -->
</div> <!-- / .container -->
</section>
</div>
<!-- / .row -->
</div>
<!-- / .container -->
</section>
<!---------------------------------------------->
<div style='background-color:#273B7B;border-radius:0px 0px 20px 20px' class='mx-0 mx-lg-13'>
<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 style='background-color:#273B7B;' 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">
<div class="row align-items-center">
<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>
@@ -133,14 +125,27 @@ with a sub title
<img src="./assets/img/pexels-y.jpg" alt="" style="width: 70%;border-radius:20px">
</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
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
professional guidance.</div>
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
professional guidance.
</div>
<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="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 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 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 class="col-12 col-md-5 pb-sm-0 d-none d-md-block">
@@ -149,7 +154,7 @@ professional guidance.</div>
</div>
</div>
</div>
<!------------------------------------------------>
<!------------------------------------------------>
<section>
<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>
@@ -163,71 +168,95 @@ professional guidance.</div>
</div>
</div>
<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;">
<div class="container">
<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="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-2 pr-2 pl-md-3 pr-md-3 pl-lg-7 pr-lg-7 pb-4 py-lg-3'>
<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">
<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>
<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>
</div>
<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 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>
</div>
<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 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-2 pr-2 pl-md-3 pr-md-3 pl-lg-7 pr-lg-7 pb-4 py-lg-3'>
<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">
<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>
<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>
</div>
<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 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>
</div>
<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> <!-- / .row -->
</div> <!-- / .container -->
</section>
<!------------------------------------------------>
</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%;"/>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 py-8 order-lg-1" data-aos="fade-right">
<!-- 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.
</p>
</div>
</div> <!-- / .row -->
</div> <!-- / .container -->
</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">
@@ -262,7 +293,7 @@ professional guidance.</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>
@@ -280,7 +311,7 @@ professional guidance.</div>
<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"/> -->
<!-- <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"/>
@@ -294,7 +325,7 @@ professional guidance.</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>
@@ -321,10 +352,9 @@ professional guidance.</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-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">
@@ -354,30 +384,26 @@ professional guidance.</div>
</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">
<!-- <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> -->
</div>
</div>
</section>
<!------------------------------------------------------------->
<div class="f1">
<a href="#" class="back-to-top"><i class="fe fe-lg fe-arrow-up"></i></a>
</div>
<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">
<script type="text/javascript">
var option = null;
var name = null;
var addr = null;
@@ -501,7 +527,7 @@ professional guidance.</div>
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>'+
'<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>'+