Optional add-ons and features you can include on your site.
Example:
Countdown: Days Hours Minutes Seconds
Include the countdown timer’s Javascript and CSS files by pasting the following code into the “Insert Code into Header” section on the Settings > Custom Code page:
<script src="/wp-content/themes/baseline/js/countdown-timer/js-countdown-timer.js"></script>
<link type="text/css" href="/wp-content/themes/baseline/js/countdown-timer/js-countdown-timer.css" media="all" rel="stylesheet"/>
First, determine the time and date that you want the timer to count down to. Then include that information in the attribute data-countdown-end-date
in the format YYYY-MM-DD HH:MM:SS (see below for example).
You can also edit or translate the labels that appear next to the units of time.
Once you’ve set the end time/date, just paste the following HTML into your page wherever you want the countdown timer to appear:
<span class="js-countdown-timer" data-countdown-end-date="2017/01/01 00:00:00"> <span class="js-countdown-section"> <span class="js-countdown-days"> </span> <span class="js-countdown-units">Days</span> </span> <span class="js-countdown-section"> <span class="js-countdown-hours"> </span> <span class="js-countdown-units">Hours</span> </span> <span class="js-countdown-section"> <span class="js-countdown-minutes"> </span> <span class="js-countdown-units">Minutes</span> </span> <span class="js-countdown-section"> <span class="js-countdown-seconds"> </span> <span class="js-countdown-units">Seconds</span> </span> </span>