Image Gallery

[vc_row row_height_type=”fixed_height” height=”500px” top=”80px” bottom=”0px” content_fadeout=”content-fadeout” parallax_bg=”parallax-bg” bg_cover=”cover” bg_position=”Center center” bg_image=”5974″ overlay_color=”rgba(24,22,57,0.41)” full_content_width=”” row_align=”align-middle” row_separator=”no-separator” speed=”0.20″ scale_bg=”” scale_speed=”0.20″ 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” bg_color=”#3e4058″][vc_column][vc_heading h_size=”h-extralarge” title=”Image Gallery Grid” title_color=”#ffffff” subtitle=”flexible and responsive” subtitle_color=”#ffffff” divider=”div-between” divider_color=”#ffffff” css_animation=”bottom-to-top”][/vc_column][/vc_row][vc_row top=”100px” bottom=”0px” textalign=”center”][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_heading h_size=”h-small” title=”Simple yet flexible” divider=”div-below”][vc_empty_space height=”20px”][vc_column_text]When complicated animations are unnecessary, and you just want to show examples of your work or insights from the projects or events – Image Gallery Grid is what you need.

Control the number of images in a row, separate settings are available for small screens! Add space between items or border around them. Add color overlay and hover animation to images. Finally, open the gallery in popup![/vc_column_text][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row top=”100px” bottom=”100px”][vc_column][vc_separator][/vc_column][/vc_row][vc_row top=”0px” bottom=”0px” el_class=”extra-class”][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_heading h_size=”h-small” title=”Perfect for showing your customers” divider=”div-below”][vc_empty_space height=”30px”][vc_image_gallery images=”10,11,12,13,14,15″ space=”8″ border=”#ededed” custom_width=”320″ custom_height=”160″ image_hover=”h_transparent” popup=”” items_row=”3″ responsive=”” items_tablet=”3″ items_mobile=”3″ overlay_color=”rgba(0,0,0,0.2)” icon_color=”#ffffff”][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row top=”100px” bottom=”100px”][vc_column][vc_separator][/vc_column][/vc_row][vc_row top=”0px” bottom=”0px” el_class=”extra-class”][vc_column][vc_heading h_size=”h-small” title=”Resize your browser window” subtitle=”to see how responsiveness works” divider=”div-below”][vc_empty_space height=”40px”][vc_image_gallery images=”10,11,12,13,14,15″ space=”2″ items_row=”6″ responsive=”true” items_tablet=”6″ image_hover=”h_scale_up” h_overlay=”overlay_h” overlay_color=”rgba(0,0,0,0.2)” popup=”” items_mobile=”4″ icon_color=”#ffffff”][/vc_column][/vc_row][vc_row top=”100px” bottom=”100px”][vc_column][vc_separator][/vc_column][/vc_row][vc_row top=”0px” bottom=”120px” el_class=”extra-class”][vc_column][vc_heading h_size=”h-small” title=”Open full size images in popup” divider=”div-below”][vc_empty_space height=”30px”][vc_image_gallery images=”10,11,12,13,14,15″ space=”2″ popup=”true” items_row=”6″ responsive=”true” items_tablet=”6″ items_mobile=”4″ image_hover=”h_scale_down” h_overlay=”overlay” overlay_color=”rgba(81,203,243,0.8)” icon=”img_icon_h” icon_color=”#ffffff”][/vc_column][/vc_row]