mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-20 13:40:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

BF changes2

Browse Source
This commit is contained in:
unknown 2020-11-20 15:35:21 +01:00
parent 654857ba0c
commit 133f028112
2 changed files with 53 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
docs/4.0/getting-started/introduction/index.html
View File

@ -1273,8 +1273,49 @@
<a type="button" href="https://mdbootstrap.com/sale/" <a type="button" href="https://mdbootstrap.com/sale/"
class="btn btn-outline-danger mt-3">CLAIM OFFER NOW</a> class="btn btn-outline-danger mt-3">CLAIM OFFER NOW</a>
</strong></div> </strong></div>
</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>
@ -1484,46 +1525,7 @@ Holder.addTheme('gray', {
fontweight: 'normal' fontweight: 'normal'
}) })
</script> </script>
<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>
</body> </body>
</html> </html>

19
index.html
View File

@ -182,15 +182,18 @@
<div class="row"> <div class="row">
<div class="col-md-6 text-center"> <div class="col-md-6 text-center">
<div class="alert alert-danger" role="alert"> <div class="alert alert-dark" role="alert">
This UI Kit is dedicated to Bootstrap 4 &amp; Material Design. <p class="font-weight-bold">90% OFF for BLACK WEEK</p>
<hr> <hr>
<strong>Discover the latest Kit for Bootstrap 5 &amp; Material Design 2.0! <p>UI KIT's, Templates, Plugins, Premium components for Bootstrap, Angular React &amp; Vue - including the latest 🔥 Bootstrap 5 version!</p>
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683" <strong>Hurry up! All offers are LIMITED</strong><br>
class="btn btn-outline-danger mt-3">GET
BOOTSTRAP <span class="font-weight-bold text-poppy-red" id="time-counter"></span><br>
5 KIT FOR FREE</a> <strong>
</strong></div>
<a type="button" href="https://mdbootstrap.com/sale/"
class="btn btn-outline-danger mt-3">CLAIM OFFER NOW</a>
</strong></div>
</div> </div>
</div> </div>