[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] [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] [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"] [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"] [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"] [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"] [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"] [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"] [mk_page_section border_color="#00b89a" bg_color="#00b89a" 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"] [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/3" 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] [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/3"]
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] [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/3" el_position="last"]
Yes! You can choose between a huge collection of 1500+ amazing icons and assign to each button.
[/mk_icon_box] [/mk_page_section]