mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-02-18 04:30:38 +03:00
BF changes2
This commit is contained in:
parent
654857ba0c
commit
133f028112
|
@ -1273,8 +1273,49 @@
|
|||
|
||||
<a type="button" href="https://mdbootstrap.com/sale/"
|
||||
class="btn btn-outline-danger mt-3">CLAIM OFFER NOW</a>
|
||||
</strong></div>
|
||||
</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>
|
||||
|
@ -1484,46 +1525,7 @@ Holder.addTheme('gray', {
|
|||
fontweight: 'normal'
|
||||
})
|
||||
</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>
|
||||
</html>
|
||||
|
|
19
index.html
19
index.html
|
@ -182,15 +182,18 @@
|
|||
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center">
|
||||
<div class="alert alert-danger" role="alert">
|
||||
This UI Kit is dedicated to Bootstrap 4 & Material Design.
|
||||
<div class="alert alert-dark" role="alert">
|
||||
<p class="font-weight-bold">90% OFF for BLACK WEEK</p>
|
||||
<hr>
|
||||
<strong>Discover the latest Kit for Bootstrap 5 & Material Design 2.0!
|
||||
<a type="button" href="https://mdbootstrap.com/docs/standard/?utm_ref_id=28683"
|
||||
class="btn btn-outline-danger mt-3">GET
|
||||
BOOTSTRAP
|
||||
5 KIT FOR FREE</a>
|
||||
</strong></div>
|
||||
<p>UI KIT's, Templates, Plugins, Premium components for Bootstrap, Angular React & 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>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user