Buttons

[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]

Leave a Reply

Your email address will not be published. Required fields are marked *