Simple Countdown
<div id="cd-simple"> <div class="countdown"> <div class="clock-count-container"> <h1 class="clock-val">00</h1> </div> <h4 class="clock-text"> Days </h4> </div> <div class="countdown"> <div class="clock-count-container"> <h1 class="clock-val">08</h1> </div> <h4 class="clock-text"> Hours </h4> </div> <div class="countdown"> <div class="clock-count-container"> <h1 class="clock-val">32</h1> </div> <h4 class="clock-text"> Mins </h4> </div> <div class="countdown"> <div class="clock-count-container"> <h1 class="clock-val">45</h1> </div> <h4 class="clock-text"> Sec </h4> </div> </div>
Circle Countdown
<div id="cd-circle"> <div class="countdown"> <div class="clock-count-container"> <h1 class="clock-val">365</h1> </div> <h4 class="clock-text"> Days </h4> </div> <div class="countdown"> <div class="clock-count-container"> <h1 class="clock-val">13</h1> </div> <h4 class="clock-text"> Hours </h4> </div> <div class="countdown"> <div class="clock-count-container"> <h1 class="clock-val">01</h1> </div> <h4 class="clock-text"> Mins </h4> </div> <div class="countdown"> <div class="clock-count-container"> <h1 class="clock-val">13</h1> </div> <h4 class="clock-text"> Sec </h4> </div> </div>