Counters & Bars

[vc_row row_separator= »no-separator » top= »60px » bottom= »60px » speed= »0.20″ slope_top_pos= »slope-top-inside » slope_top_dir= »slope-top-left » slope_top_height= »100px » slope_bottom_pos= »slope-bottom-inside » slope_bottom_dir= »slope-bottom-right » slope_bottom_height= »100px » bg_image= »2959″ overlay_color= »rgba(15,13,32,0.82) » textalign= »right » parallax_bg= »parallax-bg » bg_cover= »cover » bg_repeat= »no-repeat » bg_position= »Right top » slope_bottom_color= »#ffffff » scale_bg= »scale-bg » content_fadeout= »content-fadeout » fadeout_speed= »0.50″ row_align= »align-middle » scale_speed= »0.20″ video_speed= »0.20″ overlay_pattern_op= »0.2″ full_content_width= » » bg_color= »#3e4058″ parallax_video= » » row_mobile_style= » » row_show_on= » » slope_top= » » slope_bottom= » »][vc_column width= »1/1″][vc_empty_space height= »100px »][vc_column_text]

NUMBER

OF SATISFIED CUSTOMERS

[/vc_column_text][vc_counter from= »146″ to= »185″ speed= »10000″ interval= »1″ decimals= »0″ size= »100px » weight= »800″ color= »#f47177″][/vc_column][/vc_row][vc_row row_seperator= »no-seperator » top= »100px » bottom= »60px » speed= »0.20″ row_separator= »no-separator » slope_top_pos= »slope-top-inside » slope_top_dir= »slope-top-left » slope_top_height= »100px » slope_bottom_pos= »slope-bottom-inside » slope_bottom_dir= »slope-bottom-left » slope_bottom_height= »100px » row_align= »align-middle » scale_speed= »0.20″ video_speed= »0.20″ overlay_pattern_op= »0.2″ bg_image= »3717″ parallax_bg= »parallax-bg » bg_cover= »cover » bg_position= »Center center » full_content_width= » » content_fadeout= » » scale_bg= » » parallax_video= » » row_mobile_style= » » row_show_on= » » slope_top= » » slope_bottom= » »][vc_column width= »1/1″ css= ».vc_custom_1426330318477{padding-bottom: 60px !important;} » slope_left_dir= »slope-left-top » slope_left_width= »100px » slope_right_dir= »slope-right-top » slope_right_width= »100px »][vc_heading title= »Progress Bars » subtitle= »Unlimited colors, custom bar height, bar animation » divider= »div-between » divider_type= »div-narrow-thick » size= »small » divider_color= »#f47177″ alignment= »align-center » h_size= »h-large »][/vc_column][vc_column width= »1/2″][vc_progress_bar values= »90|Design / Graphics,65|HTML 5 / CSS 3,80|Backend,85|Customer Support » bgcolor= »bar_black » custombgcolor= »#e74c3c » units= »% » height= »6px » label_pos= »text_below » track_color= »#ededed »][vc_empty_space height= »60px »][/vc_column][vc_column width= »1/2″][vc_progress_bar values= »90|Design / Graphics,65|HTML 5 / CSS 3,80|Backend,85|Customer Support » bgcolor= »bar_green » custombgcolor= »#e74c3c » units= »% » height= »6px » label_pos= »text_below » track_color= »#ededed »][vc_empty_space height= »60px »][/vc_column][vc_column width= »1/2″][vc_progress_bar values= »85|Customer Support,90|Design / Graphics|#f47177,65|HTML 5 / CSS 3,80|Backend » bgcolor= »bar_black » custombgcolor= »#e74c3c » units= »% » height= »30px » label_pos= »text_inside »][vc_empty_space height= »60px »][/vc_column][vc_column width= »1/2″][vc_progress_bar values= »90|Design / Graphics,65|HTML 5 / CSS 3,80|Backend,85|Customer Support » bgcolor= »bar_green » custombgcolor= »#2eafdb » units= »% » height= »30px » label_pos= »text_inside »][vc_empty_space height= »60px »][/vc_column][/vc_row][vc_row bg_color= »#f47177″ row_seperator= »no-seperator » top= »60px » bottom= »60px » textalign= »center » font_color= »#ffffff » section_id= »achievement » bg_attachment= »fixed » bg_cover= »cover » row_separator= »no-separator » speed= »0.20″ slope_top_pos= »slope-top-inside » slope_top_dir= »slope-top-left » slope_top_height= »100px » slope_bottom_pos= »slope-bottom-inside » slope_bottom_dir= »slope-bottom-left » slope_bottom_height= »100px »][vc_column width= »1/4″][vc_icon name= »icon-speedometer » icon_size= »50px » icon_color= »#f4babd » padding_left= »0px » padding_right= »0px » css_animation_delay= »delay-200″ icon_shape= »icon-empty » margin_left= »0px » margin_right= »0px » type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-speedometer » color= »custom » background_color= »icon_bg_themecolor » size= »lg » display= »block » align= »center » custom_color= »#f4babd »][vc_empty_space height= »20px »][vc_counter from= »0″ to= »204″ speed= »1500″ interval= »10″ decimals= »0″ size= »40px » weight= »600″ color= »#ffffff »][vc_empty_space height= »10px »][vc_column_text]

DAYS OF WORK

[/vc_column_text][vc_empty_space height= »20px »][/vc_column][vc_column width= »1/4″][vc_icon name= »icon-cup » icon_size= »50px » icon_color= »#f4babd » padding_left= »0px » padding_right= »0px » css_animation_delay= »delay-200″ icon_shape= »icon-empty » margin_left= »0px » margin_right= »0px » type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-cup » color= »custom » background_color= »icon_bg_themecolor » size= »lg » display= »block » align= »center » custom_color= »#f4babd »][vc_empty_space height= »20px »][vc_counter from= »0″ to= »625″ speed= »1500″ interval= »10″ decimals= »0″ size= »40px » weight= »600″ color= »#ffffff »][vc_empty_space height= »10px »][vc_column_text]

CUPS OF COFFEE

[/vc_column_text][vc_empty_space height= »20px »][/vc_column][vc_column width= »1/4″ slope_left_dir= »slope-left-top » slope_left_width= »100px » slope_right_dir= »slope-right-top » slope_right_width= »100px »][vc_icon name= »fa fa-keyboard-o » icon_size= »50px » icon_color= »#f4babd » padding_left= »0px » padding_right= »0px » css_animation_delay= »delay-200″ icon_shape= »icon-empty » margin_left= »0px » margin_right= »0px » type= »fontawesome » icon_fontawesome= »fa fa-keyboard-o » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-user-unfollow » color= »custom » background_color= »icon_bg_themecolor » size= »lg » display= »block » align= »center » custom_color= »#f4babd »][vc_empty_space height= »20px »][vc_counter from= »0″ to= »54810″ speed= »1500″ interval= »100″ decimals= »0″ size= »40px » weight= »600″ color= »#ffffff »][vc_empty_space height= »10px »][vc_column_text]

LINES OF CODE

[/vc_column_text][vc_empty_space height= »20px »][/vc_column][vc_column width= »1/4″ slope_left_dir= »slope-left-top » slope_left_width= »100px » slope_right_dir= »slope-right-top » slope_right_width= »100px »][vc_icon name= »li_heart » icon_size= »50px » icon_color= »#f4babd » padding_left= »0px » padding_right= »0px » css_animation_delay= »delay-200″ icon_shape= »icon-empty » margin_left= »0px » margin_right= »0px » type= »linecons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-user-unfollow » color= »custom » background_color= »icon_bg_themecolor » size= »lg » display= »block » align= »center » custom_color= »#f4babd »][vc_empty_space height= »20px »][vc_counter from= »0″ to= »714″ speed= »1500″ interval= »10″ decimals= »0″ size= »40px » weight= »600″ color= »#ffffff »][vc_empty_space height= »10px »][vc_column_text]

HAPPY CLIENTS

[/vc_column_text][vc_empty_space height= »20px »][/vc_column][/vc_row][vc_row row_separator= »no-separator » top= »100px » bottom= »100px » speed= »0.20″ slope_top_pos= »slope-top-inside » slope_top_dir= »slope-top-left » slope_top_height= »100px » slope_bottom_pos= »slope-bottom-inside » slope_bottom_dir= »slope-bottom-left » slope_bottom_height= »100px » row_align= »align-middle » scale_speed= »0.20″ video_speed= »0.20″ overlay_pattern_op= »0.2″ textalign= »center » bg_image= »3717″ parallax_bg= »parallax-bg » bg_cover= »cover » bg_position= »Center center » full_content_width= » » content_fadeout= » » scale_bg= » » parallax_video= » » row_mobile_style= » » row_show_on= » » slope_top= » » slope_bottom= » »][vc_column width= »1/1″ css= ».vc_custom_1426330757236{padding-bottom: 60px !important;} » slope_left_dir= »slope-left-top » slope_left_width= »100px » slope_right_dir= »slope-right-top » slope_right_width= »100px »][vc_heading title= »Donut charts » subtitle= »Customize the bar, background, label and animation » divider= »div-between » divider_type= »div-narrow-thick » size= »small » divider_color= »#f47177″ alignment= »align-center » css_animation= »bottom-to-top » h_size= »h-large »][/vc_column][vc_column width= »1/4″][vc_pie value= »75″ units= »% » bar_color= »#f47177″ width= »2″ text_color= »#363b3e » duration= »4000″ easing= »bounce » css_animation= »bottom-to-top » track_color= »#ffffff »][vc_empty_space height= »40px »][vc_column_text]

Design / Graphics

[/vc_column_text][vc_empty_space height= »40px »][/vc_column][vc_column width= »1/4″][vc_pie value= »87″ units= »% » bar_color= »#f47177″ width= »6″ text_color= »#363b3e » duration= »5000″ easing= »bounce » css_animation= »bottom-to-top » css_animation_delay= »delay-300″][vc_empty_space height= »40px »][vc_column_text]

HTML 5 / CSS 3

[/vc_column_text][vc_empty_space height= »40px »][/vc_column][vc_column width= »1/4″][vc_pie value= »91″ bar_color= »#7ed69a » width= »10″ duration= »3000″ easing= »easeInOut » track_color= »rgba(255,255,255,0.3) » css_animation= »bottom-to-top » css_animation_delay= »delay-600″][vc_empty_space height= »40px »][vc_column_text]

Backend

[/vc_column_text][vc_empty_space height= »40px »][/vc_column][vc_column width= »1/4″][vc_pie value= »69″ bar_color= »#7ed69a » width= »1″ duration= »5000″ easing= »easeOutBack » css_animation= »bottom-to-top » css_animation_delay= »delay-900″ units= »% » bg_color= »#ffffff »][vc_empty_space height= »40px »][vc_column_text]

Customer Support

[/vc_column_text][vc_empty_space height= »40px »][/vc_column][/vc_row]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *