[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”]
[mk_divider style=”shadow_line” divider_width=”full_width” margin_top=”40″ margin_bottom=”50″ 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]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.
[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”]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”]
[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_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][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][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]