diff --git a/docs/4.0/bootstrap-components/alerts/index.html b/docs/4.0/bootstrap-components/alerts/index.html
index a91e1a95..1bfd4911 100644
--- a/docs/4.0/bootstrap-components/alerts/index.html
+++ b/docs/4.0/bootstrap-components/alerts/index.html
@@ -1266,7 +1266,7 @@
           <h1 class="bd-title" id="content">Alerts</h1>
           <p class="bd-lead">Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1280,6 +1280,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/badge/index.html b/docs/4.0/bootstrap-components/badge/index.html
index 8b55dbd7..0d6c58f5 100644
--- a/docs/4.0/bootstrap-components/badge/index.html
+++ b/docs/4.0/bootstrap-components/badge/index.html
@@ -1255,7 +1255,7 @@
           <h1 class="bd-title" id="content">Badges</h1>
           <p class="bd-lead">Documentation and examples for badges, our small count and labeling component.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1269,6 +1269,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/breadcrumb/index.html b/docs/4.0/bootstrap-components/breadcrumb/index.html
index 68bbe96d..34287dd7 100644
--- a/docs/4.0/bootstrap-components/breadcrumb/index.html
+++ b/docs/4.0/bootstrap-components/breadcrumb/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Breadcrumb</h1>
           <p class="bd-lead">Indicate the current page's location within a navigational hierarchy that automatically adds separators via CSS.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/button-group/index.html b/docs/4.0/bootstrap-components/button-group/index.html
index d2ed1a30..79ae0a94 100644
--- a/docs/4.0/bootstrap-components/button-group/index.html
+++ b/docs/4.0/bootstrap-components/button-group/index.html
@@ -1258,7 +1258,7 @@
           <h1 class="bd-title" id="content">Button group</h1>
           <p class="bd-lead">Group a series of buttons together on a single line with the button group, and super-power them with JavaScript.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1272,6 +1272,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/buttons/index.html b/docs/4.0/bootstrap-components/buttons/index.html
index 133abace..b8fcd05f 100644
--- a/docs/4.0/bootstrap-components/buttons/index.html
+++ b/docs/4.0/bootstrap-components/buttons/index.html
@@ -1272,7 +1272,7 @@
           <h1 class="bd-title" id="content">Buttons</h1>
           <p class="bd-lead">Use Bootstrap's custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1286,6 +1286,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/card/index.html b/docs/4.0/bootstrap-components/card/index.html
index b02eb8ce..9c14e70d 100644
--- a/docs/4.0/bootstrap-components/card/index.html
+++ b/docs/4.0/bootstrap-components/card/index.html
@@ -1435,7 +1435,7 @@
           <h1 class="bd-title" id="content">Cards</h1>
           <p class="bd-lead">Bootstrap's cards provide a flexible and extensible content container with multiple variants and options.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1449,6 +1449,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/carousel/index.html b/docs/4.0/bootstrap-components/carousel/index.html
index 86044403..c46e11f9 100644
--- a/docs/4.0/bootstrap-components/carousel/index.html
+++ b/docs/4.0/bootstrap-components/carousel/index.html
@@ -1283,7 +1283,7 @@
           <h1 class="bd-title" id="content">Carousel</h1>
           <p class="bd-lead">A slideshow component for cycling through elements—images or slides of text—like a carousel.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1297,6 +1297,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/collapse/index.html b/docs/4.0/bootstrap-components/collapse/index.html
index 2a0c4a00..ea5e46c3 100644
--- a/docs/4.0/bootstrap-components/collapse/index.html
+++ b/docs/4.0/bootstrap-components/collapse/index.html
@@ -1289,7 +1289,7 @@
           <h1 class="bd-title" id="content">Collapse</h1>
           <p class="bd-lead">Toggle the visibility of content across your project with a few classes and our JavaScript plugins.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1303,6 +1303,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/dropdowns/index.html b/docs/4.0/bootstrap-components/dropdowns/index.html
index adfde30c..17edb046 100644
--- a/docs/4.0/bootstrap-components/dropdowns/index.html
+++ b/docs/4.0/bootstrap-components/dropdowns/index.html
@@ -1300,7 +1300,7 @@
           <h1 class="bd-title" id="content">Dropdowns</h1>
           <p class="bd-lead">Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1314,6 +1314,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/forms/index.html b/docs/4.0/bootstrap-components/forms/index.html
index 798da80a..796f8a5a 100644
--- a/docs/4.0/bootstrap-components/forms/index.html
+++ b/docs/4.0/bootstrap-components/forms/index.html
@@ -1331,7 +1331,7 @@
           <h1 class="bd-title" id="content">Forms</h1>
           <p class="bd-lead">Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1345,6 +1345,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/input-group/index.html b/docs/4.0/bootstrap-components/input-group/index.html
index 801d07cf..4d9c602f 100644
--- a/docs/4.0/bootstrap-components/input-group/index.html
+++ b/docs/4.0/bootstrap-components/input-group/index.html
@@ -1260,7 +1260,7 @@
           <h1 class="bd-title" id="content">Input group</h1>
           <p class="bd-lead">Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1274,6 +1274,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/jumbotron/index.html b/docs/4.0/bootstrap-components/jumbotron/index.html
index 6d46f8d2..168867d5 100644
--- a/docs/4.0/bootstrap-components/jumbotron/index.html
+++ b/docs/4.0/bootstrap-components/jumbotron/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Jumbotron</h1>
           <p class="bd-lead">Lightweight, flexible component for showcasing hero unit style content.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/list-group/index.html b/docs/4.0/bootstrap-components/list-group/index.html
index 3a2af073..9a9f779a 100644
--- a/docs/4.0/bootstrap-components/list-group/index.html
+++ b/docs/4.0/bootstrap-components/list-group/index.html
@@ -1283,7 +1283,7 @@
           <h1 class="bd-title" id="content">List group</h1>
           <p class="bd-lead">List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1297,6 +1297,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/modal/index.html b/docs/4.0/bootstrap-components/modal/index.html
index c84ce492..339cac38 100644
--- a/docs/4.0/bootstrap-components/modal/index.html
+++ b/docs/4.0/bootstrap-components/modal/index.html
@@ -1332,7 +1332,7 @@
           <h1 class="bd-title" id="content">Modal</h1>
           <p class="bd-lead">Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1346,6 +1346,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/navbar/index.html b/docs/4.0/bootstrap-components/navbar/index.html
index a575aaa6..7f02ff67 100644
--- a/docs/4.0/bootstrap-components/navbar/index.html
+++ b/docs/4.0/bootstrap-components/navbar/index.html
@@ -1267,7 +1267,7 @@
           <h1 class="bd-title" id="content">Navbar</h1>
           <p class="bd-lead">Documentation and examples for Bootstrap's powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1281,6 +1281,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/navs/index.html b/docs/4.0/bootstrap-components/navs/index.html
index 111136aa..e6b01b80 100644
--- a/docs/4.0/bootstrap-components/navs/index.html
+++ b/docs/4.0/bootstrap-components/navs/index.html
@@ -1279,7 +1279,7 @@
           <h1 class="bd-title" id="content">Navs</h1>
           <p class="bd-lead">Documentation and examples for how to use Bootstrap's included navigation components.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1293,6 +1293,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/pagination/index.html b/docs/4.0/bootstrap-components/pagination/index.html
index 366296b3..a46cb6e2 100644
--- a/docs/4.0/bootstrap-components/pagination/index.html
+++ b/docs/4.0/bootstrap-components/pagination/index.html
@@ -1250,7 +1250,7 @@
           <h1 class="bd-title" id="content">Pagination</h1>
           <p class="bd-lead">Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1264,6 +1264,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/popovers/index.html b/docs/4.0/bootstrap-components/popovers/index.html
index 04e0fcd3..665567ae 100644
--- a/docs/4.0/bootstrap-components/popovers/index.html
+++ b/docs/4.0/bootstrap-components/popovers/index.html
@@ -1283,7 +1283,7 @@
           <h1 class="bd-title" id="content">Popovers</h1>
           <p class="bd-lead">Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1297,6 +1297,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/progress/index.html b/docs/4.0/bootstrap-components/progress/index.html
index 96655fef..5cbe0a36 100644
--- a/docs/4.0/bootstrap-components/progress/index.html
+++ b/docs/4.0/bootstrap-components/progress/index.html
@@ -1252,7 +1252,7 @@
           <h1 class="bd-title" id="content">Progress</h1>
           <p class="bd-lead">Documentation and examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1266,6 +1266,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/scrollspy/index.html b/docs/4.0/bootstrap-components/scrollspy/index.html
index e4f01b9c..b60362d8 100644
--- a/docs/4.0/bootstrap-components/scrollspy/index.html
+++ b/docs/4.0/bootstrap-components/scrollspy/index.html
@@ -1305,7 +1305,7 @@
           <h1 class="bd-title" id="content">Scrollspy</h1>
           <p class="bd-lead">Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1319,6 +1319,47 @@
                   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>
diff --git a/docs/4.0/bootstrap-components/tooltips/index.html b/docs/4.0/bootstrap-components/tooltips/index.html
index 299ac4b7..dac8ee13 100644
--- a/docs/4.0/bootstrap-components/tooltips/index.html
+++ b/docs/4.0/bootstrap-components/tooltips/index.html
@@ -1280,7 +1280,7 @@
           <h1 class="bd-title" id="content">Tooltips</h1>
           <p class="bd-lead">Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1294,6 +1294,47 @@
                   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>
diff --git a/docs/4.0/browser-bugs/index.html b/docs/4.0/browser-bugs/index.html
index dcb07029..ad8b8e5a 100644
--- a/docs/4.0/browser-bugs/index.html
+++ b/docs/4.0/browser-bugs/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Wall of browser bugs</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/content/code/index.html b/docs/4.0/content/code/index.html
index 004e0a0b..a5880470 100644
--- a/docs/4.0/content/code/index.html
+++ b/docs/4.0/content/code/index.html
@@ -1250,7 +1250,7 @@
           <h1 class="bd-title" id="content">Code</h1>
           <p class="bd-lead">Documentation and examples for displaying inline and multiline blocks of code with Bootstrap.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1264,6 +1264,47 @@
                   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>
diff --git a/docs/4.0/content/figures/index.html b/docs/4.0/content/figures/index.html
index 384af329..a3841b0c 100644
--- a/docs/4.0/content/figures/index.html
+++ b/docs/4.0/content/figures/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Figures</h1>
           <p class="bd-lead">Documentation and examples for displaying related images and text with the figure component in Bootstrap.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/content/images/index.html b/docs/4.0/content/images/index.html
index 6fe5baec..0e75590f 100644
--- a/docs/4.0/content/images/index.html
+++ b/docs/4.0/content/images/index.html
@@ -1294,7 +1294,7 @@
         <p class="bd-lead">Documentation and examples for opting images into responsive behavior (so they never become
           larger than their parent elements) and add lightweight styles to them—all via classes.</p>
         <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1308,6 +1308,47 @@
                   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>
diff --git a/docs/4.0/content/reboot/index.html b/docs/4.0/content/reboot/index.html
index 4de82ab6..08bf5545 100644
--- a/docs/4.0/content/reboot/index.html
+++ b/docs/4.0/content/reboot/index.html
@@ -1270,7 +1270,7 @@
           <h1 class="bd-title" id="content">Reboot</h1>
           <p class="bd-lead">Reboot, a collection of element-specific CSS changes in a single file, kickstart Bootstrap to provide an elegant, consistent, and simple baseline to build upon.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1284,6 +1284,47 @@
                   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>
diff --git a/docs/4.0/content/tables/index.html b/docs/4.0/content/tables/index.html
index a1e50e6b..c21dc609 100644
--- a/docs/4.0/content/tables/index.html
+++ b/docs/4.0/content/tables/index.html
@@ -1271,7 +1271,7 @@
           <h1 class="bd-title" id="content">Tables</h1>
           <p class="bd-lead">Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1285,6 +1285,47 @@
                   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>
diff --git a/docs/4.0/content/typography/index.html b/docs/4.0/content/typography/index.html
index 23c9d2f2..c33f10d4 100644
--- a/docs/4.0/content/typography/index.html
+++ b/docs/4.0/content/typography/index.html
@@ -1270,7 +1270,7 @@
           <h1 class="bd-title" id="content">Typography</h1>
           <p class="bd-lead">Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1284,6 +1284,47 @@
                   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>
diff --git a/docs/4.0/examples/index.html b/docs/4.0/examples/index.html
index 581706f0..7fd2f150 100644
--- a/docs/4.0/examples/index.html
+++ b/docs/4.0/examples/index.html
@@ -127,7 +127,7 @@
     <a href="https://github.com/mdbootstrap/bootstrap-material-design/releases" class="btn btn-lg btn-bd-primary" >Download source code</a>
   </div>
           <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -141,6 +141,47 @@
                   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>
diff --git a/docs/4.0/extend/approach/index.html b/docs/4.0/extend/approach/index.html
index 45ca4ebe..39610d7d 100644
--- a/docs/4.0/extend/approach/index.html
+++ b/docs/4.0/extend/approach/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Approach</h1>
           <p class="bd-lead">Learn about the guiding principles, strategies, and techniques used to build and maintain Bootstrap so you can more easily customize and extend it yourself.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/extend/icons/index.html b/docs/4.0/extend/icons/index.html
index 90f4e692..7e935934 100644
--- a/docs/4.0/extend/icons/index.html
+++ b/docs/4.0/extend/icons/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Icons</h1>
           <p class="bd-lead">Guidance and suggestions for using external icon libraries with Bootstrap.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/extend/index.html b/docs/4.0/extend/index.html
index 47071459..553b128b 100644
--- a/docs/4.0/extend/index.html
+++ b/docs/4.0/extend/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Extend</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/getting-started/accessibility/index.html b/docs/4.0/getting-started/accessibility/index.html
index 52123c3e..b2717e46 100644
--- a/docs/4.0/getting-started/accessibility/index.html
+++ b/docs/4.0/getting-started/accessibility/index.html
@@ -1254,7 +1254,7 @@
           <h1 class="bd-title" id="content">Accessibility</h1>
           <p class="bd-lead">A brief overview of Bootstrap's features and limitations for the creation of accessible content.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1268,6 +1268,47 @@
                   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>
diff --git a/docs/4.0/getting-started/best-practices/index.html b/docs/4.0/getting-started/best-practices/index.html
index 246963e7..47959337 100644
--- a/docs/4.0/getting-started/best-practices/index.html
+++ b/docs/4.0/getting-started/best-practices/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Best practices</h1>
           <p class="bd-lead">Learn about some of the best practices we've gathered from years of working on and using Bootstrap.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/getting-started/browsers-devices/index.html b/docs/4.0/getting-started/browsers-devices/index.html
index a03eb36a..2f705f17 100644
--- a/docs/4.0/getting-started/browsers-devices/index.html
+++ b/docs/4.0/getting-started/browsers-devices/index.html
@@ -1270,7 +1270,7 @@
           <h1 class="bd-title" id="content">Browsers and devices</h1>
           <p class="bd-lead">Learn about the browsers and devices, from modern to old, that are supported by Bootstrap, including known quirks and bugs for each.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1284,6 +1284,47 @@
                   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>
diff --git a/docs/4.0/getting-started/build-tools/index.html b/docs/4.0/getting-started/build-tools/index.html
index 6f4a2770..90eff68a 100644
--- a/docs/4.0/getting-started/build-tools/index.html
+++ b/docs/4.0/getting-started/build-tools/index.html
@@ -1250,7 +1250,7 @@
           <h1 class="bd-title" id="content">Build tools</h1>
           <p class="bd-lead">Learn how to use Bootstrap's included npm scripts to build our documentation, compile source code, run tests, and more.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1264,6 +1264,47 @@
                   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>
diff --git a/docs/4.0/getting-started/contents/index.html b/docs/4.0/getting-started/contents/index.html
index 767cb662..83a8cc1e 100644
--- a/docs/4.0/getting-started/contents/index.html
+++ b/docs/4.0/getting-started/contents/index.html
@@ -1249,7 +1249,7 @@
           <h1 class="bd-title" id="content">Contents</h1>
           <p class="bd-lead">Discover what's included in Bootstrap, including our precompiled and source code flavors. Remember, Bootstrap's JavaScript plugins require jQuery.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1263,6 +1263,47 @@
                   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>
diff --git a/docs/4.0/getting-started/download/index.html b/docs/4.0/getting-started/download/index.html
index b3d6ec78..b6c2b680 100644
--- a/docs/4.0/getting-started/download/index.html
+++ b/docs/4.0/getting-started/download/index.html
@@ -1253,7 +1253,7 @@
           <h1 class="bd-title" id="content">Download</h1>
           <p class="bd-lead">Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1267,6 +1267,47 @@
                   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>
diff --git a/docs/4.0/getting-started/introduction/index.html b/docs/4.0/getting-started/introduction/index.html
index 8eb730b9..c5d67319 100644
--- a/docs/4.0/getting-started/introduction/index.html
+++ b/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
@@ -1316,6 +1330,8 @@
               }}
               startCounter();
           </script>
+
+        
          
           
         </div>
diff --git a/docs/4.0/getting-started/javascript/index.html b/docs/4.0/getting-started/javascript/index.html
index 118bee91..6ff97e51 100644
--- a/docs/4.0/getting-started/javascript/index.html
+++ b/docs/4.0/getting-started/javascript/index.html
@@ -1276,7 +1276,7 @@
           <h1 class="bd-title" id="content">JavaScript</h1>
           <p class="bd-lead">Bring Bootstrap to life with our optional JavaScript plugins built on jQuery. Learn about each plugin, our data and programmatic API options, and more.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1290,6 +1290,47 @@
                   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>
diff --git a/docs/4.0/getting-started/theming/index.html b/docs/4.0/getting-started/theming/index.html
index fb409577..521ab637 100644
--- a/docs/4.0/getting-started/theming/index.html
+++ b/docs/4.0/getting-started/theming/index.html
@@ -1283,7 +1283,7 @@
           <h1 class="bd-title" id="content">Theming Bootstrap</h1>
           <p class="bd-lead">Customize Bootstrap 4 with our new built-in Sass variables for global style preferences for easy theming and component changes.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1297,6 +1297,47 @@
                   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>
diff --git a/docs/4.0/getting-started/webpack/index.html b/docs/4.0/getting-started/webpack/index.html
index 5b5905c3..7ae48e55 100644
--- a/docs/4.0/getting-started/webpack/index.html
+++ b/docs/4.0/getting-started/webpack/index.html
@@ -1253,7 +1253,7 @@
           <h1 class="bd-title" id="content">Webpack</h1>
           <p class="bd-lead">Learn how to include Bootstrap in your project using Webpack 3.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1267,6 +1267,47 @@
                   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>
diff --git a/docs/4.0/layout/grid/index.html b/docs/4.0/layout/grid/index.html
index 97608b07..7cab7393 100644
--- a/docs/4.0/layout/grid/index.html
+++ b/docs/4.0/layout/grid/index.html
@@ -1296,7 +1296,7 @@
           <h1 class="bd-title" id="content">Grid system</h1>
           <p class="bd-lead">Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1310,6 +1310,47 @@
                   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>
diff --git a/docs/4.0/layout/media-object/index.html b/docs/4.0/layout/media-object/index.html
index c0c07d2b..b460483a 100644
--- a/docs/4.0/layout/media-object/index.html
+++ b/docs/4.0/layout/media-object/index.html
@@ -1296,7 +1296,7 @@
           <h1 class="bd-title" id="content">Media object</h1>
           <p class="bd-lead">Documentation and examples for Bootstrap's media object to construct highly repetitive components like blog comments, tweets, and the like.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1310,6 +1310,47 @@
                   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>
diff --git a/docs/4.0/layout/overview/index.html b/docs/4.0/layout/overview/index.html
index 09d611a8..30155e0b 100644
--- a/docs/4.0/layout/overview/index.html
+++ b/docs/4.0/layout/overview/index.html
@@ -1248,7 +1248,7 @@
           <h1 class="bd-title" id="content">Overview</h1>
           <p class="bd-lead">Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1262,6 +1262,47 @@
                   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>
diff --git a/docs/4.0/layout/utilities-for-layout/index.html b/docs/4.0/layout/utilities-for-layout/index.html
index 90008d34..92b76fba 100644
--- a/docs/4.0/layout/utilities-for-layout/index.html
+++ b/docs/4.0/layout/utilities-for-layout/index.html
@@ -1249,7 +1249,7 @@
           <h1 class="bd-title" id="content">Utilities for layout</h1>
           <p class="bd-lead">For faster mobile-friendly and responsive development, Bootstrap includes dozens of utility classes for showing, hiding, aligning, and spacing content.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1263,6 +1263,47 @@
                   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>
diff --git a/docs/4.0/material-design/buttons/index.html b/docs/4.0/material-design/buttons/index.html
index d4f837e1..d8f63097 100644
--- a/docs/4.0/material-design/buttons/index.html
+++ b/docs/4.0/material-design/buttons/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Buttons</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/collapse-inline/index.html b/docs/4.0/material-design/collapse-inline/index.html
index b099f651..791a4049 100644
--- a/docs/4.0/material-design/collapse-inline/index.html
+++ b/docs/4.0/material-design/collapse-inline/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Collapse inline</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/drawers/index.html b/docs/4.0/material-design/drawers/index.html
index 773500de..53e3988f 100644
--- a/docs/4.0/material-design/drawers/index.html
+++ b/docs/4.0/material-design/drawers/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Drawers</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/extensions/index.html b/docs/4.0/material-design/extensions/index.html
index 1c2e508a..bfb0f0ad 100644
--- a/docs/4.0/material-design/extensions/index.html
+++ b/docs/4.0/material-design/extensions/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Extensions</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/forms/index.html b/docs/4.0/material-design/forms/index.html
index 4217b73b..82a763f6 100644
--- a/docs/4.0/material-design/forms/index.html
+++ b/docs/4.0/material-design/forms/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Forms</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/labels/index.html b/docs/4.0/material-design/labels/index.html
index c918660f..f3920d45 100644
--- a/docs/4.0/material-design/labels/index.html
+++ b/docs/4.0/material-design/labels/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Labels</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/list-groups/index.html b/docs/4.0/material-design/list-groups/index.html
index 65275d8c..21432d43 100644
--- a/docs/4.0/material-design/list-groups/index.html
+++ b/docs/4.0/material-design/list-groups/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">List groups</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/menus/index.html b/docs/4.0/material-design/menus/index.html
index f0f18d9b..89e2774d 100644
--- a/docs/4.0/material-design/menus/index.html
+++ b/docs/4.0/material-design/menus/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Menus</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/navs/index.html b/docs/4.0/material-design/navs/index.html
index 2cc922df..60cda726 100644
--- a/docs/4.0/material-design/navs/index.html
+++ b/docs/4.0/material-design/navs/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Navs</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/selections/index.html b/docs/4.0/material-design/selections/index.html
index 79ecff84..907ed6f4 100644
--- a/docs/4.0/material-design/selections/index.html
+++ b/docs/4.0/material-design/selections/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Selections</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/material-design/snackbars/index.html b/docs/4.0/material-design/snackbars/index.html
index 391d8f23..99cb2bbf 100644
--- a/docs/4.0/material-design/snackbars/index.html
+++ b/docs/4.0/material-design/snackbars/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Snackbars</h1>
           <p class="bd-lead"></p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/migration/index.html b/docs/4.0/migration/index.html
index 6f59494a..60d3c515 100644
--- a/docs/4.0/migration/index.html
+++ b/docs/4.0/migration/index.html
@@ -1303,7 +1303,7 @@
           <h1 class="bd-title" id="content">Migrating to v4</h1>
           <p class="bd-lead">Bootstrap 4 is a major rewrite of the entire project. The most notable changes are summarized below, followed by more specific changes to relevant components.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1317,6 +1317,47 @@
                   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>
diff --git a/docs/4.0/utilities/borders/index.html b/docs/4.0/utilities/borders/index.html
index 4cf9f471..04dad55c 100644
--- a/docs/4.0/utilities/borders/index.html
+++ b/docs/4.0/utilities/borders/index.html
@@ -1253,7 +1253,7 @@
           <h1 class="bd-title" id="content">Borders</h1>
           <p class="bd-lead">Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1267,6 +1267,47 @@
                   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>
diff --git a/docs/4.0/utilities/clearfix/index.html b/docs/4.0/utilities/clearfix/index.html
index 7802ae1a..3d2ca131 100644
--- a/docs/4.0/utilities/clearfix/index.html
+++ b/docs/4.0/utilities/clearfix/index.html
@@ -1245,7 +1245,7 @@
           <h1 class="bd-title" id="content">Clearfix</h1>
           <p class="bd-lead">Quickly and easily clear floated content within a container by adding a clearfix utility.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1259,6 +1259,47 @@
                   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>
diff --git a/docs/4.0/utilities/close-icon/index.html b/docs/4.0/utilities/close-icon/index.html
index 4f3b0d0c..b04c7b14 100644
--- a/docs/4.0/utilities/close-icon/index.html
+++ b/docs/4.0/utilities/close-icon/index.html
@@ -1245,7 +1245,7 @@
           <h1 class="bd-title" id="content">Close icon</h1>
           <p class="bd-lead">Use a generic close icon for dismissing content like modals and alerts.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1259,6 +1259,47 @@
                   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>
diff --git a/docs/4.0/utilities/colors/index.html b/docs/4.0/utilities/colors/index.html
index 9ccba4fb..e37b8cac 100644
--- a/docs/4.0/utilities/colors/index.html
+++ b/docs/4.0/utilities/colors/index.html
@@ -1255,7 +1255,7 @@
           <h1 class="bd-title" id="content">Colors</h1>
           <p class="bd-lead">Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1269,6 +1269,47 @@
                   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>
diff --git a/docs/4.0/utilities/display/index.html b/docs/4.0/utilities/display/index.html
index 6eb79fc8..dfd32895 100644
--- a/docs/4.0/utilities/display/index.html
+++ b/docs/4.0/utilities/display/index.html
@@ -1250,7 +1250,7 @@
           <h1 class="bd-title" id="content">Display property</h1>
           <p class="bd-lead">Quickly and responsively toggle the display value of components and more with our display utilities. Includes support for some of the more common values, as well as some extras for controlling display when printing.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1264,6 +1264,47 @@
                   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>
diff --git a/docs/4.0/utilities/embed/index.html b/docs/4.0/utilities/embed/index.html
index da931314..04dc5458 100644
--- a/docs/4.0/utilities/embed/index.html
+++ b/docs/4.0/utilities/embed/index.html
@@ -1248,7 +1248,7 @@
           <h1 class="bd-title" id="content">Embeds</h1>
           <p class="bd-lead">Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1262,6 +1262,47 @@
                   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>
diff --git a/docs/4.0/utilities/flex/index.html b/docs/4.0/utilities/flex/index.html
index a6fa5c67..27d455de 100644
--- a/docs/4.0/utilities/flex/index.html
+++ b/docs/4.0/utilities/flex/index.html
@@ -1259,7 +1259,7 @@
           <h1 class="bd-title" id="content">Flex</h1>
           <p class="bd-lead">Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. For more complex implementations, custom CSS may be necessary.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1273,6 +1273,47 @@
                   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>
diff --git a/docs/4.0/utilities/float/index.html b/docs/4.0/utilities/float/index.html
index 966c2dd4..23b66a27 100644
--- a/docs/4.0/utilities/float/index.html
+++ b/docs/4.0/utilities/float/index.html
@@ -1249,7 +1249,7 @@
           <h1 class="bd-title" id="content">Float</h1>
           <p class="bd-lead">Toggle floats on any element, across any breakpoint, using our responsive float utilities.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1263,6 +1263,47 @@
                   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>
diff --git a/docs/4.0/utilities/image-replacement/index.html b/docs/4.0/utilities/image-replacement/index.html
index 192e1aac..70ff9072 100644
--- a/docs/4.0/utilities/image-replacement/index.html
+++ b/docs/4.0/utilities/image-replacement/index.html
@@ -1246,7 +1246,7 @@
           <h1 class="bd-title" id="content">Image replacement</h1>
           <p class="bd-lead">Swap text for background images with the image replacement class.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1260,6 +1260,47 @@
                   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>
diff --git a/docs/4.0/utilities/position/index.html b/docs/4.0/utilities/position/index.html
index ce23a2aa..9da2cd27 100644
--- a/docs/4.0/utilities/position/index.html
+++ b/docs/4.0/utilities/position/index.html
@@ -1243,7 +1243,7 @@
           <h1 class="bd-title" id="content">Position</h1>
           <p class="bd-lead">Use these shorthand utilities for quickly configuring the position of an element.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1257,6 +1257,47 @@
                   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>
diff --git a/docs/4.0/utilities/screenreaders/index.html b/docs/4.0/utilities/screenreaders/index.html
index c6f42bf4..037de230 100644
--- a/docs/4.0/utilities/screenreaders/index.html
+++ b/docs/4.0/utilities/screenreaders/index.html
@@ -1245,7 +1245,7 @@
           <h1 class="bd-title" id="content">Screenreaders</h1>
           <p class="bd-lead">Use screenreader utilities to hide elements on all devices except screen readers.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1259,6 +1259,47 @@
                   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>
diff --git a/docs/4.0/utilities/sizing/index.html b/docs/4.0/utilities/sizing/index.html
index c28db286..21b48a78 100644
--- a/docs/4.0/utilities/sizing/index.html
+++ b/docs/4.0/utilities/sizing/index.html
@@ -1245,7 +1245,7 @@
           <h1 class="bd-title" id="content">Sizing</h1>
           <p class="bd-lead">Easily make an element as wide or as tall (relative to its parent) with our width and height utilities.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1259,6 +1259,47 @@
                   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>
diff --git a/docs/4.0/utilities/spacing/index.html b/docs/4.0/utilities/spacing/index.html
index dc72ba0b..3e557df4 100644
--- a/docs/4.0/utilities/spacing/index.html
+++ b/docs/4.0/utilities/spacing/index.html
@@ -1252,7 +1252,7 @@
           <h1 class="bd-title" id="content">Spacing</h1>
           <p class="bd-lead">Bootstrap includes a wide range of shorthand responsive margin and padding utility classes to modify an element's appearance.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1266,6 +1266,47 @@
                   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>
diff --git a/docs/4.0/utilities/text/index.html b/docs/4.0/utilities/text/index.html
index a5bd8fa0..cd145363 100644
--- a/docs/4.0/utilities/text/index.html
+++ b/docs/4.0/utilities/text/index.html
@@ -1249,7 +1249,7 @@
           <h1 class="bd-title" id="content">Text</h1>
           <p class="bd-lead">Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1263,6 +1263,47 @@
                   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>
diff --git a/docs/4.0/utilities/vertical-align/index.html b/docs/4.0/utilities/vertical-align/index.html
index 7e201cb6..85ce135d 100644
--- a/docs/4.0/utilities/vertical-align/index.html
+++ b/docs/4.0/utilities/vertical-align/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Vertical alignment</h1>
           <p class="bd-lead">Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/docs/4.0/utilities/visibility/index.html b/docs/4.0/utilities/visibility/index.html
index 6d0b20a1..d138091d 100644
--- a/docs/4.0/utilities/visibility/index.html
+++ b/docs/4.0/utilities/visibility/index.html
@@ -1240,7 +1240,7 @@
           <h1 class="bd-title" id="content">Visibility</h1>
           <p class="bd-lead">Control the visibility, without modifying the display, of elements with visibility utilities.</p>
                   <div class="row">
-          <div class="col-12 text-center">
+         <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>
@@ -1254,6 +1254,47 @@
                   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>
diff --git a/index.html b/index.html
index 581d05b4..558512da 100644
--- a/index.html
+++ b/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>