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