{"id":2656,"date":"2015-07-16T11:06:22","date_gmt":"2015-07-16T11:06:22","guid":{"rendered":"https:\/\/burst.qodeinteractive.com\/burst\/?page_id=2656"},"modified":"2015-09-23T09:14:27","modified_gmt":"2015-09-23T09:14:27","slug":"animated-counters","status":"publish","type":"page","link":"https:\/\/burst.qodeinteractive.com\/burst\/animated-counters\/","title":{"rendered":"Animated Counters"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;110&#8243; css_animation=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column]<div class=\"mkd_separator_with_icon with_icon  center \" style=\"margin-top:0px;margin-bottom:0px\"><div class=\"mkd_icon_holder\" style=\"bottom:-19px;\"><div class=\"mkd_separator_icon_holder\"><div class=\"mkd_line_before\"  style=\"border:none;\"><\/div><span class=\"mkd_icon_shade mkd_icon_shortcode simple_line_icons circle   \" data-hover-background-color=#fe4743  style=\"background-color: #fe4743;border-width: 0px!important; border-style:solid;line-height:38px;width:38px;height:38px;\"><i class=\"mkd_icon_simple_line_icon icon-energy \" style=\"color: #ffffff;line-height:38px;font-size: 20px; \" data-color=\"#ffffff\" data-hover-color=\"#ffffff\" ><\/i><\/span><div class=\"mkd_line_after\"  style=\"border:none;\"><\/div><\/div><\/div><\/div>[no_elements_holder background_color=&#8221;#f3f3f4&#8243; number_of_columns=&#8221;one_column&#8221; switch_to_one_column=&#8221;&#8221; alignment_one_column=&#8221;center&#8221;][no_elements_holder_item background_color=&#8221;#f3f3f4&#8243; item_padding=&#8221;48px 50px 52px 50px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_1300_1600=&#8221;48px 50px 52px 50px&#8221; item_padding_600_768=&#8221;8% 3% 7% 3%&#8221; item_padding_480_600=&#8221;11% 5% 10% 5%&#8221; item_padding_480=&#8221;16% 5% 10% 5%&#8221; item_padding_1000_1300=&#8221;48px 50px 52px 50px&#8221; item_padding_768_1000=&#8221;8% 3% 8% 3%&#8221; elemnts_holder_frame=&#8221;no&#8221;][vc_column_text]<\/p>\n<h5 style=\"text-align: center;\"><strong>Animated Counters<\/strong> \u2013 Use counters to display interesting facts in an engaging way. Choose whether the counters will count up, or randomly spin to reach your desired number.<\/h5>\n<p>[\/vc_column_text][\/no_elements_holder_item][\/no_elements_holder][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;67&#8243; padding_bottom=&#8221;108&#8243; css_animation=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column]<div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter zero\" style=\"color: #283033;letter-spacing: 0px;font-size: 125px;font-weight: 700;\">2015<\/span><\/div><span class=\"separator medium\" style=\"width: 100px;border-color: #18cfab;margin-bottom: 36px;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><h4 class='counter_title' style='color:#283033;font-size:25px;'>Custom font size animated counter<\/h4><\/div>[\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; triangle_shape=&#8221;no&#8221; background_color=&#8221;#f3f3f4&#8243; padding_top=&#8221;100&#8243; padding_bottom=&#8221;76&#8243; css_animation=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter random\" style=\"color: #18cfab;letter-spacing: 0px;font-size: 70px;font-weight: 700;\">75<\/span><\/div><span class=\"separator medium\" style=\"width: 28px;border-color: #cbcfd3;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><p class=\"counter_text\" style=\"font-size: 18px;font-weight: 700;text-transform: none;color: #283033;\">New Shortcodes<\/p><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;27&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter random\" style=\"color: #18cfab;letter-spacing: 0px;font-size: 70px;font-weight: 700;\">690<\/span><\/div><span class=\"separator medium\" style=\"width: 28px;border-color: #cbcfd3;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><p class=\"counter_text\" style=\"font-size: 18px;font-weight: 700;text-transform: none;color: #283033;\">Awesome Effects<\/p><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;27&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter random\" style=\"color: #18cfab;letter-spacing: 0px;font-size: 70px;font-weight: 700;\">2000<\/span><\/div><span class=\"separator medium\" style=\"width: 28px;border-color: #cbcfd3;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><p class=\"counter_text\" style=\"font-size: 18px;font-weight: 700;text-transform: none;color: #283033;\">Meetings<\/p><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;27&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter random\" style=\"color: #18cfab;letter-spacing: 0px;font-size: 70px;font-weight: 700;\">75<\/span><\/div><span class=\"separator medium\" style=\"width: 28px;border-color: #cbcfd3;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><p class=\"counter_text\" style=\"font-size: 18px;font-weight: 700;text-transform: none;color: #283033;\">Beautiful Layouts<\/p><\/div>[vc_separator type=&#8221;transparent&#8221; up=&#8221;27&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;parallax&#8221; type=&#8221;grid&#8221; text_align=&#8221;center&#8221; triangle_shape=&#8221;no&#8221; background_image=&#8221;2529&#8243; full_screen_section_height=&#8221;no&#8221; section_height=&#8221;400&#8243; zoom_effect=&#8221;no&#8221;][vc_column][vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; up_style=&#8221;px&#8221; down=&#8221;108&#8243; down_style=&#8221;px&#8221;][no_elements_holder number_of_columns=&#8221;four_columns&#8221; switch_to_one_column=&#8221;768&#8243; alignment_one_column=&#8221;center&#8221;][no_elements_holder_item item_padding=&#8221;0px 0px 104px 0px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221;]<span class=\"mkd_icon_shade mkd_icon_shortcode simple_line_icons normal   \"  style=\"margin: 0 0 23px 0;\"><i class=\"mkd_icon_simple_line_icon icon-plane \" style=\"font-size: 35px;color: #18cfab;line-height:37px; \" data-color=\"#18cfab\" ><\/i><\/span><div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter random\" style=\"color: #ffffff;letter-spacing: 0px;font-size: 70px;font-weight: 700;\">75<\/span><\/div><span class=\"separator medium\" style=\"width: 28px;border-color: #ffffff;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><p class=\"counter_text\" style=\"font-size: 18px;font-weight: 700;text-transform: none;color: #ffffff;\">New Shortcodes<\/p><\/div>[\/no_elements_holder_item][no_elements_holder_item item_padding=&#8221;0px 0px 104px 0px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221;]<span class=\"mkd_icon_shade mkd_icon_shortcode simple_line_icons normal   \"  style=\"margin: 0 0 23px 0;\"><i class=\"mkd_icon_simple_line_icon icon-diamond \" style=\"font-size: 35px;color: #18cfab;line-height:37px; \" data-color=\"#18cfab\" ><\/i><\/span><div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter random\" style=\"color: #ffffff;letter-spacing: 0px;font-size: 70px;font-weight: 700;\">690<\/span><\/div><span class=\"separator medium\" style=\"width: 28px;border-color: #ffffff;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><p class=\"counter_text\" style=\"font-size: 18px;font-weight: 700;text-transform: none;color: #ffffff;\">Awesome Effects<\/p><\/div>[\/no_elements_holder_item][no_elements_holder_item item_padding=&#8221;0px 0px 104px 0px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221;]<span class=\"mkd_icon_shade mkd_icon_shortcode simple_line_icons normal   \"  style=\"margin: 0 0 23px 0;\"><i class=\"mkd_icon_simple_line_icon icon-energy \" style=\"font-size: 35px;color: #18cfab;line-height:37px; \" data-color=\"#18cfab\" ><\/i><\/span><div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter random\" style=\"color: #ffffff;letter-spacing: 0px;font-size: 70px;font-weight: 700;\">2000<\/span><\/div><span class=\"separator medium\" style=\"width: 28px;border-color: #ffffff;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><p class=\"counter_text\" style=\"font-size: 18px;font-weight: 700;text-transform: none;color: #ffffff;\">Meetings<\/p><\/div>[\/no_elements_holder_item][no_elements_holder_item item_padding=&#8221;0px 0px 104px 0px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221;]<span class=\"mkd_icon_shade mkd_icon_shortcode simple_line_icons normal   \"  style=\"margin: 0 0 23px 0;\"><i class=\"mkd_icon_simple_line_icon icon-plane \" style=\"font-size: 35px;color: #18cfab;line-height:37px; \" data-color=\"#18cfab\" ><\/i><\/span><div class=\"mkd_counter_holder  center\" style=\"\"><div class=\"counter_number_holder\"><span class=\"counter_icon\"> <\/span><span class=\"counter random\" style=\"color: #ffffff;letter-spacing: 0px;font-size: 70px;font-weight: 700;\">75<\/span><\/div><span class=\"separator medium\" style=\"width: 28px;border-color: #ffffff;border-bottom-width: 2px;border-bottom-style: solid\"><\/span><p class=\"counter_text\" style=\"font-size: 18px;font-weight: 700;text-transform: none;color: #ffffff;\">Beautiful Layouts<\/p><\/div>[\/no_elements_holder_item][\/no_elements_holder][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;110&#8243; css_animation=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column][no_elements_holder background_color=&#8221;#f3f3f4&#8243; number_of_columns=&#8221;one_column&#8221; switch_to_one_column=&#8221;&#8221; alignment_one_column=&#8221;center&#8221;][no_elements_holder_item background_color=&#8221;#f3f3f4&#8243; item_padding=&#8221;48px 50px 52px 50px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_1300_1600=&#8221;48px 50px 52px 50px&#8221; item_padding_600_768=&#8221;8% 3% 7% 3%&#8221; item_padding_480_600=&#8221;11% 5% 10% 5%&#8221; item_padding_480=&#8221;16% 5% 10% 5%&#8221; item_padding_1000_1300=&#8221;48px 50px 52px 50px&#8221; item_padding_768_1000=&#8221;8% 3% 8%&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"full_width.php","meta":[],"_links":{"self":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages\/2656"}],"collection":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/comments?post=2656"}],"version-history":[{"count":0,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages\/2656\/revisions"}],"wp:attachment":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/media?parent=2656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}