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]

# Bagikan informasi ini kepada teman atau kerabat Anda