From 0db7144fada39defdf8bd01a2f01b718fe9601df Mon Sep 17 00:00:00 2001
From: Abhijeet_Bagade <abhijeet@teenybeans.in>
Date: Sat, 9 Oct 2021 05:09:24 +0000
Subject: [PATCH] page updated

---
 _footer.php       |  25 +-
 assets/css/my.css |  14 +-
 partnership.php   | 596 +++++++++++++++++++++++++---------------------
 3 files changed, 341 insertions(+), 294 deletions(-)

diff --git a/_footer.php b/_footer.php
index 013a5e4..9a98b06 100644
--- a/_footer.php
+++ b/_footer.php
@@ -6,15 +6,10 @@
           <div class="col-12 col-md-12 col-lg-3">
     
             <!-- Brand -->
-            <img style="height: 70px;" src="/assets/img/iimtt.png" alt="iimtt_logo" class="footer-brand img-fluid mb-2">
-    
-            <!-- Text -->
-            <p class="text-gray-700 mb-2">
-              A better way to build.
-            </p>
+            <img style="height: 120px;" src="/assets/img/iimtt-footer-logo.png" alt="iimtt_logo" class="footer-brand img-fluid mb-2">
     
             <!-- Social -->
-            <ul class=" list-social mb-6 mb-md-0">
+            <ul class=" list-social mb-6 mb-md-0 ml-3">
               <li class="list-inline-item list-social-item mr-3">
                 <a href="https://www.instagram.com/iimtt.corporate/" class="text-decoration-none" target="_blank">
                   <img src="/assets/img/icons/social/instagram.svg" class="list-social-icon" alt="logo">
@@ -84,9 +79,19 @@
     
             <!-- List -->
             <ul class="list-unstyled text-muted mb-0">
-              <li class="mb-3">
-                <a href="montessori-teacher-training-program-kolkata" class="text-reset">
-                  Regional Center Kolkata
+              <li>
+                <a href="centers" class="text-reset">
+                  IIMTT India
+                </a>
+              </li>
+              <li>
+                <a href="montessori-teacher-training-nairobi" class="text-reset">
+                  IIMTT Kenya
+                </a>
+              </li>
+              <li>
+                <a href="montessori-teacher-training-hanoi" class="text-reset">
+                  IIMTT Vietnam
                 </a>
               </li>
             </ul>
diff --git a/assets/css/my.css b/assets/css/my.css
index 7e3f110..a3b5617 100644
--- a/assets/css/my.css
+++ b/assets/css/my.css
@@ -230,17 +230,17 @@ hover:label {
 .j{
   background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
   background-repeat:no-repeat;
-  height:28vh;
+  height:100%;
   width:100%;
   background-size:cover;
   background-position:center;
   background-attachment:fixed;
 }
-@media (max-width: 1200px) {
+@media (max-width: 1504px) {
   .j{
   background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
   background-repeat:no-repeat;
-  height:40vh;
+  height:100%;
   width:100%;
   background-size:cover;
   background-position:center;
@@ -251,7 +251,7 @@ hover:label {
   .j{
   background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
   background-repeat:no-repeat;
-  height:50vh;
+  height:100% !important;
   width:100%;
   background-size:cover;
   background-position:center;
@@ -261,17 +261,17 @@ hover:label {
 text-align:center;
 }
 }
-@media (max-width: 414px) {
+/* @media (max-width: 414px) {
   .j{
   background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
   background-repeat:no-repeat;
-  height:60vh;
+  height:100vh;
   width:100%;
   background-size:cover;
   background-position:center;
   background-attachment:fixed;
 }
-}
+} */
 .e{
   width:100px !important;
 }
diff --git a/partnership.php b/partnership.php
index 2083bfb..56edee9 100644
--- a/partnership.php
+++ b/partnership.php
@@ -78,205 +78,7 @@ include("_navbar.php");
             </svg>
         </div>
     </div>
- 
-    <!----------------------------------------------------------------------------->
-    <section>
-    <div class="container">
-    <h2 style="color: #00b1c1;"class="text-center pt-4">
-              Partner Benefits
-            </h2>
-      <div class="row">
-        <div class="col-12">
 
-          <!-- Flickity -->
-          <div class="flickity-viewport-visible pt-2 pb-9" data-flickity='{"cellAlign": "left", "imagesLoaded": true, "pageDots": false, "prevNextButtons": false, "contain": true}'>
-           <div class="col-2">
-           </div>
-
-
-           <div class="col-12 col-md-5 col-lg-5">
-           <!-- Card -->
-<div class="card mb-6 mb-lg-0 shadow-light-lg lift lift-lg">
-
-<!-- Image -->
-<div class="card-img-top">
-  <img src="/assets/img/international-affiliations.jpg" alt="international affiliations" class="img-fluid">
-</div>
-
-<!-- Shape -->
-<div class="position-relative">
-  <div class="shape shape-fluid-x shape-bottom svg-shim text-white">
-    <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                </div>
-</div>
-
-<!-- Body -->
-<div class="card-body">
-
-              <!-- Heading -->
-              <h3 style="color: #f7a325" class="text-center">
-              International Affiliations
-              </h3>
-              <!-- Text -->
-              <p class="mb-0 text-muted text-center">
-              IIMTT is an ISO certified organization with recognitions from International Montessori Council (IMC), USA, International Montessori Society (IMS), USA, Chartered College of Teaching (UK) and London Teacher Training College (UK).
-              </p>
-            </div>
-</div>
-</div>
-
-<div class="col-12 col-md-5 col-lg-5">
-<!-- Card -->
-<div class="card mb-6 mb-lg-0 shadow-light-lg lift lift-lg">
-
-<!-- Image -->
-<div class="card-img-top">
-  <img src="/assets/img/national-presence.jpg" alt="national presence" class="img-fluid">
-</div>
-
-<!-- Shape -->
-<div class="position-relative">
-  <div class="shape shape-fluid-x shape-bottom svg-shim text-white">
-    <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                </div>
-</div>
-
-<!-- Body -->
-<div class="card-body">
-
-  <!-- Heading -->
-  <h3 style="color: #f7a325" class="text-center">
-  National Presence International Relevance
-  </h3>
-  <!-- Text -->
-  <p class="mb-0 text-muted text-center">
-  IMTT is present across multiple continents and is strongly entrenched as a national brand for quality teacher education.
-  <br><br><br></p>
-</div>
-</div>
-</div>
-
-<div class="col-12 col-md-5 col-lg-5">
-   <!-- Card -->
-   <div class="card mb-6 mb-lg-0 shadow-light-lg lift lift-lg">
-
-<!-- Image -->
-<div class="card-img-top">
-  <img src="/assets/img/classroom-svg.jpg" alt="classroom training" class="img-fluid">
-</div>
-
-<!-- Shape -->
-<div class="position-relative">
-  <div class="shape shape-fluid-x shape-bottom svg-shim text-white">
-    <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                </div>
-</div>
-
-<!-- Body -->
-<div class="card-body">
-
-<!-- Heading -->
-<h3 style="color: #f7a325" class="text-center">
-Classroom Training</h3>
-<!-- Text -->
-<p class="mb-0 text-muted text-center">
-All applicants will go through an in-class internship for evaluation that will shape them perfectly to become a capable Montessori guide and mentor
-<br><br><br><br></p>
-</div>
-</div>
-</div>
-
-            <div class="col-12 col-md-5 col-lg-5">
-<!-- Card -->
-<div class="card mb-6 mb-lg-0 shadow-light-lg lift lift-lg">
-
-  <!-- Image -->
-  <div class="card-img-top">
-    <img src="/assets/img/presentation.jpg" alt="presentation" class="img-fluid">
-  </div>
-
-  <!-- Shape -->
-  <div class="position-relative">
-    <div class="shape shape-fluid-x shape-bottom svg-shim text-white">
-      <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                </div>
-  </div>
-
-  <!-- Body -->
-  <div class="card-body">
-
-                <!-- Heading -->
-                <h3 style="color: #f7a325" class="text-center">
-                Audio Visual Presentation
-                </h3>
-                <!-- Text -->
-                <p class="mb-0 text-muted text-center">
-                A 220+ hours of AV material on everything related to updated Montessori teaching will be made available to partners so they can train teachers without a hitch
-                <br><br><br></p>
-              </div>
-</div>
-</div>
-
-<div class="col-12 col-md-5 col-lg-5">
- <!-- Card -->
- <div class="card mb-6 mb-lg-0 shadow-light-lg lift lift-lg">
-
-<!-- Image -->
-<div class="card-img-top">
-  <img src="/assets/img/training.jpg" alt="montessori teacher" class="img-fluid">
-</div>
-
-<!-- Shape -->
-<div class="position-relative">
-  <div class="shape shape-fluid-x shape-bottom svg-shim text-white">
-    <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                </div>
-</div>
-
-<!-- Body -->
-<div class="card-body">
-
-  <!-- Heading -->
-  <h3 style="color: #f7a325" class="text-center">
-  Online Assessments
-  </h3>
-  <!-- Text -->
-  <p class="mb-0 text-muted text-center">
-  Every student will have a student portal online that will help them with web and mobile based assessment of concepts learnt in class. 
-  <br><br><br><br></p>
-</div>
-</div>
-</div>
-<div class="col-12 col-md-5 col-lg-5">
-<div class="card mb-6 mb-lg-0 shadow-light-lg lift lift-lg">
-
-              <!-- Image -->
-              <div class="card-img-top">
-                <img src="/assets/img/administration.jpg" alt="administration" class="img-fluid">
-              </div>
-
-              <!-- Shape -->
-              <div class="position-relative">
-                <div class="shape shape-fluid-x shape-bottom svg-shim text-white">
-                  <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                </div>
-              </div>
-
-              <!-- Body -->
-              <div class="card-body">
-
-                <!-- Heading -->
-                <h3 style="color: #f7a325" class="text-center">
-                MIS For Administration
-                </h3>
-                <!-- Text -->
-                <p class="mb-0 text-muted text-center">
-                Our partners will have access to our franchisee MIS platform UDAAN that helps business partners in efficient management of operations including admissions, enquires, stocks among others
-                <br><br></p>
-              </div>
-            </div>
-</div>
-
-          </div>
-
-        </div>
-      </div> <!-- / .row -->
-    </div> <!-- / .container -->
-  </section>
    <!----------------------------------------------------------------------------->
     <section>
     <div class="container">
@@ -287,7 +89,7 @@ All applicants will go through an in-class internship for evaluation that will s
         <div class="col-12">
 
           <!-- Flickity -->
-          <div class="flickity-viewport-visible pt-2 pb-9" data-flickity='{"cellAlign": "left", "imagesLoaded": true, "pageDots": false, "prevNextButtons": false, "contain": true}'>
+          <div class="flickity-viewport-visible pt-2 pb-2" data-flickity='{"cellAlign": "left", "imagesLoaded": true, "pageDots": false, "prevNextButtons": false, "contain": true}'>
 <!--            <div class="col-1">
            </div> -->
 
@@ -299,15 +101,18 @@ All applicants will go through an in-class internship for evaluation that will s
 
 <!-- Body -->
 <div class="card-body" style="background-color: #f7a325">
-
-              <!-- Heading -->
-              <h3 style="color: white" class="text-center">
+			<div class="text-center">
+			<img style="width:90px;" src="/assets/img/international-Affiliations.png" alt="international affiliations" class="img-fluid">
+			</div>
+              <!-- Heading --><div class="mt-4 mb-4">
+              <h3 class="text-center text-white" >
               <b>International Affiliations</b>
-              <hr>
-              </h3>
+</h3></div>
               <!-- Text -->
               <p class="mb-0 text-white text-center">
-              IIMTT is an ISO certified organization with recognitions from International Montessori Council (IMC), USA, International Montessori Society (IMS), USA, Chartered College of Teaching (UK) and London Teacher Training College (UK).
+              IIMTT is an ISO certified organization with recognitions from International Montessori Council (IMC), USA,
+              <span id="dots0">...</span><span id="more0" style="display:none">International Montessori Society (IMS), USA, Chartered College of Teaching (UK) and London Teacher Training College (UK).</span>
+                  <br><a style="color: blue;" onclick="myFunction3(0)" id="myBtn0">View more</a>
               </p>
             </div>
 </div>
@@ -319,15 +124,18 @@ All applicants will go through an in-class internship for evaluation that will s
 
 <!-- Body -->
 <div class="card-body" style="background-color: #f7a325">
-
+<div class="text-center">
+			<img style="width:90px;" src="/assets/img/National-Presence.png" alt="international affiliations" class="img-fluid">
+			</div>
   <!-- Heading -->
   <h3 style="color: white" class="text-center">
-  <b>National Presence International Relevance</b><hr>
+  <b>National Presence International Relevance</b>
   </h3>
   <!-- Text -->
   <p class="mb-0 text-white text-center">
-  IMTT is present across multiple continents and is strongly entrenched as a national brand for quality teacher education.
-  <br><br><br></p>
+  IIMTT is present across multiple continents and is strongly entrenched as a national brand for quality
+  <span id="dots1">...</span><span id="more1" style="display:none"> teacher education.</span>
+                  <br><a style="color: blue;" onclick="myFunction3(1)" id="myBtn1">View more</a></p>
 </div>
 </div>
 </div>
@@ -338,13 +146,16 @@ All applicants will go through an in-class internship for evaluation that will s
 
 <!-- Body -->
 <div class="card-body" style="background-color: #f7a325">
-
+<div class="text-center">
+			<img style="width:90px;" src="/assets/img/Classroom.png" alt="international affiliations" class="img-fluid">
+			</div>
 <!-- Heading -->
-<h3 class="text-center text-white"><b>Classroom Training</b><hr></h3>
+<h3 class="text-center text-white mt-4 mb-4"><b>Classroom Training</b></h3>
 <!-- Text -->
 <p class="mb-0 text-white text-center">
-All applicants will go through an in-class internship for evaluation that will shape them perfectly to become a capable Montessori guide and mentor
-<br><br><br><br></p>
+All applicants will go through an in-class internship for evaluation that will shape them perfectly to become a 
+<span id="dots2">...</span><span id="more2" style="display:none"> capable Montessori guide and mentor</span>
+                  <br><a style="color: blue;" onclick="myFunction3(2)" id="myBtn2">View more</a></p>
 </div>
 </div>
 </div>
@@ -355,15 +166,18 @@ All applicants will go through an in-class internship for evaluation that will s
 
   <!-- Body -->
   <div class="card-body" style="background-color: #f7a325">
-
+<div class="text-center">
+			<img style="width:90px;" src="/assets/img/Audio-Visual.png" alt="international affiliations" class="img-fluid">
+			</div>
                 <!-- Heading -->
-                <h3 class="text-center text-white">
-                <b>Audio Visual Presentation</b><hr>
+                <h3 class="text-center text-white mt-4 mb-4">
+                <b>Audio Visual Presentation</b>
                 </h3>
                 <!-- Text -->
                 <p class="mb-0 text-white text-center">
-                A 220+ hours of AV material on everything related to updated Montessori teaching will be made available to partners so they can train teachers without a hitch
-                <br><br><br></p>
+                A 220+ hours of AV material on everything related to updated Montessori teaching will be made 
+                <span id="dots3">...</span><span id="more3" style="display:none"> available to partners so they can train teachers without a hitch</span>
+                  <br><a style="color: blue;" onclick="myFunction3(3)" id="myBtn3">View more</a></p>
               </div>
 </div>
 </div>
@@ -374,16 +188,18 @@ All applicants will go through an in-class internship for evaluation that will s
 
 <!-- Body -->
 <div class="card-body" style="background-color: #f7a325">
-
+<div class="text-center">
+			<img style="width:90px;" src="/assets/img/Online-Assesment.png" alt="international affiliations" class="img-fluid">
+			</div>
   <!-- Heading -->
-  <h3 class="text-center text-white">
+  <h3 class="text-center text-white mt-4 mb-4">
   <b>Online Assessments</b>
-  <hr>
   </h3>
   <!-- Text -->
   <p class="mb-0 text-white text-center">
-  Every student will have a student portal online that will help them with web and mobile based assessment of concepts learnt in class. 
-  <br><br><br><br></p>
+  Every student will have a student portal online that will help them with web and mobile based assessment of  
+  <span id="dots4">...</span><span id="more4" style="display:none">concepts learnt in class.</span>
+                  <br><a style="color: blue;" onclick="myFunction3(4)" id="myBtn4">View more</a></p>
 </div>
 </div>
 </div>
@@ -392,15 +208,18 @@ All applicants will go through an in-class internship for evaluation that will s
 
               <!-- Body -->
               <div class="card-body" style="background-color: #f7a325">
-
+<div class="text-center">
+			<img style="width:90px;" src="/assets/img/Mis.png" alt="international affiliations" class="img-fluid">
+			</div>
                 <!-- Heading -->
-                <h3 class="text-center text-white">
-                <b>MIS For Administration</b><hr>
+                <h3 class="text-center text-white mt-4 mb-4">
+                <b>MIS For Administration</b>
                 </h3>
                 <!-- Text -->
                 <p class="mb-0 text-white text-center">
-                Our partners will have access to our franchisee MIS platform UDAAN that helps business partners in efficient management of operations including admissions, enquires, stocks among others
-                <br><br></p>
+                Our partners will have access to our franchisee MIS platform UDAAN that helps business partners in
+                <span id="dots5">...</span><span id="more5" style="display:none">efficient management of operations including admissions, enquires, stocks among others</span>
+                  <br><a style="color: blue;" onclick="myFunction3(5)" id="myBtn5">View more</a></p>
               </div>
             </div>
 </div>
@@ -411,6 +230,24 @@ All applicants will go through an in-class internship for evaluation that will s
       </div> <!-- / .row -->
     </div> <!-- / .container -->
   </section>
+  <!---------------------------------------------->
+  <script>
+  function myFunction3(n) {
+  var dots = document.getElementById("dots"+n);
+      var moreText = document.getElementById("more"+n);
+      var btnText = document.getElementById("myBtn"+n);
+console.log(dots);
+      if (dots.style.display === "none") {
+        dots.style.display = "inline";
+        btnText.innerHTML = "Read more";
+        moreText.style.display = "none";
+      } else {
+        dots.style.display = "none";
+        btnText.innerHTML = "Read less";
+        moreText.style.display = "inline";
+      }
+    }
+</script>
   <!----------------------------------------CTA SECTION-------------------------------------------------->
 <!--<section class="mt-6 pt-6 pt-md-8 j overlay overlay-black overlay-80">
     <div class="container pb-6 pb-md-8 border-gray-300">
@@ -455,18 +292,84 @@ All applicants will go through an in-class internship for evaluation that will s
     </div> <!-- / .container --
 </section>
 -->
+  <!----------------------------------------CTA SECTION-------------------------------------------------->
+<section class="pt-2 pt-md-3 j overlay overlay-black overlay-80 pb-3 mt-6 mt-md-10">
+    <div class="container pb-6 pb-md-8">
+        <div class="row align-items-center">
+            <div class="col-12 col-md-12 text-center mb-md-2">
+
+                <!-- Heading -->
+                <h2 style="color: #f7a325;" class="mb-1 font-weight-bold ">
+                    Want to become a part of the global Montessori Brand?
+                </h2>
+
+                <!-- Text -->
+                <p class="font-size-lg text-white mb-6 mb-md-0">
+                    Take a look at our detailed partnership offerings
+                </p>
+
+            </div>
+            <div class="col-12 col-md-8 mb-3 offset-md-2">
+				<div class="alert alert-danger" id="warning" style="display: none;">Fill all the fields!</div>
+                <div class="alert alert-success" id="success" style="display: none;">Thank You! We will contact you soon!</div>
+                <!-- Form -->
+                <form class="" role="form" method="post">
+                    <div class="form-group mb-5">
+                        <!-- Input -->
+                        <input type="text" aria-required="true" name="widget-contact-form-name" required
+					class="form-control required name" id="name1" placeholder="Enter your Name">
+                    </div>
+                    <div class="form-group mb-5">
+                        <!-- Input -->
+                        <input class="form-control" id="phn" type="number" name="telephone"
+								placeholder="Enter your Contact number" required>
+                    </div>
+                    <div class="form-group mb-5">
+                        <!-- Input -->
+                        <input type="email" id="email" aria-required="true" name="widget-contact-form-email"
+								required class="form-control required email" placeholder="Enter your Email">
+							<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
+                    </div>
+                    <div class="form-group">
+							<input type="text" class="form-control" id="addr" name="address"
+								placeholder="Enter your Full Address" required>
+					</div>
+<!--                     <div class="row">
+						<div class="form-group col-md-12">
+							<select id="req" class="form-control" name="gender" required>
+								<option value="">In which field you are interested in?</option>
+								<option value="Montessori Training">Montessori Training</option>
+								<option value="Partnership with IIMTT">Partnership with IIMTT</option>
+								<option value="Preschool setup for High School">Preschool setup for High School</option>
+								<option value="Others">Others</option>
+							</select>
+						</div>
+					</div> -->
+                    
+<!--                     <div class="form-group">
+                
+                        <textarea type="text" name="widget-contact-form-message" required rows="3"
+							class="form-control required" id="message" placeholder="Enter your Message"></textarea>
+                
+                    </div>  -->
+                    <div class="form-group mb-0">
+                        <button style="background-color: #f7a325;" class="btn btn-sm btn-block lift text-white" type="button" onclick="submitForm()">&nbsp;Send message</button>
+                    </div>
+                </form>
+            </div>
+        </div> <!-- / .row -->
+    </div> <!-- / .container -->
+</section>
+<!----------------------------------------------------------------------->
+  <section><br></section>
 <!----------------------------------------CTA SECTION-------------------------------------------------->
-<section class="pt-6 pt-md-8 j overlay overlay-black overlay-80 pb-3">
+<!-- <section class="pt-6 pt-md-8 j overlay overlay-black overlay-80 pb-3">
     <div class="container pb-6 pb-md-8">
         <div class="row align-items-center">
             <div class="col-12 col-md">
-
-                <!-- Heading -->
                 <h3 style="color: #f7a325;" class="mb-1 font-weight-bold">
                     Want to become a part of the global Montessori Brand?
                 </h3>
-
-                <!-- Text -->
                 <p class="font-size-lg text-white mb-6 mb-md-0">
                     Take a look at our detailed partnership offerings
                 </p>
@@ -476,12 +379,12 @@ All applicants will go through an in-class internship for evaluation that will s
 
                  <div>
 
-    <p id="thankMsg" style="display: none;color: #f7a325;font-size:14px;">Thank you! Please check your email for the brochure.</p>
+<p id="thankMsg" style="display: none;color: #f7a325;font-size:14px;">Thank you! Please check your email for the brochure.</p>
     <form action="#" role="form" method="post" novalidate="novalidate">
         <div class="input-group">
-            <input aria-required="true" name="email" class="form-control" placeholder="Email" type="email" id="emailFooter">
+            <input aria-required="true" name="email" class="form-control" placeholder="Email" type="email" id="emailFooter"> -->
             <!--<input aria-required="true" class="form-control" id="phnFooter" type="number" name="telephone" placeholder="Phone" required>-->
-            <span class="input-group-btn">
+<!--             <span class="input-group-btn">
                 <button id="widget-subscribe-submit-button dBtn" type="button" onclick="downloadBrFooter();" class="btn bt"><i class="fe fe-download"></i>Brochure</button>
             </span>
         </div>
@@ -490,9 +393,9 @@ All applicants will go through an in-class internship for evaluation that will s
 </div>
 
             </div>
-        </div> <!-- / .row -->
-    </div> <!-- / .container -->
-</section>
+        </div>
+    </div> 
+</section> -->
 <!----------------------------------------------------------------------->
  <!-- CASE STUDIES (CAROUSEL) -->
  <section>
@@ -503,8 +406,8 @@ All applicants will go through an in-class internship for evaluation that will s
 
           <!-- Flickity -->
           <div class="flickity-viewport-visible pt-2 pb-9" data-flickity='{"cellAlign": "left", "imagesLoaded": true, "pageDots": false, "prevNextButtons": false, "contain": true}'>
-           <div class="col-2">
-           </div>
+<!--            <div class="col-2">
+           </div> -->
 
 
            <div class="col-12 col-md-5 col-lg-5">
@@ -513,13 +416,13 @@ All applicants will go through an in-class internship for evaluation that will s
 <!-- Body -->
 <div class="card-body mt-auto">
   <!-- Heading -->
-  <h3 style="color: #f7a325" class="text-center">
-    London UK
-  </h3>
-  <!-- Text -->
+  <h2 style="color: #f7a325" class="text-center">
+    United Kingdom
+  </h2>
+<!--   
   <p class="mb-0 text-white text-center">
   Kemp House 160 City Road, London, Ec1v2nx<br><br>
-  </p>
+  </p> -->
 </div>
 </div>
 </div>
@@ -530,13 +433,13 @@ All applicants will go through an in-class internship for evaluation that will s
 <!-- Body -->
 <div class="card-body mt-auto">
  <!-- Heading -->
- <h3 style="color: #f7a325" class="text-center">
-                  Hanoi Vietnam
-                </h3>
+ <h2 style="color: #f7a325" class="text-center">
+                  Vietnam
+                </h2>
                 <!-- Text -->
-                <p class="mb-0 text-white text-center">
+<!--                 <p class="mb-0 text-white text-center">
                 Cổ Nhuế 1, Từ Liêm, Hanoi, Vietnam<br><br><br>
-                </p>
+                </p> -->
 </div>
 </div>
 </div>
@@ -547,13 +450,13 @@ All applicants will go through an in-class internship for evaluation that will s
 <!-- Body -->
 <div class="card-body mt-auto">
   <!-- Heading -->
-  <h3 style="color: #f7a325" class="text-center">
-                  Nairobi Kenya
-                </h3>
+  <h2 style="color: #f7a325" class="text-center">
+                  Kenya
+                </h2>
                 <!-- Text -->
-                <p class="mb-0 text-white text-center">
+<!--                 <p class="mb-0 text-white text-center">
                 Eldama Ravine Cl, Nairobi, Kenya<br><br><br>
-                </p>
+                </p> -->
 </div>
 </div>
 </div>
@@ -564,34 +467,31 @@ All applicants will go through an in-class internship for evaluation that will s
 <!-- Body -->
 <div class="card-body mt-auto">
   <!-- Heading -->
-  <h3 style="color: #f7a325" class="text-center">
-  Bengaluru India
-</h3>
+  <h2 style="color: #f7a325" class="text-center">
+  India
+</h2>
 <!-- Text -->
-<p class="mb-0 text-white text-center">
+<!-- <p class="mb-0 text-white text-center">
 Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnataka 560067
-</p>
+</p> -->
 </div>
 </div>
 </div>
-
+<!-- 
 <div class="col-12 col-md-5 col-lg-5">
-           <!-- Card -->
            <div class="card mb-6 mb-lg-0 pt-4 overlay overlay-black overlay-60 bg-cover shadow-light-lg lift lift-lg" style="background-image: url(assets/img/india.jpg);">
-<!-- Body -->
+
 <div class="card-body mt-auto">
-  <!-- Heading -->
   <h3 style="color: #f7a325" class="text-center">
   Kolkata India
                 </h3>
-                <!-- Text -->
                 <p class="mb-0 text-white text-center">
                 DE-2/B, Raghunathpur, Baguiati, Kolkata, West Bengal 700059<br><br>
                 </p>
 </div>
 </div>
 </div>
-
+ -->
           </div>
 
         </div>
@@ -609,25 +509,25 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
 <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
   <div class="carousel-inner">
     <div class="carousel-item active text-center">
-      <img class="e" style="margin-top: 30%;" class="d-block w-100" src="/assets/img/iso-logo.png" alt="First slide">
+      <img class="e mt-0 mt-md-8" class="d-block w-100" src="/assets/img/iso-logo.png" alt="First slide">
     </div>
     <div class="carousel-item text-center">
-      <img class="e1" style="margin-top: 30%;" class="d-block w-100" src="/assets/img/cct-logo.svg" alt="Second slide">
+      <img class="e mt-0 mt-md-8" class="d-block w-100" src="/assets/img/Chartered College of Teaching.png" alt="Second slide">
     </div>
     <div class="carousel-item text-center">
-      <img class="e1" style="margin-top: 40%;" class="d-block w-100" src="/assets/img/imc-logo.png" alt="Third slide">
+      <img class="e mt-0 mt-md-8" class="d-block w-100" src="/assets/img/IMC.png" alt="Third slide">
     </div>
     <div class="carousel-item text-center">
-      <img class="e" style="margin-top: 30%;" class="d-block w-100" src="/assets/img/ims-logo.png" alt="Third slide">
+      <img class="e mt-0 mt-md-8" class="d-block w-100" src="/assets/img/ims-logo.png" alt="Third slide">
     </div>
     <div class="carousel-item text-center">
-      <img class="e" style="margin-top: 30%;" class="d-block w-100" src="/assets/img/LLT-logo.png" alt="Third slide">
+      <img class="e mt-0 mt-md-8" class="d-block w-100" src="/assets/img/LLT-logo.png" alt="Third slide">
     </div>
     <div class="carousel-item text-center">
-      <img class="e" style="margin-top: 30%;" class="d-block w-100" src="/assets/img/ofqual-logo.png" alt="Third slide">
+      <img class="e mt-0 mt-md-8" class="d-block w-100" src="/assets/img/ofqual-logo.png" alt="Third slide">
     </div>
     <div class="carousel-item text-center">
-      <img class="e" style="margin-top: 30%;" class="d-block w-100" src="/assets/img/cpd.png" alt="Third slide">
+      <img class="e mt-0 mt-md-8" class="d-block w-100" src="/assets/img/cpd.png" alt="Third slide">
     </div>
   </div>
   <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
@@ -640,7 +540,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
   </a>
 </div>
 </div>
-<div class="col-12 col-md-9">
+<div class="col-12 col-md-9 mt-5 mt-md-0">
 
 
             <!-- Card -->
@@ -1124,7 +1024,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                
                  </div>
             <div class="col-lg-6 order-1 scale-2">
-                <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/modules.webp" alt="Modules">
+                <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/Training-module-online.jpg" alt="Modules">
             </div>
         </div>
         <div class="row align-items-center justify-content-center justify-content-lg-between pb-5 pb-lg-0">
@@ -1134,13 +1034,155 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
               <p style="line-height:1.8;" class="text-muted">We guide you every step of the way administratively, academically and through marketing support to start the first batch in the first 3 months.</p>
                 </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
-                <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/guidance.webp" alt="Guidance">
+                <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/step-by-step-guidance.jpg" alt="Guidance">
             </div>
         </div>
     </div>
 </section>
 <!----------------------------------------------------------------------->
 <br><br>
+  <script type="text/javascript">
+	var option = null;
+	var name = null;
+	var addr = null;
+	var phn = null;
+	var subject = null;
+	var email = null;
+	var message = null;
+	var warning = document.getElementById('warning');
+	var success = document.getElementById('success');
+	var emailError = document.getElementById('emailError');
+	var req = document.getElementById("req");
+	function setOptions(s) {
+		// console.log(s[s.selectedIndex].value); // get value
+		option = s[s.selectedIndex].value;
+		// console.log(s[s.selectedIndex].id); // get id
+	}
+	function submitForm() {
+		name = document.getElementById("name1").value;
+		phn = document.getElementById("phn").value;
+		addr = document.getElementById("addr").value;
+		email = document.getElementById("email").value;
+		message = document.getElementById("message").value;
+		success.style.display = "none";
+		subject = req.options[req.selectedIndex].value;
+		 console.log(name+phn+addr+email+message+subject);
+		if (name == '' || addr == '' || phn == '' || email == '' || message == '' || subject == '') {
+			warning.style.display = "block";
+		} else {
+			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
+
+			if (reg.test(email) == false) {
+				emailError.style.display = "block";
+			} else {
+				emailError.style.display = "none";
+				warning.style.display = "none";
+				let formData = new FormData();
+				formData.append('formName', 'IIMTT-Contact-Form');
+            	formData.append('business_type', 'iimtt');
+				formData.append('Name', name);
+				formData.append('Email', email);
+				formData.append('Phone', phn);
+            	formData.append('Field', subject);
+				formData.append('Address', addr);
+				formData.append('MessageDetails', message + " Field:" + subject);
+				fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
+					method: 'POST',
+					body: formData
+				})
+					.then(res => res.json())
+					.then(json => {
+						// console.log(json);
+						// sendMail("enquiry@atheneumglobal.education");
+						sendMail("teenybeans.info@gmail.com");
+						sendMail("enquiry@beanstalkedu.com");
+						// sendMail("chatterjeegouravking@gmail.com");
+						sendWelcomeMail(email);
+						success.style.display = "block";
+						document.getElementById("name1").value = "";
+						document.getElementById("phn").value = "";
+						document.getElementById("addr").value = "";
+						document.getElementById("email").value = "";
+						document.getElementById("message").value = "";
+
+						// window.location.href = "contact-back";
+					}
+					);
+			}
+
+		}
+		// if(name)
+	}
+
+	function sendMail(sendEmail) {
+		// ---------Mail sent-----------------
+
+		let formData = new FormData();
+		formData.append("sendMail", "true");
+		formData.append("reciever", sendEmail);
+		formData.append("sender", "IIMTT");
+		formData.append("senderMail", "enquiry@iimtt.org");
+		formData.append("subject", "New Contact Form Fillup");
+		formData.append(
+			"message",
+			"<html><body><p>New IIMTT Contact Page form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
+			name +
+			"</td></tr><tr><th>Email:- </th><td>:- " +
+			email +
+			"</td></tr><tr><th>Phone:- </th><td>:- " +
+			phn +
+        	"</td></tr><tr><th>Address:- </th><td>:- " +
+			addr +
+			"</td></tr><tr><th>Service:- </th><td>:- " +
+        	subject +
+			"</td></tr><tr><th>Message:- </th><td>:- " +
+			message +
+			"</td></tr></table></body></html>"
+		);
+		fetch("https://mailapi.teenybeans.in/", {
+			method: "POST",
+			body: formData
+		})
+			.then(function (response) {
+				response.json().then(function (data) {
+					// console.log(data);
+				});
+			})
+			.catch(function (err) {
+				console.log("Fetch Error :-S", err);
+			});
+	}
+	function sendWelcomeMail(sendEmail) {
+		// ---------Mail sent-----------------
+		console.log(sendEmail);
+		let formData = new FormData();
+		formData.append("sendMail", "true");
+		formData.append("reciever", sendEmail);
+		formData.append("sender", "IIMTT");
+		formData.append("senderMail", "enquiry@iimtt.org");
+		formData.append("subject", "Welcome to IIMTT");
+		formData.append(
+			"message",
+			"<html><body><p>Welcome " +
+			name +
+			" to IIMTT.<br>Thank you for contacting us. <br> We will get back to you shortly. In the meanwhile please do check out our website for more information. click <a href='https://iimtt.org'>here</a><br>Thank you<br>-Team IIMTT. </p></body></html>"
+		);
+		fetch("https://mailapi.teenybeans.in/", {
+			method: "POST",
+			body: formData
+		})
+			.then(function (response) {
+				response.json().then(function (data) {
+					console.log(data);
+				});
+			})
+			.catch(function (err) {
+				console.log("Fetch Error :-S", err);
+			});
+	}
+
+</script>
+
 <!------------------------------------------------------brochure form--------------------------------------------------------->
 <script type="text/javascript">
     function downloadBrFooter() {