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]

Laisser un commentaire

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