Join waiting list
All of the content below is 100% free, but we are also preparing some insane discounts for Bootstrap PRO UI Kit for this years Black Friday. Don't miss this chance - join the waiting list and get notified about them. You will only get emails related to this one-time sale and you will be automatically unsubscribed after it ends.
By subscribing you agree to receive Black November notifications from the data administrator StartupFlow s.c. Kijowska 7, Warsaw. Privacy Policy.
Black Friday Cards Generator
<div class="card text-white" style="background-color: #000000;">
<div class="card-body text-white">
<h5 class="card-title">Black Friday Sale</h5>
<p class="card-text">
Some quick example text to build on the card title and make up the bulk of the
card's content.
</p>
<button type="button" class="btn btn-danger"> <i class="fas fa-shopping-cart"></i> Buy
Now</button>
</div>
</div>
// 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
Templates
Free template built using Bootstrap 5 & Material Design 2.0
