Buttons

[vc_row columns_gap=\”none\” padding_top_multiplier=\”6x\” padding_bottom_multiplier=\”5x\”][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”1\” css=\”.vc_custom_1468302799120{margin-bottom: 0px !important;}\”][movedo_title heading_tag=\”h2\” align=\”center\”]Button Colors[/movedo_title][vc_column_text]

With button element you can easily add a colored button
to your page.

[/vc_column_text][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column][movedo_empty_space][/vc_column][vc_column width=\”1/4\” tablet_sm_width=\”1-3\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” button_text=\”Learn More About\” button_shape=\”round\” button_link=\”url:%23|||\”][movedo_empty_space][/vc_column][vc_column width=\”1/4\” tablet_sm_width=\”1-3\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”400\” button_text=\”Learn More About\” button_color=\”primary-2\” button_hover_color=\”primary-3\” button_shape=\”round\” button_link=\”url:%23|||\”][movedo_empty_space][/vc_column][vc_column width=\”1/4\” tablet_sm_width=\”1-3\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”600\” button_text=\”Learn More About\” button_color=\”primary-3\” button_shape=\”round\” button_link=\”url:%23|||\”][movedo_empty_space][/vc_column][vc_column width=\”1/4\” tablet_sm_width=\”1-3\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”800\” button_text=\”Learn More About\” button_color=\”primary-4\” button_shape=\”round\” button_link=\”url:%23|||\”][movedo_empty_space][/vc_column][vc_column width=\”1/4\” tablet_sm_width=\”1-3\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”300\” button_text=\”Learn More About\” button_color=\”purple\” button_hover_color=\”blue\” button_shape=\”round\” button_link=\”url:%23|||\”][movedo_empty_space][/vc_column][vc_column width=\”1/4\” tablet_sm_width=\”1-3\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”500\” button_text=\”Learn More About\” button_color=\”red\” button_hover_color=\”orange\” button_shape=\”round\” button_link=\”url:%23|||\”][movedo_empty_space][/vc_column][vc_column width=\”1/4\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”700\” button_text=\”Learn More About\” button_color=\”blue\” button_hover_color=\”green\” button_shape=\”round\” button_link=\”url:%23|||\”][movedo_empty_space][/vc_column][vc_column width=\”1/4\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”900\” button_text=\”Learn More About\” button_color=\”green\” button_shape=\”round\” button_link=\”url:%23|||\”][movedo_empty_space][/vc_column][/vc_row][vc_row heading_color=\”light\” bg_type=\”image\” bg_image=\”13478\” bg_image_type=\”parallax\” color_overlay=\”primary-1\” opacity_overlay=\”90\” padding_top_multiplier=\”6x\” padding_bottom_multiplier=\”6x\” font_color=\”#ffffff\”][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”1\” css=\”.vc_custom_1468303078630{margin-bottom: 0px !important;}\”][movedo_title align=\”center\”]Button Sizes[/movedo_title][vc_column_text]

5 different sizes for you to choose. Extra small, small, medium, large & extra large.

[/vc_column_text][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column][movedo_empty_space height_multiplier=\”2x\”][/vc_column][vc_column][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”400\” button_text=\”Learn More About\” button_type=\”outline\” button_color=\”white\” button_hover_color=\”white\” button_size=\”extrasmall\” button_shape=\”extra-round\” button_link=\”url:%23|||\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”400\” button_text=\”Learn More About\” button_type=\”outline\” button_color=\”white\” button_hover_color=\”white\” button_size=\”small\” button_shape=\”extra-round\” button_link=\”url:%23|||\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”400\” button_text=\”Learn More About\” button_type=\”outline\” button_color=\”white\” button_hover_color=\”white\” button_shape=\”extra-round\” button_link=\”url:%23|||\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”400\” button_text=\”Learn More About\” button_type=\”outline\” button_color=\”white\” button_hover_color=\”white\” button_size=\”large\” button_shape=\”extra-round\” button_link=\”url:%23|||\”][movedo_empty_space][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”400\” button_text=\”Learn More About\” button_type=\”outline\” button_color=\”white\” button_hover_color=\”white\” button_size=\”extralarge\” button_shape=\”extra-round\” button_link=\”url:%23|||\”][/vc_column][/vc_row][vc_row padding_top_multiplier=\”5x\” padding_bottom_multiplier=\”5x\”][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”1\” css=\”.vc_custom_1468303078630{margin-bottom: 0px !important;}\”][movedo_title align=\”center\”]Button Types[/movedo_title][vc_column_text]

You can also choose the appropriate type(simple, outline, underline) for your buttons and off you go!

[/vc_column_text][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column][movedo_empty_space height_multiplier=\”3x\”][/vc_column][vc_column width=\”1/6\”][/vc_column][vc_column width=\”1/3\” mobile_width=\”hide\”][movedo_button align=\”center\” animation=\”grve-fade-in-left\” button_text=\”Learn more about\” button_size=\”large\” button_link=\”url:%23|||\” btn_add_icon=\”yes\” btn_icon_library=\”simplelineicons\” btn_icon_simplelineicons=\”smp-icon-plus\”][/vc_column][vc_column width=\”1/3\” mobile_width=\”hide\”][movedo_button align=\”center\” animation=\”grve-fade-in-right\” button_text=\”Learn more about\” button_type=\”outline\” button_color=\”black\” button_hover_color=\”primary-3\” button_size=\”large\” button_link=\”url:%23|||\” btn_add_icon=\”yes\” btn_icon_library=\”simplelineicons\” btn_icon_simplelineicons=\”smp-icon-arrow-right-circle\”][/vc_column][vc_column width=\”1/6\”][/vc_column][vc_column][movedo_empty_space height_multiplier=\”2x\”][/vc_column][vc_column width=\”1/6\”][/vc_column][vc_column width=\”1/3\”][movedo_button align=\”center\” animation=\”grve-fade-in-left\” button_text=\”Learn more about\” button_type=\”underline\” button_color=\”black\” button_link=\”url:%23|||\”][/vc_column][vc_column width=\”1/3\”][movedo_button align=\”center\” animation=\”grve-fade-in-right\” button_text=\”Learn more about\” button_type=\”underline\” button_color=\”black\” button_line_color=\”primary-3\” button_link=\”url:%23|||\”][/vc_column][vc_column width=\”1/6\”][/vc_column][/vc_row][vc_row heading_color=\”light\” columns_gap=\”none\” bg_type=\”color\” padding_top_multiplier=\”6x\” padding_bottom_multiplier=\”6x\” bg_color=\”#171a1d\” font_color=\”rgba(255,255,255,0.8)\”][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”1\” css=\”.vc_custom_1468303078630{margin-bottom: 0px !important;}\”][movedo_title heading_tag=\”h4\” align=\”center\”]Button Shapes[/movedo_title][vc_column_text]

Last but not least, you can select among 3 different shapes: Square, Round and Extra Round.

[/vc_column_text][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column][movedo_empty_space height_multiplier=\”3x\”][/vc_column][vc_column width=\”1/3\”][movedo_button align=\”center\” animation=\”grve-fade-in-up\” button_text=\”Learn more about\” button_color=\”green\” button_hover_color=\”primary-1\” button_size=\”large\” button_link=\”url:%23|||\”][/vc_column][vc_column width=\”1/3\”][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”400\” button_text=\”Learn more about\” button_color=\”blue\” button_hover_color=\”primary-1\” button_size=\”large\” button_shape=\”round\” button_link=\”url:%23|||\”][/vc_column][vc_column width=\”1/3\”][movedo_button align=\”center\” animation=\”grve-fade-in-up\” animation_delay=\”600\” button_text=\”Learn more about\” button_color=\”primary-3\” button_hover_color=\”primary-1\” button_size=\”large\” button_shape=\”extra-round\” button_link=\”url:%23|||\”][/vc_column][/vc_row][vc_row padding_top_multiplier=\”5x\” padding_bottom_multiplier=\”3x\”][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”1\” css=\”.vc_custom_1468303078630{margin-bottom: 0px !important;}\”][movedo_title heading_tag=\”h4\” align=\”center\”]Fluid Buttons[/movedo_title][vc_column_text]

The most impressive here is that you can have fluid buttons, in the container width or even full-width.

[/vc_column_text][/vc_column][vc_column width=\”1/3\” tablet_sm_width=\”hide\” mobile_width=\”hide\”][/vc_column][vc_column][movedo_empty_space height_multiplier=\”3x\”][/vc_column][vc_column][movedo_button btn_fluid=\”yes\” btn_fluid_height=\”short\” animation=\”grve-zoom-in\” button_text=\”Buy Movedo Theme Now\” button_color=\”orange\” button_link=\”url:%23|||\”][/vc_column][/vc_row][vc_row section_type=\”fullwidth\” columns_gap=\”none\” bg_type=\”color\” padding_top_multiplier=\”\” padding_bottom_multiplier=\”\” bg_color=\”#171a1d\”][vc_column][movedo_button btn_fluid=\”yes\” animation=\”grve-fade-in-up\” button_text=\”Buy Movedo Theme Now\” button_hover_color=\”grey\” button_link=\”url:%23|||\”][/vc_column][/vc_row][vc_row section_type=\”fullwidth\” columns_gap=\”none\” bg_type=\”color\” padding_top_multiplier=\”\” padding_bottom_multiplier=\”\” bg_color=\”#171a1d\”][vc_column][movedo_button btn_fluid=\”yes\” btn_fluid_height=\”tall\” animation=\”grve-fade-in-up\” animation_delay=\”300\” button_text=\”Buy Movedo Theme Now\” button_color=\”primary-3\” button_size=\”large\” button_link=\”url:%23|||\”][/vc_column][/vc_row]