[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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_empty_space height=”10px”]
[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_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_empty_space height=”10px”]
[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_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_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_button title=”Metus integer sed” size=”btn-large” color=”btn_white” button_align=”none” border_radius=”sharp” icon_pos=”icon-left”]
[vc_empty_space height=”30px”]
[vc_button title=”Lacinia luctus inceptos” size=”btn-large” color=”btn_white” button_align=”none” border_radius=”sharp” icon_pos=”icon-left”]
[vc_empty_space height=”30px”]
[vc_button title=”Aliquam scelerisque pharetra eros” size=”btn-large” color=”btn_white” button_align=”none” border_radius=”sharp” icon_pos=”icon-left”]
[vc_empty_space height=”30px”]
[vc_button title=”Justo senectus primis maecenas fermentum” size=”btn-large” color=”btn_white” button_align=”none” border_radius=”sharp” icon_pos=”icon-left”]

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Menu