[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://www.theattic.tv/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]
