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

[et_pb_section admin_label=\u00a0\u00bbsection\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 custom_margin=\u00a0\u00bb||0px|\u00a0\u00bb]<\/p>\n

The Pie Counter Module<\/h1>\n

Animated pie 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.<\/p>\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\u00bbleft\u00a0\u00bb header_font=\u00a0\u00bbOpen Sans|on||on|\u00a0\u00bb header_font_size=\u00a0\u00bb22px\u00a0\u00bb header_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb header_letter_spacing=\u00a0\u00bb1px\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb custom_margin=\u00a0\u00bb||0px|\u00a0\u00bb]<\/p>\n

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

[\/et_pb_text][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb text_orientation=\u00a0\u00bbleft\u00a0\u00bb text_font=\u00a0\u00bbOpen Sans||||\u00a0\u00bb text_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb use_border_color=\u00a0\u00bboff\u00a0\u00bb border_color=\u00a0\u00bb#ffffff\u00a0\u00bb border_style=\u00a0\u00bbsolid\u00a0\u00bb]<\/p>\n

You can assign a unique color to Each Counter and \u2026<\/p>\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_3″][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb34″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#108bf5″ title_font_size=\u00a0\u00bb18″ number_font_size=\u00a0\u00bb40″ title_font=\u00a0\u00bbOpen Sans|on||on|\u00a0\u00bb]
\n[\/et_pb_circle_counter][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb25″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#c255ed\u00a0\u00bb title_font_size=\u00a0\u00bb18″ number_font_size=\u00a0\u00bb40″ title_font=\u00a0\u00bbOpen Sans|on||on|\u00a0\u00bb]
\n[\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_3″][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb86″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#108bf5″ title_font_size=\u00a0\u00bb18″ number_font_size=\u00a0\u00bb40″ title_font=\u00a0\u00bbOpen Sans|on||on|\u00a0\u00bb]
\n[\/et_pb_circle_counter][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb75″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#ef567f\u00a0\u00bb title_font_size=\u00a0\u00bb18″ number_font_size=\u00a0\u00bb40″ title_font=\u00a0\u00bbOpen Sans|on||on|\u00a0\u00bb]
\n[\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_3″][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb42″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#108bf5″ title_font_size=\u00a0\u00bb18″ number_font_size=\u00a0\u00bb40″ title_font=\u00a0\u00bbOpen Sans|on||on|\u00a0\u00bb]
\n[\/et_pb_circle_counter][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb50″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#7045ef\u00a0\u00bb title_font_size=\u00a0\u00bb18″ number_font_size=\u00a0\u00bb40″ title_font=\u00a0\u00bbOpen Sans|on||on|\u00a0\u00bb]
\n[\/et_pb_circle_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\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\u00bb4_4″][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb background_layout=\u00a0\u00bbdark\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb header_font=\u00a0\u00bbOpen Sans||||\u00a0\u00bb header_font_size=\u00a0\u00bb22px\u00a0\u00bb header_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb header_letter_spacing=\u00a0\u00bb1px\u00a0\u00bb header_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]<\/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_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb65″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#2caaca\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb title_letter_spacing=\u00a0\u00bb1px\u00a0\u00bb number_font_size=\u00a0\u00bb40″ number_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb]
\n[\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4″][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb25″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#c255ed\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb title_letter_spacing=\u00a0\u00bb1px\u00a0\u00bb number_font_size=\u00a0\u00bb40″ number_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb]
\n[\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4″][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb75″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#ef567f\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb title_letter_spacing=\u00a0\u00bb1px\u00a0\u00bb number_font_size=\u00a0\u00bb40″ number_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb]
\n[\/et_pb_circle_counter][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4″][et_pb_circle_counter admin_label=\u00a0\u00bbCircle Counter\u00a0\u00bb title=\u00a0\u00bbCircle Counter Title\u00a0\u00bb number=\u00a0\u00bb50″ percent_sign=\u00a0\u00bbon\u00a0\u00bb background_layout=\u00a0\u00bblight\u00a0\u00bb bar_bg_color=\u00a0\u00bb#7045ef\u00a0\u00bb title_font_size=\u00a0\u00bb18″ title_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb title_letter_spacing=\u00a0\u00bb1px\u00a0\u00bb number_font_size=\u00a0\u00bb40″ number_text_color=\u00a0\u00bb#ffffff\u00a0\u00bb]
\n[\/et_pb_circle_counter][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00a0\u00bbRow\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

The Pie Counter Module Animated pie 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 \u2026 Have a Dark Background?<\/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-980","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/pages\/980","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=980"}],"version-history":[{"count":0,"href":"https:\/\/cfdt-rhon-telecom.fr\/index.php\/wp-json\/wp\/v2\/pages\/980\/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=980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}