Counters

[vc_row][vc_column width=”1/1″][box_title font_size=”17″ font_alignment=”center” border=”middle” border_color=”#CDCDCD”]BIG NUMBERS[/box_title][vc_row_inner][vc_column_inner width=”1/3″][counter text=”CREATIVES IDEAS” text_color=”#555555″ text_size=”20″ number=”100″ number_size=”150″ number_color=”#e9a400″ percent=”0″ percent_color=”#000000″ icon_type=”none” icon_theme=”archive” icon_size=”14″ icon_color=”#770a0a” animate=”1″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”10″][/vc_column_inner][vc_column_inner width=”1/3″][counter text=”LAOREET DOLOR NEC” text_color=”#555555″ text_size=”20″ number=”20″ number_size=”150″ number_color=”#e9a400″ percent=”1″ percent_color=”#000000″ icon_type=”none” icon_theme=”adjust” icon_size=”14″ icon_color=”#797979″ animate=”1″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”1″][/vc_column_inner][vc_column_inner width=”1/3″][counter text=”FOUNDING PARTNERS” text_color=”#555555″ text_size=”20″ number=”12″ number_size=”150″ number_color=”#e9a400″ percent=”0″ percent_color=”#000000″ icon_type=”none” icon_theme=”adjust” icon_size=”14″ icon_color=”#797979″ animate=”1″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”1″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][box_title font_size=”17″ font_alignment=”center” border=”middle” border_color=”#CDCDCD”]WITH ICONS[/box_title][vc_row_inner][vc_column_inner width=”1/3″][counter text=”CUPS OF COFFEE” text_color=”#555555″ text_size=”20″ number=”100″ number_size=”60″ number_color=”#e9a400″ percent=”0″ percent_color=”#000000″ icon_type=”theme-icon” icon_theme=”coffee” icon_size=”40″ icon_color=”#797979″ animate=”1″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”10″][/vc_column_inner][vc_column_inner width=”1/3″][counter text=”HAPPY CUSTOMERS” text_color=”#555555″ text_size=”20″ number=”300″ number_size=”60″ number_color=”#e9a400″ percent=”0″ percent_color=”#000000″ icon_type=”theme-icon” icon_theme=”smile-o” icon_size=”40″ icon_color=”#797979″ animate=”1″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”10″][/vc_column_inner][vc_column_inner width=”1/3″][counter text=”BUG FIXED!” text_color=”#555555″ text_size=”20″ number=”86″ number_size=”60″ number_color=”#e9a400″ percent=”0″ percent_color=”#000000″ icon_type=”theme-icon” icon_theme=”code” icon_size=”40″ icon_color=”#797979″ animate=”1″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”1″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][box_title font_size=”15″ font_alignment=”center” border=”middle” border_color=”#CDCDCD”]SHORTCODE ATTRIBUTES[/box_title][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]

  • text: text under the number
  • text color: color of the text under the number
  • text size: size of the text under the number
  • number: number value
  • number size: font size of the number
  • number color: color font of the number
  • icon type: wether to insert icon, image or nothing

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]

  • icon url: image url, if you want to use use a customimage
  • icon size: size of the icon, if you want to use a predifined icon
  • icon color: color of the icon, if you want to use a predifined icon
  • percent: whether to show the percent icon
  • percent color: color font of the percent icon
  • animate numbers: whether to animate the counter

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]