[vc_row][vc_column width="1/6" el_position="first"] [/vc_column][vc_column width="2/3"][mk_button dimension="three" size="large" bg_color="#ff6b6b" text_color="light" icon="icon-smile" target="_self" align="center" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

Want to Press me?

[/mk_button][mk_fancy_title tag_name="h1" style="false" color="#333333" size="36" font_weight="300" margin_top="15" margin_bottom="7" font_family="none" align="center" width="1/1" el_position="first last"]

Introducing 3D buttons!

[/mk_fancy_title][vc_column_text disable_pattern="true" align="center" margin_bottom="0" p_margin_bottom="0" width="1/1" el_position="first last"]

As the whole web goes 3D, we implemented amazing 3D buttons into Jupiter theme for the first time. They are perfectly crafted and simulate 3D feeling of pushing a real button. Check different styles and colors below.

[/vc_column_text][mk_divider style="shadow_line" divider_width="full_width" margin_top="40" margin_bottom="50" width="1/1" el_position="first last"][/vc_column][vc_column width="1/6" el_position="last"] [/vc_column][/vc_row][vc_row][vc_column width="1/1"][mk_fancy_title tag_name="h2" style="false" color="#969696" size="32" font_weight="300" margin_top="0" margin_bottom="60" font_family="none" align="left" width="1/1" el_position="first last"]

3D buttons

[/mk_fancy_title][/vc_column][/vc_row][vc_row][vc_column width="1/1"][mk_fancy_title tag_name="h3" style="true" color="#393836" size="14" font_weight="bold" margin_top="0" margin_bottom="30" font_family="none" align="left" width="1/1" el_position="first last"]

3D buttons - Small

[/mk_fancy_title][mk_button dimension="three" size="small" bg_color="#1265a8" text_color="light" icon="icon-facetime-video" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

DARK CERULEAN

[/mk_button][mk_button dimension="three" size="small" bg_color="#c9c9c9" text_color="dark" icon="icon-download" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

LIGHT GRAY

[/mk_button][mk_button dimension="three" size="small" bg_color="#c22525" text_color="light" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

BOSTON UNIVERSITY RED

[/mk_button][mk_button dimension="three" size="small" bg_color="#f58e18" text_color="light" icon="icon-bell" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

CADMIUM ORANGE

[/mk_button][mk_button dimension="three" size="small" bg_color="#59ba41" text_color="light" icon="icon-camera" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

Android green

[/mk_button][mk_padding_divider size="1" width="1/1" el_position="first last"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][mk_fancy_title tag_name="h3" style="true" color="#393836" size="14" font_weight="bold" margin_top="40" margin_bottom="30" font_family="none" align="left" width="1/1" el_position="first last"]

3D buttons - Medium

[/mk_fancy_title][mk_button dimension="three" size="medium" bg_color="#68cced" text_color="light" icon="icon-gift" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

FRESH AIR

[/mk_button][mk_button dimension="three" size="medium" bg_color="#e09a25" text_color="light" icon="icon-shopping-cart" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

AMBER

[/mk_button][mk_button dimension="three" size="medium" bg_color="#e2e0cf" text_color="dark" icon="icon-map-marker" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

BONE

[/mk_button][mk_button dimension="three" size="medium" bg_color="#008b83" text_color="light" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

CELADON GREEN

[/mk_button][mk_button dimension="three" size="medium" bg_color="#3d4a57" text_color="light" icon="icon-beaker" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

CHARCOAL

[/mk_button][mk_padding_divider size="1" width="1/1" el_position="first last"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][mk_fancy_title tag_name="h3" style="true" color="#393836" size="14" font_weight="bold" margin_top="40" margin_bottom="30" font_family="none" align="left" width="1/1" el_position="first last"]

3D buttons - Large

[/mk_fancy_title][mk_button dimension="three" size="large" bg_color="#ff6b6b" text_color="light" icon="icon-heart" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

BRINK PINK

[/mk_button][mk_button dimension="three" size="large" bg_color="#5e5870" text_color="light" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

DARK BYZANTIUM

[/mk_button][mk_button dimension="three" size="large" bg_color="#bfdb83" text_color="dark" icon="icon-download-alt" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

BITTER LEMON

[/mk_button][mk_button dimension="three" size="large" bg_color="#49cdc8" text_color="light" icon="icon-thumbs-up" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

CARIBBEAN GREEN

[/mk_button][mk_button dimension="three" size="large" bg_color="#705146" text_color="light" icon="icon-globe" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

DARK BROWN

[/mk_button][mk_padding_divider size="1" width="1/1" el_position="first last"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][mk_fancy_title tag_name="h2" style="false" color="#969696" size="32" font_weight="300" margin_top="80" margin_bottom="60" font_family="none" align="left" width="1/1" el_position="first last"]Outline buttons[/mk_fancy_title][mk_button dimension="outline" size="small" bg_color="#c9c9c9" text_color="dark" icon="icon-thumbs-up" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last" outline_skin="dark"]OUTLINE BUTTON SMALL

[/mk_button][mk_button dimension="outline" size="medium" bg_color="#59ba41" text_color="light" icon="icon-thumbs-up" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last" outline_skin="dark"]OUTLINE BUTTON MEDIUM

[/mk_button][mk_button dimension="outline" size="large" bg_color="#59ba41" text_color="light" icon="icon-thumbs-up" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last" outline_skin="dark"]OUTLINE BUTTON LARGE

[/mk_button][mk_padding_divider size="10" width="1/1" el_position="first last"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][mk_fancy_title tag_name="h2" style="false" color="#969696" size="32" font_weight="300" margin_top="80" margin_bottom="60" font_family="none" align="left" width="1/1" el_position="first last"]

2D buttons

[/mk_fancy_title][mk_fancy_title tag_name="h3" style="true" color="#393836" size="14" font_weight="bold" margin_top="0" margin_bottom="30" font_family="none" align="left" width="1/1" el_position="first last"]

2D buttons - Small

[/mk_fancy_title][mk_button dimension="two" size="small" bg_color="#1265a8" text_color="light" icon="icon-angle-right" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

DARK CERULEAN

[/mk_button][mk_button dimension="two" size="small" bg_color="#c9c9c9" text_color="dark" icon="icon-thumbs-up" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

DARK GRAY

[/mk_button][mk_button dimension="two" size="small" bg_color="#b42222" text_color="light" icon="icon-volume-off" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

BOSTON UNIVERSITY RED

[/mk_button][mk_button dimension="two" size="small" bg_color="#f58e18" text_color="light" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

CADMIUM ORANGE

[/mk_button][mk_button dimension="two" size="small" bg_color="#59ba41" text_color="light" icon="icon-thumbs-up" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

ANDROID GREEN

[/mk_button][mk_padding_divider size="10" width="1/1" el_position="first last"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][mk_fancy_title tag_name="h3" style="true" color="#393836" size="14" font_weight="bold" margin_top="40" margin_bottom="30" font_family="none" align="left" width="1/1" el_position="first last"]

2D buttons - Medium

[/mk_fancy_title][mk_button dimension="two" size="medium" bg_color="#68cced" text_color="light" icon="icon-envelope-alt" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

FRESH AIR

[/mk_button][mk_button dimension="two" size="medium" bg_color="#e09a25" text_color="light" icon="icon-plane" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

AMBER

[/mk_button][mk_button dimension="two" size="medium" bg_color="#e2e0cf" text_color="dark" icon="icon-arrow-right" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

BONE

[/mk_button][mk_button dimension="two" size="medium" bg_color="#008b83" text_color="light" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

CELADON GREEN

[/mk_button][mk_button dimension="two" size="medium" bg_color="#3d4a57" text_color="light" icon="icon-check" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

CHARCOAL

[/mk_button][mk_padding_divider size="10" width="1/1" el_position="first last"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][mk_fancy_title tag_name="h3" style="true" color="#393836" size="14" font_weight="bold" margin_top="40" margin_bottom="30" font_family="none" align="left" width="1/1" el_position="first last"]

2D buttons - Large

[/mk_fancy_title][mk_button dimension="two" size="large" bg_color="#ff6b6b" text_color="light" icon="icon-check" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

BRINK PINK

[/mk_button][mk_button dimension="two" size="large" bg_color="#5e5870" text_color="light" icon="icon-bolt" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

DARK BYZANTIUM

[/mk_button][mk_button dimension="two" size="large" bg_color="#b7e05e" text_color="dark" icon="icon-leaf" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

BITTER LEMON

[/mk_button][mk_button dimension="two" size="large" bg_color="#49cdc8" text_color="light" icon="icon-camera" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

CARRIBEAN GREEN

[/mk_button][mk_button dimension="two" size="large" bg_color="#705146" text_color="light" icon="icon-medkit" target="_self" align="left" margin_top="0" margin_bottom="15" width="1/1" el_position="first last"]

DARK BROWN

[/mk_button][mk_padding_divider size="40" width="1/1" el_position="first last"][/vc_column][/vc_row][mk_page_section border_color="#00c8d7" bg_color="#00c8d7" attachment="scroll" bg_position="left top" bg_stretch="false" enable_3d="false" speed_factor="0" section_layout="full" sidebar="Shortcodes" min_height="100" padding_top="50" padding_bottom="50" margin_bottom="0" last_page="true" width="1/1" el_position="first last" bg_repeat="repeat" bg_video="no" video_mask="false" video_opacity="0.6" top_shadow="false" first_page="false"][vc_column width="1/3"][mk_icon_box title="3D animated buttons" text_size="16" font_weight="inhert" icon="moon-cube-2" style="simple_ultimate" icon_size="medium" icon_location="left" circled="false" icon_color="#46525e" icon_circle_color="#0bb697" box_blur="false" title_color="#ffffff" txt_color="#404b57" margin="0" width="1/1" el_position="first"]

Go 3D on your page with this brand new shortcode. It feels like a real button both in terms of graphic and animation.

[/mk_icon_box][/vc_column][vc_column width="1/3"][mk_icon_box title="Unlimited colors" text_size="16" font_weight="inhert" icon="moon-eyedropper-2" style="simple_ultimate" icon_size="medium" icon_location="left" circled="false" icon_color="#46525e" icon_circle_color="#0bb697" box_blur="false" title_color="#ffffff" txt_color="#404b57" margin="0" width="1/1"]

You can assign any color value to each button you create. The default color however is same as the one you choose in typography setting.

[/mk_icon_box][/vc_column][vc_column width="1/3"][mk_icon_box title="1500+ icons for buttons" text_size="16" font_weight="inhert" icon="icon-rocket" style="simple_ultimate" icon_size="medium" icon_location="left" circled="false" icon_color="#46525e" icon_circle_color="#0bb697" box_blur="false" title_color="#ffffff" txt_color="#404b57" margin="0" width="1/1" el_position="last"]

Yes! You can choose between a huge collection of 1500+ amazing icons and assign to each button.

[/mk_icon_box][/vc_column][/mk_page_section]