[ux_banner height="444px" bg="21" bg_overlay="rgba(0, 0, 0, 0.27)"]
[text_box]
COUNT DOWN ELEMENT
Add beautiful count downs anywhere on the site.
[ux_countdown size="300" bg_color="rgba(0, 0, 0, 0.09)"]
[/text_box]
[/ux_banner]
[row]
[col span="4"]
[title style="center" text="Primary Color"]
[ux_countdown size="198" color="primary" day="30" time="24:00"]
[/col]
[col span="4"]
[title style="center" text="Dark Color"]
[ux_countdown day="30" time="24:00"]
[/col]
[col span="4"]
[title style="center" text="Light Color"]
[ux_countdown size="200%" color="light" day="30" time="24:00"]
[/col]
[/row]
[row]
[col]
[ux_banner height="600px" bg="21"]
[text_box text_color="dark" width="40" width__sm="60" animate="fadeIn" position_x="10"]
A Countdown Inside A Banner
[ux_countdown day="30" time="24:00"]
[/text_box]
[/ux_banner]
[gap]
[/col]
[col span="6" align="center"]
[title style="center" text="Countdown as text"]
[ux_countdown style="text" size="91" day="30" time="24:00"]
[/col]
[col span="6"]
[title style="center" text="Countdown as Clock"]
[ux_countdown color="primary" day="30" time="24:00"]
[/col]
[/row]