mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-11-04 09:57:36 +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/"
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
View File

@ -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 &amp; 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 &amp; 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 &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>
</div>