[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]
easily add a colored button to your page.[/grve_slogan]
[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|| »]
[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|| »]
[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|| »]
[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|| »]
[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]
type(simple, outline) for your buttons and off you go![/grve_slogan]
[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 »]
[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 »]
[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]
Extra small, small, medium, large and extra large.[/grve_slogan]
[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|| »]
[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]
3 different shapes: Square, Round and Extra Round.[/grve_slogan]
[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 »]
[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 »]
[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 »]
[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″]
[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″]
[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″]