[codebean_section_title title=»Counter Box» title_size=»large» title_color=»#ffffff» title_text_align=»center» margin_bottom=»2″ width=»»][codebean_section_subtitle color=»#ffffff» text_align=»center» text=»Includes multiple animated counter elements.» width=»»]
[codebean_animated_counter add_icon=»» color_scheme=»custom» value=»28500″ label=»Site Award Nominations» css=».vc_custom_1522952008952{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: #eaeaea !important;border-left-style: solid !important;border-right-color: #eaeaea !important;border-right-style: solid !important;border-top-color: #eaeaea !important;border-top-style: solid !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;}» text_color=»#f89d0e»]
[codebean_animated_counter add_icon=»» color_scheme=»custom» value=»15000″ label=»Site Award Nominations» css=».vc_custom_1522952045842{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: #eaeaea !important;border-left-style: solid !important;border-right-color: #eaeaea !important;border-right-style: solid !important;border-top-color: #eaeaea !important;border-top-style: solid !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;}» text_color=»#428bca»]
[codebean_animated_counter add_icon=»» color_scheme=»custom» value=»15000″ label=»Site Award Nominations» css=».vc_custom_1522952081450{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: #eaeaea !important;border-left-style: solid !important;border-right-color: #eaeaea !important;border-right-style: solid !important;border-top-color: #eaeaea !important;border-top-style: solid !important;border-bottom-color: #eaeaea !important;border-bottom-style: solid !important;}» text_color=»#f3562f»]
Animated Counters with Icons

Each counter box instance can display a font awesome icon with the content.

[codebean_animated_counter add_icon=»true» icon=»ti-panel» color_scheme=»dark» value=»462″ label=»Site Award Nominations» css=».vc_custom_1522952303535{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: rgba(244,164,121,0.2) !important;border-left-style: solid !important;border-right-color: rgba(244,164,121,0.2) !important;border-right-style: solid !important;border-top-color: rgba(244,164,121,0.2) !important;border-top-style: solid !important;border-bottom-color: rgba(244,164,121,0.2) !important;border-bottom-style: solid !important;}» icon_color=»#f4a479″ icon_size=»37″]
[codebean_animated_counter add_icon=»true» icon=»ti-truck» color_scheme=»light» value=»328″ label=»Site Award Nominations» css=».vc_custom_1522952370608{padding: 30px !important;background-color: #2dc2c1 !important;}» icon_color=»#ffffff» icon_size=»37″]
[codebean_animated_counter add_icon=»true» icon=»ti-map-alt» color_scheme=»custom» value=»188″ label=»Site Award Nominations» css=».vc_custom_1522952483492{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}» icon_color=»#be73dd» icon_size=»37″ text_color=»#be73dd»]