Cislunar has two type of counters, Count-Up and Count-Down.
Count-Up to any Integer/Decimal number using .cl-counter class.
<span class="cl-counter">2100</span> <span class="cl-counter">21.7</span>
Count-Down to any time in future using the basic syntax given below. Attribute data-time="..." is used to hold the date to count-down to.
<div class="time-left-counter" data-time="May 20, 2020 13:45:10">
<p class="event-time-left">
<span class="days">0</span><br>Days
</p> <!-- Days left -->
<p class="event-time-left">
<span class="hours">0</span><br>Hours
</p> <!-- Hours left -->
<p class="event-time-left">
<span class="mins">0</span><br>Mins
</p> <!-- Mins left -->
<p class="event-time-left">
<span class="secs">0</span><br>Secs
</p> <!-- Secs left -->
</div> <!-- Time counter ends -->
0
Days
0
Hours
0
Mins
0
Secs