Get professional developer package with special discount
All of the content below is 100% free, but we are also
preparing some insane discounts for Bootstrap PRO UI Kit for this years Cyber monday. Don't miss this chance and
get access to over 5000 components, 490 sections, 100 themes & 28 plugins for Bootstrap 4 & 5.
Hurry up all offers are limited!
Cyber Monday Cards Generator
Cyber Monday Sale
Some quick example text to build on the card title and make up the bulk of the
card's content.
// Set the date we're counting down to
var countDownDate = new Date(2021, 12, 31);
countDownDate.setDate(countDownDate.getDate());
// Update the count down every 1 second
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 days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById('time-counter').innerHTML =
days + 'd ' + 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='EXPIRED' ;
} }, 1000); How to use it?
1. Download MDB 5 - free UI KIT
2. Create the card you like
3. Copy the generated code and paste it into the MDB project
