Buttons

[vc_row header_feature=”yes” padding_top=”140″ padding_bottom=”140″ margin_bottom=”0″][vc_column][grve_slogan title=”Button Colors” heading_tag=”h3″ heading=”h6″ align=”center” button_text=”” button2_text=””]With button element you can
easily add a colored button to your page.[/grve_slogan][vc_empty_space height=”40″][vc_row_inner][vc_column_inner width=”1/4″ tablet_width=”1-3″ tablet_sm_width=”1-2″][grve_button align=”center” animation=”fadeInUp” button_text=”Learn More About” button_size=”small” button_shape=”round” button_link=”url:%23||”][grve_button align=”center” animation=”fadeInUp” animation_delay=”1000″ button_text=”Learn More About” button_color=”primary-4″ button_hover_color=”grey” button_size=”small” button_shape=”round” button_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/4″ tablet_width=”1-3″ tablet_sm_width=”1-2″][grve_button align=”center” animation=”fadeInUp” animation_delay=”400″ button_text=”Learn More About” button_color=”primary-2″ button_hover_color=”orange” button_size=”small” button_shape=”round” button_link=”url:%23||”][grve_button align=”center” animation=”fadeInUp” animation_delay=”1200″ button_text=”Learn More About” button_color=”primary-5″ button_hover_color=”purple” button_size=”small” button_shape=”round” button_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/4″ tablet_width=”1-3″ tablet_sm_width=”1-2″][grve_button align=”center” animation=”fadeInUp” animation_delay=”600″ button_text=”Learn More About” button_color=”primary-3″ button_hover_color=”green” button_size=”small” button_shape=”round” button_link=”url:%23||”][grve_button align=”center” animation=”fadeInUp” animation_delay=”1400″ button_text=”Learn More About” button_color=”green” button_hover_color=”red” button_size=”small” button_shape=”round” button_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/4″ tablet_width=”hide” tablet_sm_width=”1-2″][grve_button align=”center” animation=”fadeInUp” animation_delay=”800″ button_text=”Learn More About” button_color=”aqua” button_hover_color=”orange” button_size=”small” button_shape=”round” button_link=”url:%23||”][grve_button align=”center” animation=”fadeInUp” animation_delay=”1600″ button_text=”Learn More About” button_color=”black” button_hover_color=”primary-1″ button_size=”small” button_shape=”round” button_link=”url:%23||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row heading_color=”light” bg_type=”image” bg_image=”7823″ bg_image_type=”parallax” padding_top=”140″ padding_bottom=”140″ margin_bottom=”0″ font_color=”#ffffff”][vc_column][grve_slogan title=”Button Types” heading_tag=”h3″ heading=”h6″ align=”center” button_text=”” button2_text=””]You can also choose the appropriate
type(simple, outline) for your buttons and off you go![/grve_slogan][vc_empty_space height=”40″][vc_row_inner][vc_column_inner width=”1/4″ tablet_width=”hide” tablet_sm_width=”hide” mobile_width=”hide”][/vc_column_inner][vc_column_inner width=”1/4″ tablet_width=”1″][grve_button align=”center” animation=”fadeInLeft” button_text=”Learn more about” button_color=”white” button_shape=”round” button_link=”url:%23||” btn_add_icon=”yes” btn_icon_library=”entypo” btn_icon_entypo=”entypo-icon entypo-icon-forward”][/vc_column_inner][vc_column_inner width=”1/4″ tablet_width=”1″][grve_button align=”center” animation=”fadeInRight” button_text=”Learn more about ” button_type=”outline” button_color=”white” button_hover_color=”white” button_shape=”round” button_link=”url:%23||” btn_add_icon=”yes” btn_icon_library=”entypo” btn_icon_entypo=”entypo-icon entypo-icon-comment”][/vc_column_inner][vc_column_inner width=”1/4″ tablet_width=”hide” tablet_sm_width=”hide” mobile_width=”hide”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type=”color” padding_top=”140″ padding_bottom=”140″ margin_bottom=”0″][vc_column][grve_slogan title=”Button Sizes” heading_tag=”h3″ heading=”h6″ align=”center” button_text=”” button2_text=””]5 different sizes for you to choose.
Extra small, small, medium, large and extra large.[/grve_slogan][vc_empty_space height=”40″][grve_button align=”center” animation=”zoomIn” button_text=”ubique cotidieque” button_color=”grey” button_size=”extrasmall” button_shape=”round” button_link=”url:%23||”][grve_button align=”center” animation=”zoomIn” button_text=”doctus meliore elabora” button_color=”grey” button_size=”small” button_shape=”round” button_link=”url:%23||”][grve_button align=”center” animation=”zoomIn” button_text=”maiorum omnes contentiones” button_color=”grey” button_shape=”round” button_link=”url:%23||”][grve_button align=”center” animation=”zoomIn” button_text=”Sea ei tantas scaevola constitut” button_color=”grey” button_size=”large” button_shape=”round” button_link=”url:%23||”][grve_button align=”center” animation=”zoomIn” button_text=”molestiae euripidis interpretaris scaevola” button_color=”grey” button_size=”extralarge” button_shape=”round” button_link=”url:%23||”][/vc_column][/vc_row][vc_row heading_color=”light” bg_type=”color” padding_top=”140″ padding_bottom=”140″ margin_bottom=”0″ font_color=”#bdbdbd” bg_color=”#232323″][vc_column][grve_slogan title=”Button Shapes” heading_tag=”h3″ heading=”h6″ align=”center” button_text=”” button2_text=””]Last but not least, you can select among
3 different shapes: Square, Round and Extra Round.[/grve_slogan][vc_empty_space height=”40″][vc_row_inner][vc_column_inner width=”1/3″ tablet_width=”1″][grve_button align=”center” animation=”zoomIn” button_text=”Learn More About” button_type=”outline” button_color=”white” button_hover_color=”primary-1″ button_size=”large” button_link=”url:%23||” btn_add_icon=”yes” btn_icon_library=”simplelineicons” btn_icon_simplelineicons=”smp-icon-user”][/vc_column_inner][vc_column_inner width=”1/3″ tablet_width=”1″][grve_button align=”center” animation=”zoomIn” animation_delay=”400″ button_text=”Learn More About” button_type=”outline” button_color=”white” button_hover_color=”primary-1″ button_size=”large” button_shape=”round” button_link=”url:%23||” btn_add_icon=”yes” btn_icon_library=”simplelineicons” btn_icon_simplelineicons=”smp-icon-layers”][/vc_column_inner][vc_column_inner width=”1/3″ tablet_width=”1″][grve_button align=”center” animation=”zoomIn” animation_delay=”600″ button_text=”Learn More About” button_type=”outline” button_color=”white” button_hover_color=”primary-1″ button_size=”large” button_shape=”extra-round” button_link=”url:%23||” btn_add_icon=”yes” btn_icon_library=”simplelineicons” btn_icon_simplelineicons=”smp-icon-trophy”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row section_type=”fullwidth” bg_type=”color” bg_color=”#1a1a1a” margin_bottom=”0″][vc_column][grve_button btn_fluid=”yes” btn_fluid_height=”short” animation=”fadeInLeft” button_text=”Sort fluid button” button_size=”large” button_link=”url:%23||” margin_bottom=”0″][/vc_column][/vc_row][vc_row section_type=”fullwidth” bg_type=”color” bg_color=”#1a1a1a” margin_bottom=”0″][vc_column][grve_button btn_fluid=”yes” animation=”fadeInRight” button_text=”Medium fluid button” button_color=”primary-2″ button_size=”large” button_link=”url:%23||” margin_bottom=”0″][/vc_column][/vc_row][vc_row section_type=”fullwidth” bg_type=”color” footer_feature=”yes” bg_color=”#1a1a1a” margin_bottom=”0″][vc_column][grve_button btn_fluid=”yes” btn_fluid_height=”tall” animation=”zoomIn” button_text=”Tall fluid button” button_color=”primary-3″ button_size=”extralarge” button_link=”url:%23||” margin_bottom=”0″][/vc_column][/vc_row]

Shopping Cart
Scroll to Top