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]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *