Image Box

[vc_row full_content_width=”” row_align=”align-middle” top=”60px” bottom=”60px” row_separator=”no-separator” content_fadeout=”content-fadeout” bg_image=”5948″ parallax_bg=”parallax-bg” speed=”0.20″ scale_bg=”” scale_speed=”0.20″ bg_cover=”cover” bg_position=”Center center” bg_v_source=”self_hosted” parallax_video=”” video_speed=”0.20″ overlay_pattern_op=”0.20″ row_mobile_style=”” row_show_on=”” slope_top=”” slope_top_pos=”slope-top-inside” slope_top_dir=”slope-top-left” slope_top_height=”100px” slope_bottom=”” slope_bottom_pos=”slope-bottom-inside” slope_bottom_dir=”slope-bottom-left” slope_bottom_height=”100px” overlay_color=”rgba(24,22,57,0.32)” row_height_type=”fixed_height” height=”360px” bg_color=”#3e4058″][vc_column][vc_heading title=”Image box” title_color=”#ffffff” divider_type=”div-narrow” size=”small” alignment=”align-center”][/vc_column][/vc_row][vc_row top=”0px” bottom=”0px”][vc_column width=”1/4″][vc_row_inner][vc_column_inner][vc_heading h_size=”h-small” title=”Standard layout” alignment=”align-left”][vc_column_text]Set different custom colors for box background, border, heading and content text. Change border radius and add shadow to your image box.[/vc_column_text][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”3/4″][vc_row_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_down” h_overlay=”overlay_h” overlay_color=”rgba(24,22,57,0.32)” align=”align-left” radius=”4px” add_link=”link” link_image=”true” link_heading=”true” link_button=”true” b_radius=”4px” css_animation=”bottom-to-top” img_size=”500×320″ heading=”Image Box” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”Read more” bg_color=”#ffffff” border_color=”#ededed” b_text_color=”#27c3f7″ b_border_color=”#27c3f7″ bh_text_color=”#ffffff” bh_bg_color=”#27c3f7″ heading_color=”#61707d” text_color=”#adb4c5″ style=”twc_imb_standard”][vc_empty_space height=”30px”][/vc_column_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_down” h_overlay=”overlay_h” overlay_color=”rgba(24,22,57,0.32)” radius=”4px” add_link=”link” link_image=”true” link_heading=”true” link_button=”true” b_radius=”4px” css_animation=”bottom-to-top” css_animation_delay=”delay-200″ img_size=”500×320″ heading=”Image Box” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”More info” bg_color=”#1d2942″ b_text_color=”#ffffff” b_border_color=”rgba(255,255,255,0.2)” bh_text_color=”#ffffff” bh_bg_color=”#27c3f7″ heading_color=”#ffffff” text_color=”rgba(255,255,255,0.8)” bh_border_color=”#27c3f7″ style=”twc_imb_standard”][vc_empty_space height=”30px”][/vc_column_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_down” h_overlay=”overlay_h” overlay_color=”rgba(24,22,57,0.32)” align=”align-right” radius=”4px” add_link=”link” link_image=”true” link_heading=”true” link_button=”true” b_radius=”4px” css_animation=”bottom-to-top” css_animation_delay=”delay-300″ img_size=”500×320″ heading=”Image Box” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”Free trial” bg_color=”#27c3f7″ b_text_color=”#ffffff” b_border_color=”#ffffff” bh_text_color=”#27c3f7″ bh_bg_color=”#ffffff” heading_color=”#ffffff” text_color=”rgba(255,255,255,0.8)” bh_border_color=”#ffffff” b_bg_color=”rgba(255,255,255,0.2)” style=”twc_imb_standard”][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row top=”30px” bottom=”0px” row_separator=”row-line-separator”][vc_column width=”1/4″][vc_row_inner][vc_column_inner][vc_heading h_size=”h-small” title=”Minimalistic layout” alignment=”align-left”][vc_column_text]Full control over buttons – set default and hover state text, background and border color, as well as border radius. You can also hide them :)[/vc_column_text][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”3/4″][vc_row_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_up” h_overlay=”overlay” overlay_color=”rgba(24,22,57,0.5)” style=”twc_imb_minimal” align=”align-left” shadow=”imb_shadow_m” add_link=”link” link_image=”true” link_heading=”true” link_button=”true” css_animation=”bottom-to-top” img_size=”500×320″ heading=”Image Box” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”Read more” bg_color=”#ffffff” border_color=”#bdf15a” b_text_color=”#bdf15a” b_border_color=”#bdf15a” bh_text_color=”#ffffff” bh_bg_color=”#bdf15a” heading_color=”#61707d” text_color=”#adb4c5″ radius=”0px” b_radius=”0px”][vc_empty_space height=”30px”][/vc_column_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_down” h_overlay=”overlay” overlay_color=”rgba(24,22,57,0.5)” style=”twc_imb_minimal” shadow=”imb_shadow_m” add_link=”link” link_image=”true” link_heading=”true” link_button=”true” css_animation=”bottom-to-top” css_animation_delay=”delay-100″ img_size=”500×320″ heading=”Image Box” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”More info” bg_color=”#1d2942″ b_text_color=”#ffffff” b_border_color=”#ffffff” bh_text_color=”#1d2942″ bh_bg_color=”#ffffff” heading_color=”#ffffff” text_color=”rgba(255,255,255,0.8)” border_color=”#f65d83″ radius=”0px” b_radius=”0px”][vc_empty_space height=”30px”][/vc_column_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_up” h_overlay=”overlay” overlay_color=”rgba(24,22,57,0.5)” style=”twc_imb_minimal” align=”align-right” shadow=”imb_shadow_m” add_link=”link” link_image=”true” link_heading=”true” link_button=”true” css_animation=”bottom-to-top” css_animation_delay=”delay-300″ img_size=”500×320″ heading=”Image Box” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”Free trial” bg_color=”#27c3f7″ b_text_color=”#ffffff” b_border_color=”#ffffff” bh_text_color=”#27c3f7″ bh_bg_color=”#ffffff” heading_color=”#ffffff” text_color=”rgba(255,255,255,0.8)” bh_border_color=”#ffffff” b_bg_color=”rgba(255,255,255,0.2)” border_color=”#27c3f7″ radius=”0px” b_radius=”0px”][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row top=”30px” bottom=”60px” row_separator=”row-line-separator” full_content_width=”” row_align=”align-middle” content_fadeout=”” parallax_bg=”” speed=”0.20″ scale_bg=”” scale_speed=”0.20″ bg_cover=”” bg_v_source=”self_hosted” parallax_video=”” video_speed=”0.20″ overlay_pattern_op=”0.20″ row_mobile_style=”” row_show_on=”” slope_top=”” slope_top_pos=”slope-top-inside” slope_top_dir=”slope-top-left” slope_top_height=”100px” slope_bottom=”” slope_bottom_pos=”slope-bottom-inside” slope_bottom_dir=”slope-bottom-left” slope_bottom_height=”100px”][vc_column width=”1/4″][vc_row_inner][vc_column_inner][vc_heading h_size=”h-small” title=”Modern layout” alignment=”align-left”][vc_column_text]Control your images. Custom image size, two hover effects, custom color overlay. Make your links lead to another page, or open a popup with image, gallery or video.[/vc_column_text][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”3/4″][vc_row_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_up” h_overlay=”overlay” overlay_color=”rgba(24,22,57,0.5)” style=”twc_imb_modern” shadow=”imb_shadow_h” add_link=”image_popup” link_image=”true” link_heading=”true” link_button=”true” css_animation=”bottom-to-top” img_size=”500×700″ heading=”Image popup” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”Read more” bg_color=”rgba(255,255,255,0.95)” b_text_color=”#ffffff” b_border_color=”#ffffff” bh_text_color=”#61707d” bh_bg_color=”#ffffff” heading_color=”#61707d” text_color=”#adb4c5″ radius=”0px” b_radius=”0px”][vc_empty_space height=”30px”][/vc_column_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_down” h_overlay=”overlay” overlay_color=”rgba(246,93,131,0.8)” style=”twc_imb_modern” shadow=”imb_shadow_h” add_link=”gallery_popup” link_image=”true” link_heading=”true” link_button=”true” css_animation=”bottom-to-top” css_animation_delay=”delay-100″ img_size=”500×700″ heading=”Gallery popup” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”More info” bg_color=”rgba(29,41,66,0.95)” b_text_color=”#ffffff” b_border_color=”#ffffff” bh_text_color=”#f65d83″ bh_bg_color=”#ffffff” heading_color=”#f65d83″ text_color=”rgba(255,255,255,0.8)” radius=”0px” b_radius=”0px” images=”5946,5945,5943″][vc_empty_space height=”30px”][/vc_column_inner][vc_column_inner width=”1/3″][vc_image_box image=”5564″ image_effect=”h_scale_up” h_overlay=”overlay” overlay_color=”rgba(39,195,247,0.95)” style=”twc_imb_modern” align=”align-right” shadow=”imb_shadow_h” add_link=”video_popup” link_image=”true” link_heading=”true” link_button=”true” css_animation=”bottom-to-top” css_animation_delay=”delay-300″ img_size=”500×700″ heading=”Video popup” text=”Energistically maximize ethical partnerships and best-of-breed alignments.” link=”url:http%3A%2F%2Fwordpress.dev%2Ftilt%2Fdev%2F6_image_box%2F||target:%20_blank” button=”Free trial” bg_color=”rgba(39,195,247,0.95)” b_text_color=”#ffffff” b_border_color=”#ffffff” bh_text_color=”#27c3f7″ bh_bg_color=”#ffffff” heading_color=”#ffffff” text_color=”rgba(255,255,255,0.8)” bh_border_color=”#ffffff” b_bg_color=”rgba(255,255,255,0.2)” radius=”0px” b_radius=”0px” iframe_link=”https://vimeo.com/57005606″][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]