Countdown with circular counters
A countdown timer shows the remaining time to a target. You can change background and text color of the circular containers to achieve cool results.
Syntax
{{< countdown-3add-days-count="Any number"background-color="any background or gradient"date="Any date. Ex: 26 may 2023"expired-message-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"expired-message-text="Any text"is-open-in-new="true|false"link="Any valid http link"loading-text="Any text"loading-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}
The actual message goes here
{{< /countdown-3 >}}
Default Sample
Loading...
Other Samples
Loading...
Loading...