Buttons

[vc_row row_separator= »no-separator » top= »160px » 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 » bg_color= »#353739″ slope_bottom_color= »#ffffff »][vc_column width= »1/1″][vc_heading h_size= »h-extralarge » title= »Button Examples » title_color= »#ffffff » subtitle= »Various styles, colors and sizes – choose yours! » subtitle_color= »#ffffff » divider_type= »div-narrow-thick » size= »small » alignment= »align-center » divider= »div-between » divider_color= »#ffb400″][/vc_column][/vc_row][vc_row][vc_column width= »1/1″][vc_heading title= »Choose the size and the shape » title_color= »#363b3e » divider= »div-between » divider_type= »div-narrow-thick » size= »small » divider_color= »#ededed » alignment= »align-center »][/vc_column][/vc_row][vc_row row_seperator= »no-seperator » top= »0px » bottom= »100px » 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 » textalign= »center »][vc_column width= »1/4″][vc_button title= »Large » size= »btn-large » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_lock » border_radius= »sharp » icon_pos= »icon-left » color_scheme= »predefined » css_animation= »bottom-to-top » button_width= » » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-share » 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 » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][vc_button title= »Medium » size= »btn-medium » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_bulb » border_radius= »sharp » icon_pos= »icon-left » color_scheme= »predefined » css_animation= »bottom-to-top » css_animation_delay= »delay-300″ button_width= » » type= »typicons » 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 » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][vc_button title= »Regular » size= »wpb_regularsize » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_bubble » border_radius= »sharp » icon_pos= »icon-left » color_scheme= »predefined » css_animation= »bottom-to-top » css_animation_delay= »delay-600″ button_width= » » type= »entypo » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-picture » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-user-unfollow » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][/vc_column][vc_column width= »1/4″][vc_button title= »Large » size= »btn-large » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_lock » border_radius= »sl_rounded » icon_pos= »icon-left » color_scheme= »predefined » css_animation= »bottom-to-top » button_width= » » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-share » 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 » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][vc_button title= »Medium » size= »btn-medium » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_bulb » border_radius= »sl_rounded » icon_pos= »icon-left » color_scheme= »predefined » css_animation= »bottom-to-top » css_animation_delay= »delay-300″ button_width= » » type= »typicons » 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 » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][vc_button title= »Regular » size= »wpb_regularsize » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_bubble » border_radius= »sl_rounded » icon_pos= »icon-left » color_scheme= »predefined » css_animation= »bottom-to-top » css_animation_delay= »delay-600″ button_width= » » type= »entypo » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-picture » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-user-unfollow » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][/vc_column][vc_column width= »1/4″][vc_button title= »Large » size= »btn-large » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_lock » border_radius= »hv_rounded » icon_pos= »icon-right » color_scheme= »predefined » css_animation= »bottom-to-top » button_width= » » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-share » 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 » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][vc_button title= »Medium » size= »btn-medium » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_bulb » border_radius= »hv_rounded » icon_pos= »icon-right » color_scheme= »predefined » css_animation= »bottom-to-top » css_animation_delay= »delay-300″ button_width= » » type= »typicons » 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 » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][vc_button title= »Regular » size= »wpb_regularsize » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_bubble » border_radius= »hv_rounded » icon_pos= »icon-right » color_scheme= »predefined » css_animation= »bottom-to-top » css_animation_delay= »delay-600″ button_width= » » type= »entypo » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-picture » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-user-unfollow » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][/vc_column][vc_column width= »1/4″][vc_button title= »Large » size= »btn-large » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_lock » border_radius= »round » icon_pos= »icon-right » color_scheme= »predefined » css_animation= »bottom-to-top » button_width= » » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-share » 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 » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][vc_button title= »Medium » size= »btn-medium » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_bulb » border_radius= »round » icon_pos= »icon-right » color_scheme= »predefined » css_animation= »bottom-to-top » css_animation_delay= »delay-300″ button_width= » » type= »typicons » 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 » margin_left= »0px » margin_right= »0px »][vc_empty_space height= »10px »][vc_button title= »Regular » size= »wpb_regularsize » color= »btn_yellow » button_style= »minimal_style » icon_name= »li_bubble » border_radius= »round » icon_pos= »icon-right » color_scheme= »predefined » css_animation= »bottom-to-top » css_animation_delay= »delay-600″ button_width= » » type= »entypo » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-picture » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-user-unfollow » margin_left= »0px » margin_right= »0px »][/vc_column][/vc_row][vc_row row_separator= »row-line-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-left » slope_bottom_height= »100px » bg_color= »#fafaf9″][vc_column width= »1/1″][vc_heading title= »And the color » title_color= »#363b3e » divider= »div-between » divider_type= »div-narrow-thick » size= »small » divider_color= »#ededed » alignment= »align-center »][/vc_column][/vc_row][vc_row row_separator= »no-separator » top= »0px » 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 » bg_color= »#fafaf9″ textalign= »center »][vc_column width= »1/6″][vc_button title= »Blue button » size= »btn-medium » color= »btn_blue » border_radius= »sharp » icon_pos= »icon-left » button_width= » » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column][vc_column width= »1/6″][vc_button title= »Green button » size= »btn-medium » color= »btn_green » border_radius= »sharp » icon_pos= »icon-left » button_width= » » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column][vc_column width= »1/6″][vc_button title= »Red button » size= »btn-medium » color= »btn_red » border_radius= »sharp » icon_pos= »icon-left » button_width= » » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column][vc_column width= »1/6″][vc_button title= »Black button » size= »btn-medium » color= »btn_black » border_radius= »sharp » icon_pos= »icon-left » button_width= » » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column][vc_column width= »1/6″][vc_button title= »Pink button » size= »btn-medium » color= »btn_pink » border_radius= »sharp » icon_pos= »icon-left » button_width= » » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column][vc_column width= »1/6″][vc_button title= »Grey button » size= »btn-medium » color= »btn_grey » border_radius= »sharp » icon_pos= »icon-left » button_width= » » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column][/vc_row][vc_row row_separator= »no-separator » top= »80px » bottom= »60px » bg_image= »2734″ parallax_bg= »parallax-bg » 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 » overlay_color= »rgba(0,0,0,0.4) » bg_cover= »cover » row_show_on= » » row_align= »align-middle » scale_speed= »0.20″ video_speed= »0.20″ overlay_pattern_op= »0.2″ full_content_width= » » content_fadeout= » » scale_bg= » » parallax_video= » » row_mobile_style= » » slope_top= » » slope_bottom= » » bg_color= »#3e4058″][vc_column width= »1/1″][vc_heading title= »Buttons can be full column wide » title_color= »#ffffff » subtitle= »Just set up column layout and your buttons will always be aligned » subtitle_color= »#ffffff » divider_type= »div-narrow » size= »small » alignment= »align-center » h_size= »h-large » divider= »div-between » divider_color= »#ffffff »][vc_empty_space height= »60px »][vc_row_inner][vc_column_inner width= »1/4″][vc_button title= »Column 1/4″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][vc_column_inner width= »1/4″][vc_button title= »Column 1/4″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][vc_column_inner width= »1/4″][vc_button title= »Column 1/4″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][vc_column_inner width= »1/4″][vc_button title= »Column 1/4″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][/vc_row_inner][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »2/3″][vc_button title= »Column 2/3″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][vc_column_inner width= »1/3″][vc_button title= »Column 1/3″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][/vc_row_inner][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »1/3″][vc_button title= »Column 1/3″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][vc_column_inner width= »1/3″][vc_button title= »Column 1/3″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][vc_column_inner width= »1/3″][vc_button title= »Column 1/3″ icon_name= »fa fa-arrows-h » size= »btn-large » color= »btn_orange » button_width= » btn_fw » border_radius= »sl_rounded » icon_pos= »icon-left » type= »openiconic » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-resize-horizontal » 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 » margin_left= »0px » margin_right= »0px » button_style= » »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_separator= »no-separator » top= »100px » bottom= »100px » bg_color= »#353739″ speed= »0.20″ textalign= »center » 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/1″][vc_row_inner][vc_column_inner width= »1/1″][vc_button title= »Metus integer sed » size= »btn-large » color= »btn_white » button_align= »none » border_radius= »sharp » icon_pos= »icon-left »][/vc_column_inner][/vc_row_inner][vc_empty_space height= »30px »][vc_row_inner][vc_column_inner width= »1/1″][vc_button title= »Lacinia luctus inceptos » size= »btn-large » color= »btn_white » button_align= »none » border_radius= »sharp » icon_pos= »icon-left »][/vc_column_inner][/vc_row_inner][vc_empty_space height= »30px »][vc_row_inner][vc_column_inner width= »1/1″][vc_button title= »Aliquam scelerisque pharetra eros » size= »btn-large » color= »btn_white » button_align= »none » border_radius= »sharp » icon_pos= »icon-left »][/vc_column_inner][/vc_row_inner][vc_empty_space height= »30px »][vc_row_inner][vc_column_inner width= »1/1″][vc_button title= »Justo senectus primis maecenas fermentum » size= »btn-large » color= »btn_white » button_align= »none » border_radius= »sharp » icon_pos= »icon-left »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Laisser un commentaire

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