[ultimate_spacer height=“10″][ult_animation_block animation=“fadeIn“ animation_duration=“1″ animation_delay=“0.6″ animation_iteration_count=“1″][ultimate_heading main_heading=“Content Box“ main_heading_color=“#616161″ sub_heading_color=“#444444″ main_heading_font_family=“font_family:Lato|font_call:Lato“ main_heading_font_size=“desktop:40px;“ main_heading_line_height=“desktop:50px;“ sub_heading_font_family=“font_family:Open Sans|font_call:Open+Sans“ sub_heading_font_size=“desktop:14px;“ sub_heading_line_height=“desktop:24px;“ main_heading_margin=“margin-bottom:10px;“]The purpose of Content Box is to present your content in more focused & attractive way. These effects can be applied on diffrent way. With the help of content box you can control the placement and size of the content.[/ultimate_heading][/ult_animation_block][ultimate_spacer height=“10″]
[ult_animation_block animation=“fadeInLeft“ animation_duration=“1″ animation_delay=“0.6″ animation_iteration_count=“1″][ult_content_box trans_duration=“2″ trans_function=“ease-in-out“ box_shadow=“horizontal:px|vertical:px|blur:px|spread:px|color:#f7f7f7|style:none|“ padding=“padding-top:60px;padding-right:40px;padding-bottom:60px;padding-left:40px;“ hover_box_shadow=“horizontal:px|vertical:px|blur:px|spread:px|color:#f7f7f7|style:none|“ bg_color=“#eeeeee“][bsf-info-box icon_type=“custom“ img_width=““ icon_animation=“bounceIn“ title=“Can Add Padding“ pos=“top“ title_font=“font_family:Lato|font_call:Lato“ title_font_size=“20″ title_font_line_height=“30″ title_font_color=“#616161″]Content Box is fully responsive and can adapt to any screen size. Try resizing your browser window to see it adapt![/bsf-info-box][/ult_content_box][/ult_animation_block]
[ult_animation_block animation=“fadeInLeft“ animation_duration=“1″ animation_delay=“0.7″ animation_iteration_count=“1″][/ult_animation_block]
[ult_content_box box_shadow=“horizontal:px|vertical:px|blur:px|spread:px|color:#f7f7f7|style:none|“ hover_box_shadow=“horizontal:px|vertical:px|blur:px|spread:px|color:#f7f7f7|style:none|“ margin=“margin-top:44px;margin-right:25px;margin-bottom:44px;margin-left:25px;“ bg_color=“#f7f7f7″ padding=“padding:15px;“][bsf-info-box icon_type=“custom“ img_width=“80″ icon_animation=“bounceIn“ title=“Can Add Margin“ pos=“top“ title_font=“font_family:Lato|font_call:Lato“ title_font_size=“20″ title_font_line_height=“30″ title_font_color=“#616161″]Content Box loves background colors, borders, box shaddow, ect. You can change all headings & body copy with ease![/bsf-info-box][/ult_content_box]
[ult_animation_block animation=“fadeInLeft“ animation_duration=“1″ animation_delay=“0.8″ animation_iteration_count=“1″][ult_content_box bg_type=“bg_image“ box_shadow=“horizontal:px|vertical:px|blur:px|spread:px|color:#f7f7f7|style:none|“ padding=“padding-top:60px;padding-right:75px;padding-bottom:60px;padding-left:75px;“ hover_box_shadow=“horizontal:px|vertical:px|blur:px|spread:px|color:#f7f7f7|style:none|“ bg_image=“5411″][/ult_content_box][/ult_animation_block]
[bsf-info-box icon_type=“custom“ img_width=““ icon_animation=“bounceIn“ title=“Can Add Background Image“ pos=“top“ title_font=“font_family:Lato|font_call:Lato“ title_font_size=“20″ title_font_line_height=“30″ title_font_color=“#ffffff“ desc_font_color=“#ffffff“]Each content box can have a different background colors, borders, hover color option.[/bsf-info-box]
[ult_animation_block animation=“fadeInLeft“ animation_duration=“1″ animation_delay=“0.9″ animation_iteration_count=“1″][ult_content_box box_shadow=“horizontal:3px|vertical:4px|blur:39px|spread:1px|color:#e0e0e0|style:inset|“ hover_box_shadow=“horizontal:3px|vertical:4px|blur:39px|spread:1px|color:#616161|style:inset|“ bg_color=“#ffffff“ padding=“padding:60px;“ border=“border-style:dashed;|border-width:1px;border-radius:0px;|border-color:#616161;“][bsf-info-box icon_type=“custom“ img_width=““ icon_animation=“bounceIn“ title=“Can Add Border and Box shadow“ pos=“top“ title_font=“font_family:Lato|font_call:Lato“ title_font_size=“20″ title_font_line_height=“30″ title_font_color=“#616161″]Its responsive framework ensures your content looks great on all screen sizes[/bsf-info-box][/ult_content_box][/ult_animation_block]
[ult_animation_block animation=“fadeInLeft“ animation_duration=“1″ animation_delay=“1″ animation_iteration_count=“1″][ult_content_box box_shadow=“horizontal:px|vertical:px|blur:px|spread:px|color:#f7f7f7|style:none|“ hover_box_shadow=“horizontal:px|vertical:px|blur:px|spread:px|color:#f7f7f7|style:none|“ bg_color=“#eeeeee“ hover_bg_color=“#bfbfbf“ padding=“padding:60px;“ link=“url:%23||“][bsf-info-box icon_type=“custom“ img_width=““ icon_animation=“bounceIn“ title=“Can Add Hover Effect“ pos=“top“ title_font=“font_family:Lato|font_call:Lato“ title_font_size=“20″ title_font_line_height=“30″ title_font_color=“#616161″]Its responsive framework ensures your content looks great on all screen sizes[/bsf-info-box][/ult_content_box][/ult_animation_block]