BF changes4

docs/4.0/bootstrap-components/alerts/index.html

@@ -1281,6 +1281,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/badge/index.html

@@ -1270,6 +1270,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/breadcrumb/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/button-group/index.html

@@ -1273,6 +1273,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/buttons/index.html

@@ -1287,6 +1287,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/card/index.html

@@ -1450,6 +1450,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/carousel/index.html

@@ -1298,6 +1298,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/collapse/index.html

@@ -1304,6 +1304,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/dropdowns/index.html

@@ -1315,6 +1315,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/forms/index.html

@@ -1346,6 +1346,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/input-group/index.html

@@ -1275,6 +1275,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/jumbotron/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/list-group/index.html

@@ -1298,6 +1298,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/modal/index.html

@@ -1347,6 +1347,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/navbar/index.html

@@ -1282,6 +1282,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/navs/index.html

@@ -1294,6 +1294,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/pagination/index.html

@@ -1265,6 +1265,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/popovers/index.html

@@ -1298,6 +1298,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/progress/index.html

@@ -1267,6 +1267,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/scrollspy/index.html

@@ -1320,6 +1320,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/bootstrap-components/tooltips/index.html

@@ -1295,6 +1295,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/browser-bugs/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/content/code/index.html

@@ -1265,6 +1265,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/content/figures/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/content/images/index.html

@@ -1309,6 +1309,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/content/reboot/index.html

@@ -1285,6 +1285,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/content/tables/index.html

@@ -1286,6 +1286,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/content/typography/index.html

@@ -1285,6 +1285,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/examples/index.html

@@ -142,6 +142,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/extend/approach/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/extend/icons/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/extend/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/accessibility/index.html

@@ -1269,6 +1269,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/best-practices/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/browsers-devices/index.html

@@ -1285,6 +1285,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/build-tools/index.html

@@ -1265,6 +1265,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/contents/index.html

@@ -1264,6 +1264,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/download/index.html

@@ -1268,6 +1268,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/introduction/index.html

@@ -1275,6 +1275,20 @@
                   class="btn btn-outline-danger mt-3">CLAIM OFFER NOW</a>
                 </strong></div>
           </div>
+          <div class="col-12 text-center">
+            <div class="alert alert-dark" role="alert">
+              <p class="font-weight-bold">90% OFF for BLACK WEEK</p>
+              <hr>
+              <p>UI KIT's, Templates, Plugins, Premium components for Bootstrap, Angular React &amp; Vue - including the latest 🔥 Bootstrap 5 version!</p>
+              <strong>Hurry up! All offers are LIMITED</strong><br>
+
+                <span class="font-weight-bold text-poppy-red" id="time-counter"></span><br>
+                <strong>
+
+                <a type="button" href="https://mdbootstrap.com/sale/"
+                  class="btn btn-outline-danger mt-3">CLAIM OFFER NOW</a>
+              </strong></div>
+          </div>
 
           <script>
             // Ad counter
@@ -1318,6 +1332,8 @@
           </script>
 
         
+         
+          
         </div>
 
           <h2 id="quick-start">Quick start</h2>

docs/4.0/getting-started/javascript/index.html

@@ -1291,6 +1291,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/theming/index.html

@@ -1298,6 +1298,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/getting-started/webpack/index.html

@@ -1268,6 +1268,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/layout/grid/index.html

@@ -1311,6 +1311,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/layout/media-object/index.html

@@ -1311,6 +1311,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/layout/overview/index.html

@@ -1263,6 +1263,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/layout/utilities-for-layout/index.html

@@ -1264,6 +1264,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/buttons/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/collapse-inline/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/drawers/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/extensions/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/forms/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/labels/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/list-groups/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/menus/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/navs/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/selections/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/material-design/snackbars/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/migration/index.html

@@ -1318,6 +1318,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/borders/index.html

@@ -1268,6 +1268,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/clearfix/index.html

@@ -1260,6 +1260,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/close-icon/index.html

@@ -1260,6 +1260,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/colors/index.html

@@ -1270,6 +1270,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/display/index.html

@@ -1265,6 +1265,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/embed/index.html

@@ -1263,6 +1263,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/flex/index.html

@@ -1274,6 +1274,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/float/index.html

@@ -1264,6 +1264,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/image-replacement/index.html

@@ -1261,6 +1261,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/position/index.html

@@ -1258,6 +1258,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/screenreaders/index.html

@@ -1260,6 +1260,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/sizing/index.html

@@ -1260,6 +1260,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/spacing/index.html

@@ -1267,6 +1267,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/text/index.html

@@ -1264,6 +1264,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/vertical-align/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

docs/4.0/utilities/visibility/index.html

@@ -1255,6 +1255,47 @@
               </strong></div>
           </div>
 
+          <script>
+            // Ad counter
+              // Set the date we're counting down to
+              var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+              var counterElement = document.getElementById("time-counter");
+          
+              // Update the count down every 1 second
+              function startCounter(){
+          
+              //wrapped in an if to prevent console errors if the element isn't found on the page
+              if(counterElement==null){
+                  return
+              }else {
+              var x = setInterval(
+                
+                function () {     
+                  
+                    // Get todays date and time
+                    var now = new Date().getTime();
+          
+                    // Find the distance between now an the count down date
+                    var distance = countDownDate - now;
+          
+                    // Time calculations for days, hours, minutes and seconds
+                    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);
+                    // Display the result in the element with id="demo"
+                    counterElement.innerHTML = hours + "h " +
+                      minutes + "m " + seconds + "s";
+                    // If the count down is finished, write some text
+                    if (distance < 0) {
+                      clearInterval(x);
+                      document.getElementById("time-counter").innerHTML =
+                        '<p class="h3 grey-text">Sale ended :(</p>';
+                        }  
+              }, 1000);
+              }}
+              startCounter();
+          </script>
+         
           
         </div>
 

index.html

@@ -195,6 +195,61 @@
                 class="btn btn-outline-danger mt-3">CLAIM OFFER NOW</a>
               </strong></div>
         </div>
+        <div class="col-12 text-center">
+          <div class="alert alert-dark" role="alert">
+            <p class="font-weight-bold">90% OFF for BLACK WEEK</p>
+            <hr>
+            <p>UI KIT's, Templates, Plugins, Premium components for Bootstrap, Angular React &amp; Vue - including the latest 🔥 Bootstrap 5 version!</p>
+            <strong>Hurry up! All offers are LIMITED</strong><br>
+
+              <span class="font-weight-bold text-poppy-red" id="time-counter"></span><br>
+              <strong>
+
+              <a type="button" href="https://mdbootstrap.com/sale/"
+                class="btn btn-outline-danger mt-3">CLAIM OFFER NOW</a>
+            </strong></div>
+        </div>
+
+        <script>
+          // Ad counter
+            // Set the date we're counting down to
+            var countDownDate = new Date(Date.UTC(2020, 11, 12, 12, 00, 00));
+            var counterElement = document.getElementById("time-counter");
+        
+            // Update the count down every 1 second
+            function startCounter(){
+        
+            //wrapped in an if to prevent console errors if the element isn't found on the page
+            if(counterElement==null){
+                return
+            }else {
+            var x = setInterval(
+              
+              function () {     
+                
+                  // Get todays date and time
+                  var now = new Date().getTime();
+        
+                  // Find the distance between now an the count down date
+                  var distance = countDownDate - now;
+        
+                  // Time calculations for days, hours, minutes and seconds
+                  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);
+                  // Display the result in the element with id="demo"
+                  counterElement.innerHTML = hours + "h " +
+                    minutes + "m " + seconds + "s";
+                  // If the count down is finished, write some text
+                  if (distance < 0) {
+                    clearInterval(x);
+                    document.getElementById("time-counter").innerHTML =
+                      '<p class="h3 grey-text">Sale ended :(</p>';
+                      }  
+            }, 1000);
+            }}
+            startCounter();
+        </script>
       </div>
 
     </div>