{"id":1370,"date":"2017-02-13T15:02:48","date_gmt":"2017-02-13T15:02:48","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1370"},"modified":"2017-02-13T15:02:48","modified_gmt":"2017-02-13T15:02:48","slug":"animated-countdown","status":"publish","type":"page","link":"https:\/\/almenstrips.com\/index.php\/elements\/animated-countdown\/","title":{"rendered":"Animated Countdown"},"content":{"rendered":"<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_1' class='avia-section main_color avia-section-default avia-no-shadow av-section-color-overlay-active avia-bg-style-scroll   container_wrap fullsize' style = 'background-repeat: no-repeat; background-image: url(https:\/\/almenstrips.com\/wp-content\/uploads\/2017\/02\/business-office-work-blurred.jpg);background-attachment: scroll; background-position: top left; ' data-section-bg-repeat='no-repeat' ><div class='av-section-color-overlay-wrap'><div class='av-section-color-overlay' style='opacity: 0.8; background-color: #000000; '><\/div><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-1370'><div class='entry-content-wrapper clearfix'>\n<div class=\"flex_column av_one_full  flex_column_div first  \" style='padding:100px; border-radius:0px; '><div class='av-countdown-timer  av-align-center av-trans-light-style '  data-year=' 2019' data-month='1' data-day=' 02 ' data-hour='12' data-minute='0' data-interval='1000' data-maximum='5' ><span class='av-countdown-timer-inner'><span class='av-countdown-cell av-countdown-weeks'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='weeks' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Week' data-label-multi='Weeks'>Weeks<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-days'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='days' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Day' data-label-multi='Days'>Days<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-hours'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='hours' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Hour' data-label-multi='Hours'>Hours<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-minutes'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='minutes' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Minute' data-label-multi='Minutes'>Minutes<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-seconds'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='seconds' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Second' data-label-multi='Seconds'>Seconds<\/span><\/span><\/span><\/span><\/div><\/div>\n\n<div style='padding-bottom:0px; color:#000000;font-size:40px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote   av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Animated Countdown<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>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.<\/p>\n<\/div><\/section>\n<div class='av-countdown-timer  av-align-center av-default-style '  data-year=' 2019' data-month='1' data-day=' 02 ' data-hour='12' data-minute='0' data-interval='1000' data-maximum='5' ><span class='av-countdown-timer-inner'><span class='av-countdown-cell av-countdown-weeks'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='weeks' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Week' data-label-multi='Weeks'>Weeks<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-days'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='days' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Day' data-label-multi='Days'>Days<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-hours'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='hours' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Hour' data-label-multi='Hours'>Hours<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-minutes'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='minutes' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Minute' data-label-multi='Minutes'>Minutes<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-seconds'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='seconds' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Second' data-label-multi='Seconds'>Seconds<\/span><\/span><\/span><\/span><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>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.<\/p>\n<\/div><\/section>\n<div class='av-countdown-timer  av-align-center av-trans-dark-style '  data-year=' 2019' data-month='1' data-day=' 02 ' data-hour='12' data-minute='0' data-interval='1000' data-maximum='4' ><span class='av-countdown-timer-inner'><span class='av-countdown-cell av-countdown-days'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='days' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Day' data-label-multi='Days'>Days<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-hours'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='hours' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Hour' data-label-multi='Hours'>Hours<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-minutes'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='minutes' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Minute' data-label-multi='Minutes'>Minutes<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-seconds'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='seconds' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Second' data-label-multi='Seconds'>Seconds<\/span><\/span><\/span><\/span><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>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.<\/p>\n<\/div><\/section>\n<div class=\"flex_column av_one_full  avia-full-stretch flex_column_div first  \" style='margin-top:0px; margin-bottom:0px; padding:100px; background-color:#9cc2df; border-radius:0px; '><div class='av-countdown-timer  av-align-center av-trans-light-style '  data-year=' 2019' data-month='1' data-day=' 02 ' data-hour='12' data-minute='0' data-interval='60000' data-maximum='4' ><span class='av-countdown-timer-inner'><span class='av-countdown-cell av-countdown-days'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='days' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Day' data-label-multi='Days'>Days<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-hours'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='hours' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Hour' data-label-multi='Hours'>Hours<\/span><\/span><\/span><span class='av-countdown-cell av-countdown-minutes'><span class='av-countdown-cell-inner'><span class='av-countdown-time ' data-upate-width='minutes' style=''>0<\/span><span class='av-countdown-time-label ' data-label='Minute' data-label-multi='Minutes'>Minutes<\/span><\/span><\/span><\/span><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/pages\/1370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/comments?post=1370"}],"version-history":[{"count":0,"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/pages\/1370\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/almenstrips.com\/index.php\/wp-json\/wp\/v2\/media?parent=1370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}