Content Box1

[vc_row bg_type=”no_bg” css=”.vc_custom_1409409710044{padding-top: 30px !important;}” animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation”][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][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″][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation” css=”.vc_custom_1445339441278{margin-bottom: 0px !important;}”][vc_column width=”1/2″][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][/vc_column][vc_column width=”1/2″ css=”.vc_custom_1445332019181{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][ult_animation_block animation=”fadeInLeft” animation_duration=”1″ animation_delay=”0.7″ animation_iteration_count=”1″][vc_row_inner css=”.vc_custom_1445332378808{margin-right: 0px !important;margin-left: 0px !important;background-color: #e8e8e8 !important;}”][vc_column_inner][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][/vc_column_inner][/vc_row_inner][/ult_animation_block][/vc_column][/vc_row][vc_row css=”.vc_custom_1445339425118{margin-top: 0px !important;}” animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation”][vc_column][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″][vc_row_inner][vc_column_inner width=”1/4″][/vc_column_inner][vc_column_inner width=”1/2″][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][/vc_column_inner][vc_column_inner width=”1/4″][/vc_column_inner][/vc_row_inner][/ult_content_box][/ult_animation_block][/vc_column][/vc_row][vc_row css=”.vc_custom_1445336888968{margin-bottom: 0px !important;}” animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation”][vc_column width=”1/2″][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][/vc_column][vc_column width=”1/2″ css=”.vc_custom_1445330951994{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][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][/vc_column][/vc_row]

Scroll to Top