Custom callout box

[vc_row][vc_column width=”1/1″][mk_fancy_title tag_name=”h1″ style=”false” color=”#333333″ size=”32″ font_weight=”300″ margin_top=”0″ margin_bottom=”20″ font_family=”none” align=”center” width=”1/1″ el_position=”first last”]

Revolutionary custom box is here.

[/mk_fancy_title][vc_column_text disable_pattern=”false” align=”center” margin_bottom=”65″ p_margin_bottom=”0″ width=”1/1″ el_position=”first last”]Regular callout boxes were cool and simple. Users however need an ultimate box which could be capable of real customization.
Custom box is the response to this problem. Now you can create your own box from scratch and display anything inside.
Just think of countless styles you can make with this revolutionary shortcode![/vc_column_text][mk_custom_box border_color=”#f86b35″ bg_color=”#f86b35″ padding_vertical=”40″ padding_horizental=”40″ margin_bottom=”50″ min_height=”100″ width=”1/1″ el_position=”first last”][vc_row_inner][vc_column_inner width=”2/3″][mk_fancy_title tag_name=”h1″ style=”false” color=”#ffffff” size=”22″ font_weight=”bolder” margin_top=”0″ margin_bottom=”20″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

WHY USE CUSTOM BOX?

[/mk_fancy_title][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”0″ width=”1/1″ el_position=”first last”]

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla non semper enim, et ultrices dui.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][mk_font_icons icon=”icon-coffee” color=”#ffffff” size=”xx-large” padding_horizental=”30″ padding_vertical=”0″ circle=”false” align=”right” width=”1/1″ el_position=”first last”][/vc_column_inner][/vc_row_inner][/mk_custom_box][mk_fancy_title tag_name=”h1″ style=”false” color=”#bbbbbb” size=”14″ font_weight=”bold” margin_top=”0″ margin_bottom=”40″ font_family=”none” align=”center” width=”1/1″ el_position=”first last”]

Some samples built by custom boxes

[/mk_fancy_title][mk_custom_box border_color=”#3db2aa” bg_color=”#3db2aa” padding_vertical=”40″ padding_horizental=”40″ margin_bottom=”50″ min_height=”100″ width=”1/1″ el_position=”first last”][mk_font_icons icon=”icon-eye-open” color=”#98dbd6″ size=”x-large” padding_horizental=”25″ padding_vertical=”0″ circle=”false” align=”none” width=”1/1″ el_position=”first last”][mk_font_icons icon=”icon-bullhorn” color=”#98dbd6″ size=”x-large” padding_horizental=”25″ padding_vertical=”0″ circle=”false” align=”none” width=”1/1″ el_position=”first last”][mk_font_icons icon=”icon-beaker” color=”#98dbd6″ size=”x-large” padding_horizental=”25″ padding_vertical=”0″ circle=”false” align=”none” width=”1/1″ el_position=”first last”][mk_font_icons icon=”icon-bell-alt” color=”#98dbd6″ size=”x-large” padding_horizental=”25″ padding_vertical=”0″ circle=”false” align=”none” width=”1/1″ el_position=”first last”][mk_font_icons icon=”icon-home” color=”#98dbd6″ size=”x-large” padding_horizental=”25″ padding_vertical=”0″ circle=”false” align=”none” width=”1/1″ el_position=”first last”][mk_font_icons icon=”icon-camera” color=”#98dbd6″ size=”x-large” padding_horizental=”25″ padding_vertical=”0″ circle=”false” align=”none” width=”1/1″ el_position=”first last”][mk_padding_divider size=”40″ width=”1/1″ el_position=”first last”][mk_fancy_title tag_name=”h1″ style=”false” color=”#ffffff” size=”40″ font_weight=”300″ margin_top=”10″ margin_bottom=”20″ font_family=”none” align=”center” width=”1/1″ el_position=”first last”]

Why use custom box?

[/mk_fancy_title][vc_column_text disable_pattern=”true” align=”center” margin_bottom=”10″ p_margin_bottom=”0″ width=”1/1″ el_position=”first last”]

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla non semper enim, et ultrices dui.

[/vc_column_text][mk_button dimension=”three” size=”large” bg_color=”#1d8e86″ text_color=”light” icon=”icon-thumbs-up” target=”_self” align=”center” margin_top=”15″ margin_bottom=”15″ width=”1/1″ el_position=”first last”]

LET’S USE IT!

[/mk_button][/mk_custom_box][mk_custom_box border_color=”#eaeaea” bg_color=”#f6f6f6″ padding_vertical=”40″ padding_horizental=”40″ margin_bottom=”50″ min_height=”100″ width=”1/1″ el_position=”first last”][vc_row_inner][vc_column_inner width=”1/2″][mk_fancy_title tag_name=”h1″ style=”false” color=”#666666″ size=”28″ font_weight=”300″ margin_top=”0″ margin_bottom=”20″ font_family=”Oswald” font_type=”google” align=”left” width=”1/1″ el_position=”first last”]

Why use custom box?

[/mk_fancy_title][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”0″ width=”1/1″ el_position=”first”]

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][mk_laptop_slideshow images=”3451,3480,3482″ size=”one-third” animation_speed=”700″ slideshow_speed=”7000″ pause_on_hover=”false” width=”1/1″ el_position=”last”][/vc_column_inner][/vc_row_inner][/mk_custom_box][mk_custom_box border_color=”#eaeaea” bg_color=”#f6f6f6″ predefined_bg=”9″ padding_vertical=”30″ padding_horizental=”40″ margin_bottom=”50″ min_height=”100″ width=”1/1″ el_position=”first last” bg_position=”left top” bg_repeat=”repeat” bg_stretch=”false”][vc_row_inner][vc_column_inner width=”2/3″][mk_fancy_title tag_name=”h1″ style=”false” color=”#ffffff” size=”28″ font_weight=”bold” margin_top=”0″ margin_bottom=”10″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

Why use custom box?

[/mk_fancy_title][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”0″ width=”1/1″ el_position=”first last”]

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][mk_button dimension=”three” size=”large” bg_color=”#00b89a” text_color=”light” icon=”icon-arrow-right” target=”_self” align=”right” margin_top=”30″ margin_bottom=”15″ width=”1/1″ el_position=”first last” outline_button_color=”#666666″ outline_txt_color=”#666666″ outline_txt_hover_color=”#ffffff”]FIND OUT MORE

[/mk_button][/vc_column_inner][/vc_row_inner][/mk_custom_box][mk_custom_box border_color=”#eaeaea” bg_color=”#f6f6f6″ bg_image=”http://artbees.net/themes/jupiter-demo/wp-content/uploads/2013/06/custom-box-bg1.jpg” padding_vertical=”30″ padding_horizental=”40″ margin_bottom=”50″ min_height=”100″ width=”1/1″ el_position=”first last” bg_position=”left top” bg_repeat=”repeat” bg_stretch=”false”][vc_row_inner][vc_column_inner width=”1/2″][mk_fancy_title tag_name=”h1″ style=”false” color=”#ffffff” size=”28″ font_weight=”bold” margin_top=”0″ margin_bottom=”10″ font_family=”none” align=”left” width=”1/1″ el_position=”first last”]

Why use custom box?

[/mk_fancy_title][vc_column_text disable_pattern=”true” align=”left” margin_bottom=”0″ p_margin_bottom=”0″ width=”1/1″ el_position=”first last”]

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante.

[/vc_column_text][mk_padding_divider size=”10″ width=”1/1″ el_position=”first last”][mk_button dimension=”three” size=”medium” bg_color=”#f56a5f” text_color=”dark” icon=”icon-gift” target=”_self” align=”left” margin_top=”10″ margin_bottom=”15″ width=”1/1″ el_position=”first last”]

GET YOUR GIFT TODAY

[/mk_button][/vc_column_inner][vc_column_inner width=”1/2″][/vc_column_inner][/vc_row_inner][/mk_custom_box][/vc_column][/vc_row]