Custom Box

//Custom Box
Custom Box2015-12-10T10:03:52+00:00
[mk_padding_divider size=”80″][mk_fancy_title color=”#ffffff” size=”24″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”1″ margin_top=”40″ font_family=”none” align=”center”]Custom box[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”25″ thin_single_color=”#ffffff” thickness=”3″ margin_top=”15″]

Now you can create your own box or banner from scratch and display anything inside. No But. No limit. You can even decide how your boxes will look like when mouse hovers on them.

[mk_padding_divider size=”80″]
[mk_custom_box corner_radius=”4″ padding_horizental=”50″ min_height=”370″ bg_color=”#ffffff” background_hov_color_style=”gradient_color” border_color_style=”gradient_color” border_width=”3″ border_grandient_color_from=”#ff2c94″ border_grandient_color_to=”#35cce7″ border_gradient_color_angle=”diagonal_left_top” bg_grandient_hov_color_from=”#ffffff” bg_grandient_hov_color_to=”#c0f4fd” bg_gradient_hov_color_angle=”diagonal_left_top”][mk_fancy_title size=”110″ font_weight=”100″ margin_bottom=”0″ font_family=”none” align=”center”]%99[/mk_fancy_title][mk_fancy_title color=”#999999″ size=”20″ font_family=”none” align=”center”]Duribility & Consistency[/mk_fancy_title][mk_button dimension=”flat” corner_style=”rounded” size=”large” align=”center” margin_right=”0″ bg_color=”#e851c3″ btn_hover_bg=”#000000″ btn_hover_txt_color=”#ffffff”]Start Today[/mk_button][/mk_custom_box]
[mk_custom_box corner_radius=”4″ padding_horizental=”50″ min_height=”370″ bg_image=”http://drewnorman.com/wp-content/uploads/2015/12/custom-box-bg2.jpg” background_hov_color_style=”image” bg_image_hov_effect=”blur” bg_stretch=”true”][mk_padding_divider size=”30″][mk_image src=”http://demos.artbees.net/jupiter5/wp-content/uploads/2015/12/cloud2.svg” image_size=”full”][mk_fancy_title color=”#ffffff” size=”40″ font_weight=”300″ margin_bottom=”0″ font_family=”none”]Nature
for Nature[/mk_fancy_title][mk_fancy_title color=”#ffffff” size=”16″ font_weight=”bold” margin_bottom=”0″ font_family=”none”]Now you can create your own box or banner from scratch and display anything inside.[/mk_fancy_title][/mk_custom_box]
[mk_custom_box corner_radius=”4″ padding_horizental=”50″ min_height=”370″ bg_color=”#7558cc” background_hov_color_style=”image” bg_hov_color=”#7d63cc”][mk_padding_divider size=”30″][mk_image src=”http://drewnorman.com/wp-content/uploads/2015/12/custom-bg8.png” image_size=”full” align=”center”][mk_fancy_title color=”#ffffff” font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”20″ margin_bottom=”0″ font_family=”none” align=”center”]Kelly Clarkson[/mk_fancy_title][mk_fancy_title color=”#b4a9da” font_weight=”400″ font_style=”italic” txt_transform=”none” margin_bottom=”0″ font_family=”none” align=”center”]Designer[/mk_fancy_title][mk_button dimension=”flat” corner_style=”full_rounded” align=”center” margin_right=”0″ bg_color=”#cf61c3″ btn_hover_bg=”#ce6dc3″ btn_hover_txt_color=”#ffffff”]Works[/mk_button][/mk_custom_box]
[mk_padding_divider size=”80″]
[mk_padding_divider size=”80″][mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”1″ margin_bottom=”0″ font_family=”none” align=”center”]Fully customisable[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”55″][mk_image src=”http://drewnorman.com/wp-content/uploads/2015/12/custom-box-options.jpg” image_size=”full” align=”center”][mk_padding_divider size=”80″]
[mk_padding_divider size=”80″][mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”1″ font_family=”none” align=”center”]Examples[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”55″]
[mk_custom_box corner_radius=”6″ padding_vertical=”20″ padding_horizental=”50″ min_height=”335″ background_style=”gradient_color” bg_grandient_color_from=”#fcc669″ bg_grandient_color_to=”#ee4b9e” bg_gradient_color_angle=”diagonal_left_top” background_hov_color_style=”gradient_color” bg_grandient_hov_color_from=”#fcbb4b” bg_grandient_hov_color_to=”#ed2a8f” bg_gradient_hov_color_angle=”diagonal_left_top”]
[mk_padding_divider size=”17″][mk_image src=”http://drewnorman.com/wp-content/uploads/2015/12/custom-bg5.png” image_size=”full” align=”center”]
[mk_padding_divider size=”113″][mk_fancy_title color=”#ffffff” size=”50″ font_weight=”300″ txt_transform=”capitalize” margin_bottom=”0″ font_family=”none”]Get jupiter[/mk_fancy_title][mk_fancy_title size=”16″ margin_bottom=”0″ font_family=”none”]Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum.[/mk_fancy_title]
[/mk_custom_box]
[mk_custom_box corner_radius=”6″ min_height=”335″ bg_image=”http://drewnorman.com/wp-content/uploads/2015/12/custom-bg7.jpg” background_hov_color_style=”image” bg_stretch=”true”][mk_fancy_title color=”#ffffff” size=”60″ font_weight=”100″ txt_transform=”capitalize” margin_bottom=”0″ font_family=”none”]Get jupiter[/mk_fancy_title][mk_fancy_title color=”#ffffff” size=”16″ font_weight=”400″ txt_transform=”none” font_family=”none”]Let your creativity flow[/mk_fancy_title][/mk_custom_box]
[mk_padding_divider size=”18″]
[mk_custom_box corner_radius=”30″ padding_horizental=”30″ min_height=”519″ bg_color=”#ebebeb” background_hov_color_style=”image” border_color_style=”single_color” border_color=”#5cc7ec” border_width=”2″ bg_hov_color=”#2c2c93″][mk_padding_divider size=”15″][mk_image src=”http://drewnorman.com/wp-content/uploads/2015/12/custom-box-lion.png” image_size=”full” align=”center”][mk_fancy_title color=”#5cc7ec” size=”54″ font_weight=”bold” txt_transform=”capitalize” margin_top=”10″ margin_bottom=”0″ font_family=”none” align=”center”]Get jupiter[/mk_fancy_title][mk_fancy_title color=”#5cc7ec” size=”16″ font_weight=”400″ txt_transform=”none” font_family=”none” align=”center”]Learn how to  learn JS in a day[/mk_fancy_title][mk_button dimension=”flat” corner_style=”rounded” size=”large” align=”center” margin_right=”0″ bg_color=”#5cc7ec” btn_hover_bg=”#6fcded” btn_hover_txt_color=”#ffffff”]Download Now[/mk_button][/mk_custom_box]
[mk_custom_box min_height=”519″ bg_image=”http://drewnorman.com/wp-content/uploads/2015/12/custom-bg9.jpg” background_hov_color_style=”image” bg_image_hov_effect=”zoom-in” bg_stretch=”true”][mk_fancy_title color=”#ffffff” size=”100″ font_weight=”100″ txt_transform=”capitalize” margin_top=”40″ margin_bottom=”0″ font_family=”none” align=”center”]Get jupiter[/mk_fancy_title][mk_fancy_title color=”#ffffff” size=”16″ font_weight=”400″ txt_transform=”none” font_family=”none” align=”center”]Learn how to  learn JS in a day[/mk_fancy_title][mk_padding_divider size=”130″][mk_button dimension=”flat” corner_style=”rounded” size=”large” align=”center” margin_right=”0″ bg_color=”#ee4b9e” btn_hover_bg=”#ed63aa” btn_hover_txt_color=”#ffffff”]Download Now[/mk_button][/mk_custom_box]
[mk_padding_divider size=”80″]