[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_heading h_size=»h-small» title=»Simple yet flexible» divider=»div-below»]
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_heading h_size=»h-small» title=»Perfect for showing your customers» divider=»div-below»]
[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_heading h_size=»h-small» title=»Resize your browser window» subtitle=»to see how responsiveness works» divider=»div-below»]
[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_heading h_size=»h-small» title=»Open full size images in popup» divider=»div-below»]
[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»]