{"id":1055,"date":"2016-07-13T08:24:59","date_gmt":"2016-07-13T08:24:59","guid":{"rendered":"https:\/\/extra.aspengrovestudio.com\/?page_id=1055"},"modified":"2016-07-13T08:24:59","modified_gmt":"2016-07-13T08:24:59","slug":"number-counter","status":"publish","type":"page","link":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/modules\/number-counter\/","title":{"rendered":"Number Counter"},"content":{"rendered":"

[et_pb_section admin_label=\u00a0\u00bbSection\u00a0\u00bb fullwidth=\u00a0\u00bboff\u00a0\u00bb specialty=\u00a0\u00bboff\u00a0\u00bb background_image=\u00a0\u00bbhttp:\/\/cfdt-rhon-telecom.fr\/wp-content\/uploads\/2016\/07\/header-1.jpg\u00a0\u00bb transparent_background=\u00a0\u00bboff\u00a0\u00bb background_color=\u00a0\u00bb#ffffff\u00a0\u00bb allow_player_pause=\u00a0\u00bboff\u00a0\u00bb inner_shadow=\u00a0\u00bboff\u00a0\u00bb parallax=\u00a0\u00bbon\u00a0\u00bb parallax_method=\u00a0\u00bboff\u00a0\u00bb padding_mobile=\u00a0\u00bboff\u00a0\u00bb make_fullwidth=\u00a0\u00bboff\u00a0\u00bb use_custom_width=\u00a0\u00bboff\u00a0\u00bb width_unit=\u00a0\u00bbon\u00a0\u00bb make_equal=\u00a0\u00bboff\u00a0\u00bb use_custom_gutter=\u00a0\u00bboff\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbRow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb3_4″][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb background_layout=\u00a0\u00bbdark\u00a0\u00bb text_orientation=\u00a0\u00bbleft\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb]<\/p>\n

The Number Counter Module<\/h1>\n

Animated number counters are a fun and effective way to display stats to your visitors. Animations are triggered using lazy-loading to make browsing the page truly engaging.
\n[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4″][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00a0\u00bbSection\u00a0\u00bb fullwidth=\u00a0\u00bboff\u00a0\u00bb specialty=\u00a0\u00bboff\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbRow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb]<\/p>\n

Unique Colors and Percent Sign Options<\/h2>\n

You can assign a unique color to each counter and choose whether or not to display the percentage sign
\n[\/et_pb_text][et_pb_divider admin_label=\u00a0\u00bbDivider\u00a0\u00bb color=\u00a0\u00bb#ffffff\u00a0\u00bb show_divider=\u00a0\u00bboff\u00a0\u00bb height=\u00a0\u00bb40″ divider_style=\u00a0\u00bbsolid\u00a0\u00bb divider_position=\u00a0\u00bbtop\u00a0\u00bb hide_on_mobile=\u00a0\u00bbon\u00a0\u00bb]
\n[\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00a0\u00bbRow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_3″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbWordPress Themes\u00a0\u00bb number=\u00a0\u00bb87″ percent_sign=\u00a0\u00bboff\u00a0\u00bb counter_color=\u00a0\u00bb#d86cad\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_3″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbLines Of Code\u00a0\u00bb number=\u00a0\u00bb5000″ percent_sign=\u00a0\u00bboff\u00a0\u00bb counter_color=\u00a0\u00bb#ad6bd6″ background_layout=\u00a0\u00bblight\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_3″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbAll Nighters\u00a0\u00bb number=\u00a0\u00bb48″ percent_sign=\u00a0\u00bboff\u00a0\u00bb counter_color=\u00a0\u00bb#6878d1″ background_layout=\u00a0\u00bblight\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00a0\u00bbRow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_3″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbBranding\u00a0\u00bb number=\u00a0\u00bb50″ percent_sign=\u00a0\u00bbon\u00a0\u00bb counter_color=\u00a0\u00bb#108bf5″ background_layout=\u00a0\u00bblight\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_3″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbWebsite Redesign\u00a0\u00bb number=\u00a0\u00bb30″ percent_sign=\u00a0\u00bbon\u00a0\u00bb counter_color=\u00a0\u00bb#108bf5″ background_layout=\u00a0\u00bblight\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_3″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbSocial Marketing\u00a0\u00bb number=\u00a0\u00bb20″ percent_sign=\u00a0\u00bbon\u00a0\u00bb counter_color=\u00a0\u00bb#108bf5″ background_layout=\u00a0\u00bblight\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00a0\u00bbSection\u00a0\u00bb fullwidth=\u00a0\u00bboff\u00a0\u00bb specialty=\u00a0\u00bboff\u00a0\u00bb background_image=\u00a0\u00bbhttp:\/\/cfdt-rhon-telecom.fr\/wp-content\/uploads\/2016\/07\/geometic-bg-black-2.jpg\u00a0\u00bb transparent_background=\u00a0\u00bboff\u00a0\u00bb background_color=\u00a0\u00bb#ffffff\u00a0\u00bb allow_player_pause=\u00a0\u00bboff\u00a0\u00bb inner_shadow=\u00a0\u00bboff\u00a0\u00bb parallax=\u00a0\u00bbon\u00a0\u00bb parallax_method=\u00a0\u00bbon\u00a0\u00bb padding_mobile=\u00a0\u00bboff\u00a0\u00bb make_fullwidth=\u00a0\u00bboff\u00a0\u00bb use_custom_width=\u00a0\u00bboff\u00a0\u00bb width_unit=\u00a0\u00bbon\u00a0\u00bb make_equal=\u00a0\u00bboff\u00a0\u00bb use_custom_gutter=\u00a0\u00bboff\u00a0\u00bb][et_pb_row admin_label=\u00a0\u00bbRow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb background_layout=\u00a0\u00bbdark\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb]<\/p>\n

Have a Dark Background?<\/h2>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00a0\u00bbRow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_4″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbBranding\u00a0\u00bb number=\u00a0\u00bb50″ percent_sign=\u00a0\u00bbon\u00a0\u00bb counter_color=\u00a0\u00bb#1fb1dd\u00a0\u00bb background_layout=\u00a0\u00bbdark\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbWebsite Redesign\u00a0\u00bb number=\u00a0\u00bb30″ percent_sign=\u00a0\u00bbon\u00a0\u00bb counter_color=\u00a0\u00bb#1cc9c9″ background_layout=\u00a0\u00bbdark\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbSocial Marketing\u00a0\u00bb number=\u00a0\u00bb20″ percent_sign=\u00a0\u00bbon\u00a0\u00bb counter_color=\u00a0\u00bb#1dd68c\u00a0\u00bb background_layout=\u00a0\u00bbdark\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4″][et_pb_number_counter admin_label=\u00a0\u00bbNumber Counter\u00a0\u00bb title=\u00a0\u00bbExcellence\u00a0\u00bb number=\u00a0\u00bb100″ percent_sign=\u00a0\u00bbon\u00a0\u00bb counter_color=\u00a0\u00bb#75eae6″ background_layout=\u00a0\u00bbdark\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_line_height=\u00a0\u00bb1.3em\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_css_number_counter_title=\u00a0\u00bbcolor: rgba(0, 0, 0, 0.75);||padding: 20px 0 0 0;\u00a0\u00bb]
\n[\/et_pb_number_counter][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

The Number Counter Module Animated number counters are a fun and effective way to display stats to your visitors. Animations are triggered using lazy-loading to make browsing the page truly engaging. Unique Colors and Percent Sign Options You can assign a unique color to each counter and choose whether or not to display the percentage […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":52,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1055","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/pages\/1055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1055"}],"version-history":[{"count":0,"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/pages\/1055\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/pages\/52"}],"wp:attachment":[{"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}