Animated Countdown
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='http://academiatribunal.com/wp-content/uploads/2017/02/business-office-work-blurred.jpg' attachment='885' attachment_size='full' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='100px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']
[av_countdown date='02 / 02 / 2019' hour='12' minute='0' min='1' max='5' align='av-align-center' size='' style='av-trans-light-style' admin_preview_bg='rgb(34, 34, 34)']
[/av_one_full]
[/av_section]
[av_heading tag='h1' padding='0' heading='Animated Countdown' color='custom-color-heading' style='blockquote modern-quote' custom_font='#000000' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg=''][/av_heading]
[av_textblock size='' font_color='' color='' admin_preview_bg='']
The animated countdown allows you to set a date in the future and display a block of numbers that is counting down each second, minute or hour.
[/av_textblock]
[av_countdown date='02 / 02 / 2019' hour='12' minute='0' min='1' max='5' align='av-align-center' size='' style='av-default-style' admin_preview_bg='']
[av_textblock size='' font_color='' color='' admin_preview_bg='']
The element got several predefined styles that you can choose from such as a default style or transparent light or dark styles that work well when used above images or colourful content.
[/av_textblock]
[av_countdown date='02 / 02 / 2019' hour='12' minute='0' min='1' max='4' align='av-align-center' size='' style='av-trans-dark-style' admin_preview_bg='']
[av_textblock size='' font_color='' color='' admin_preview_bg='']
Below you can see a countdown element inside a content column with a light blue background. The countdown is set to display as white and transparent.
[/av_textblock]
[av_one_full first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' padding='100px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#9cc2df' src='' attachment='' attachment_size='' background_position='center center' background_repeat='stretch' animation='' mobile_display='']
[av_countdown date='02 / 02 / 2019' hour='12' minute='0' min='2' max='4' align='av-align-center' size='' style='av-trans-light-style' admin_preview_bg='rgb(34, 34, 34)']
[/av_one_full]