fix-countdown,brochure link

2023-03-10 12:54:55 +00:00
parent a40b8c2313
commit 3ab005c576
4 changed files with 217 additions and 28 deletions
--- a/baguiati/advance-diploma-montessori-teacher-training.html
+++ b/baguiati/advance-diploma-montessori-teacher-training.html
@@ -55,7 +55,7 @@
         }
         @media (min-width: 1160px) {
         .widthSidebar {
-         width:260px
+         width:280px
         }
         }
      </style>
@@ -136,6 +136,36 @@
      <!-- SHAPE -->
      <!---------------------------------------------------course summary  --------------------------------------->
      <section data-jarallax data-speed=".8" class="pb-4">
+      <script>
+// Set the date we're counting down to
+var countDownDate = new Date("Jan 5, 2025 00:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+  // Get today's date and time
+  var now = new Date().getTime();
+    
+  // Find the distance between now and the count down date
+  var distance = countDownDate - now;
+    
+  // Time calculations for days, hours, minutes and seconds
+  // var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+    
+  // Output the result in an element with id="demo"
+  document.getElementById("demo").innerHTML ="<div style='display:flex'><div style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>00</div>"+"<span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>"+ hours.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span><span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>"
+  + minutes.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span><span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>" + seconds.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span>";
+    
+  // If the count down is over, write some text 
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "EXPIRED";
+  }
+}, 1000);
+</script>
         <div class="container">
            <div class="row">
               <div class="col-12 col-md-12 col-lg-9">
@@ -167,7 +197,7 @@
                           <span style="color: #00b1c1" class="fe fe-chevron-down"></span>
                        </div>
                        <div class="card-body">
-                           <p>The course has a duration of 15 months.</p>
+                           <p>The course has a duration of 12 months.</p>
                        </div>
                     </div>
                  <div class="card">
@@ -203,8 +233,16 @@
                  </script>
               </div>
               <div class="col-12 col-md-12 col-lg-3">
-                  <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-2 widthSidebar">
-                     <h3 style="font-weight:bold" class="text-right display-5">Rs. 39000</h3>
+                  <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-5 widthSidebar">
+                  <div style="color:#F7A325">OFFER VALID FOR </div>
+                  <div style="display:flex;justify-content:space-between;" class="mt-1">
+                        <div><small style="font-size:10px"><p id="demo"></p></small></div>
+                        <h3 style="font-weight:bold;" class="text-right display-5 sblue">Rs. 29000</h3>
+                     </div>
+                   <div style="display:flex;justify-content:space-between;margin-top:-10px">
+                        <div><small style="font-size:10px">*T & C Applied</small></div>
+                        <s><h3 style="font-weight:bold;" class="text-right display-5">Rs. 39000</h3></s>
+                     </div>
                     <div style="display:flex;justify-content:space-between;" class="mt-1">
                        <div><span class="fe fe-book sblue pr-1"></span>Course Level</div>
                        <div>Advance</div>
@@ -239,9 +277,9 @@
                     </p>
                     <div style="display:flex">
                       <button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter1">Book a Seat</button>
-<!--                         <a href="#">
-                           <div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
-                        </a> -->
+                        <div class="ml-auto mt-1"><a href="https://drive.google.com/file/d/12a8y77UJyLNJiUvw3yt5X77g_CmIvjm-/view?usp=share_link" target='_blank'>
+                           <div style="font-size:12px;text-decoration:underline;color:black">View fee breakup</div>
+                        </a></div>
                     </div>
                  </div>
               </div>
--- a/baguiati/diploma-montessori-teacher-training.html
+++ b/baguiati/diploma-montessori-teacher-training.html
@@ -55,7 +55,7 @@
         }
         @media (min-width: 1160px) {
         .widthSidebar {
-         width:260px
+         width:280px
         }
         }
      </style>
@@ -202,9 +202,47 @@
                     
                  </script>
               </div>
-               <div class="col-12 col-md-12 col-lg-3">
-                  <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-2 widthSidebar">
-                     <h3 style="font-weight:bold" class="text-right display-5">Rs. 30000</h3>
+        <div class="col-12 col-md-12 col-lg-3">
+             <script>
+// Set the date we're counting down to
+var countDownDate = new Date("Jan 5, 2025 00:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+  // Get today's date and time
+  var now = new Date().getTime();
+    
+  // Find the distance between now and the count down date
+  var distance = countDownDate - now;
+    
+  // Time calculations for days, hours, minutes and seconds
+  // var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+    
+  // Output the result in an element with id="demo"
+  document.getElementById("demo").innerHTML ="<div style='display:flex'><div style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>00</div>"+"<span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>"+ hours.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span><span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>"
+  + minutes.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span><span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>" + seconds.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span>";
+    
+  // If the count down is over, write some text 
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "EXPIRED";
+  }
+}, 1000);
+</script>
+                  <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-5 widthSidebar">
+                  <div style="color:#F7A325">OFFER VALID FOR </div>
+                  <div style="display:flex;justify-content:space-between;" class="mt-1">
+                        <div><small style="font-size:10px"><p id="demo"></p></small></div>
+                        <h3 style="font-weight:bold;" class="text-right display-5 sblue">Rs. 25000</h3>
+                     </div>
+                   <div style="display:flex;justify-content:space-between;margin-top:-10px">
+                        <div><small style="font-size:10px">*T & C Applied</small></div>
+                        <s><h3 style="font-weight:bold;" class="text-right display-5">Rs. 30000</h3></s>
+                     </div>
                     <div style="display:flex;justify-content:space-between;" class="mt-1">
                        <div><span class="fe fe-book sblue pr-1"></span>Course Level</div>
                        <div>Beginner</div>
@@ -238,16 +276,16 @@
                        <clip/>
                     </p>
                     <div style="display:flex">
-                        <button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter">Book a Seat</button>
-<!--                         <a href="#">
-                           <div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
-                        </a> -->
+                       <button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter">Book a Seat</button>
+                        <div class="ml-auto mt-1"><a href="https://drive.google.com/file/d/1sSfK5KgvPo2eGKQ_TfZr6Z0124ihTmmj/view?usp=share_link" target='_blank'>
+                           <div style="font-size:12px;text-decoration:underline;color:black">View fee breakup</div>
+                        </a></div>
                     </div>
                  </div>
-               </div>
            </div>
            <!-- / .row -->
         </div>
+      </div>
         <!-- / .container -->
      </section>
     <!---------------------------------------------- payment form ------------------------------->
--- a/newtown/advance-diploma-montessori-teacher-training.html
+++ b/newtown/advance-diploma-montessori-teacher-training.html
@@ -55,7 +55,7 @@
         }
         @media (min-width: 1160px) {
         .widthSidebar {
-         width:260px
+         width:280px
         }
         }
      </style>
@@ -204,7 +204,7 @@
                  </script>
               </div>
               <div class="col-12 col-md-12 col-lg-3">
-                  <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-2 widthSidebar">
+<!--                   <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-2 widthSidebar">
                  <div style="display:flex;justify-content:space-between;" class="mt-1">
                        <div>Total Fee</div>
                        <div>Rs. 39000</div>
@@ -245,7 +245,86 @@
                       <button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter1">Book a Seat</button>
 <!--                         <a href="#">
                           <div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
-                        </a> -->
+                        </a> 
+                     </div>
+                  </div> -->
+               <script>
+// Set the date we're counting down to
+var countDownDate = new Date("Jan 5, 2025 00:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+  // Get today's date and time
+  var now = new Date().getTime();
+    
+  // Find the distance between now and the count down date
+  var distance = countDownDate - now;
+    
+  // Time calculations for days, hours, minutes and seconds
+  // var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+    
+  // Output the result in an element with id="demo"
+  document.getElementById("demo").innerHTML ="<div style='display:flex'><div style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>00</div>"+"<span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>"+ hours.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span><span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>"
+  + minutes.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span><span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>" + seconds.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span>";
+    
+  // If the count down is over, write some text 
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "EXPIRED";
+  }
+}, 1000);
+</script>
+                  <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-5 widthSidebar">
+                  <div style="color:#F7A325">OFFER VALID FOR </div>
+                  <div style="display:flex;justify-content:space-between;" class="mt-1">
+                        <div><small style="font-size:10px"><p id="demo"></p></small></div>
+                        <h3 style="font-weight:bold;" class="text-right display-5 sblue">Rs. 29000</h3>
+                     </div>
+                   <div style="display:flex;justify-content:space-between;margin-top:-10px">
+                        <div><small style="font-size:10px">*T & C Applied</small></div>
+                        <s><h3 style="font-weight:bold;" class="text-right display-5">Rs. 39000</h3></s>
+                     </div>
+                     <div style="display:flex;justify-content:space-between;" class="mt-1">
+                        <div><span class="fe fe-book sblue pr-1"></span>Course Level</div>
+                        <div>Advance</div>
+                     </div>
+                     <div style="display:flex;justify-content:space-between;" class="mt-1">
+                        <div><span class="fe fe-edit sblue pr-1"></span>Pass Percentage</div>
+                        <div>40%</div>
+                     </div>
+                     <div style="display:flex;justify-content:space-between;" class="mt-1">
+                        <div><span class="fe fe-credit-card sblue pr-1"></span>Certificate</div>
+                        <div>Yes</div>
+                     </div>
+                     <div style="display:flex;justify-content:space-between;" class="mt-1">
+                        <div><span class="fe fe-globe sblue pr-1"></span>Language</div>
+                        <div>English</div>
+                     </div>
+                     <div style="display:flex;justify-content:space-between;" class="mt-1">
+                        <div><span class="fe fe-clock sblue pr-1"></span>Course Duration</div>
+                        <div>12 Months</div>
+                     </div>
+                     <div class="mt-2">Secure Payment:</div>
+                     <img src="/assets/img/payment.png" alt="graduate diploma mentessori" class="card-img-top">
+                     <div class="mt-2">Share this Course:</div>
+                     <div style="display:flex;font-size:24px;">
+                        <a href='http://www.twitter.com/share?url=http://iimtt.org/' target='_blank'><span class="fe fe-twitter sblue pr-3"/></a>
+                        <a href='https://www.facebook.com/sharer/sharer.php?u=iimtt.org' target='_blank'><span class="fe fe-facebook sblue pr-3"/></a>
+                        <a href='https://www.linkedin.com/sharing/share-offsite/?url=iimtt.org' target='_blank'><span class="fe fe-linkedin sblue pr-3"/></a>
+                        <a class="clipboard"><span class="fe fe-link sblue pr-3"/></a>
+                     </div>
+                     <p>
+                        <clip/>
+                     </p>
+                     <div style="display:flex">
+                       <button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter1">Book a Seat</button>
+                        <div class="ml-auto mt-1"><a href="https://drive.google.com/file/d/1E7NIb1lPx_8t5VeGhYVEnVUIcsyZ4NmP/view?usp=share_link" target='_blank'>
+                           <div style="font-size:12px;text-decoration:underline;color:black">View fee breakup</div>
+                        </a></div>
                     </div>
                  </div>
               </div>
--- a/newtown/diploma-montessori-teacher-training.html
+++ b/newtown/diploma-montessori-teacher-training.html
@@ -55,7 +55,7 @@
         }
         @media (min-width: 1160px) {
         .widthSidebar {
-         width:260px
+         width:280px
         }
         }
      </style>
@@ -206,11 +206,45 @@
                  </script>
               </div>
               <div class="col-12 col-md-12 col-lg-3">
-                  <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-2 widthSidebar">
-<!--                      <h3 style="font-weight:bold" class="text-right display-5">Rs. 30000</h3> -->
+               <script>
+// Set the date we're counting down to
+var countDownDate = new Date("Jan 5, 2025 00:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+  // Get today's date and time
+  var now = new Date().getTime();
+    
+  // Find the distance between now and the count down date
+  var distance = countDownDate - now;
+    
+  // Time calculations for days, hours, minutes and seconds
+  // var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+    
+  // Output the result in an element with id="demo"
+  document.getElementById("demo").innerHTML ="<div style='display:flex'><div style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>00</div>"+"<span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>"+ hours.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span><span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>"
+  + minutes.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span><span style='color:#F7A325;font-size:16px'>:</span><span style='background-color:#F7A325;color:white;font-size:16px;width:27px;text-align:center;border-radius:5px' class='p-1'>" + seconds.toLocaleString(undefined,{minimumIntegerDigits: 2}) + "</span>";
+    
+  // If the count down is over, write some text 
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "EXPIRED";
+  }
+}, 1000);
+</script>
+                  <div style="background-color:rgb(248, 248, 248);border-radius:6px;" class="p-5 widthSidebar">
+                  <div style="color:#F7A325">OFFER VALID FOR </div>
                  <div style="display:flex;justify-content:space-between;" class="mt-1">
-                        <div>Total Fee</div>
-                        <div>Rs. 30000</div>
+                        <div><small style="font-size:10px"><p id="demo"></p></small></div>
+                        <h3 style="font-weight:bold;" class="text-right display-5 sblue">Rs. 25000</h3>
+                     </div>
+                   <div style="display:flex;justify-content:space-between;margin-top:-10px">
+                        <div><small style="font-size:10px">*T & C Applied</small></div>
+                        <s><h3 style="font-weight:bold;" class="text-right display-5">Rs. 30000</h3></s>
                     </div>
                     <div style="display:flex;justify-content:space-between;" class="mt-1">
                        <div><span class="fe fe-book sblue pr-1"></span>Course Level</div>
@@ -245,10 +279,10 @@
                        <clip/>
                     </p>
                     <div style="display:flex">
-                        <button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter">Book a Seat</button>
-<!--                         <a href="#">
-                           <div style="border:2px solid #f7a325;color:black;border-radius:6px;padding:4px 4px">Add to Cart</div>
-                        </a> -->
+                       <button style="background-color: #f7a325" class="btn btn-xs mr-3" type="button" data-toggle="modal" data-target="#exampleModalCenter">Book a Seat</button>
+                        <div class="ml-auto mt-1"><a href="https://drive.google.com/file/d/1m6kduSpJtQiTYMM-LNGI7KakM0o880G7/view?usp=share_link" target='_blank'>
+                           <div style="font-size:12px;text-decoration:underline;color:black">View fee breakup</div>
+                        </a></div>
                     </div>
                  </div>
               </div>