{"id":5595,"date":"2015-08-17T08:13:19","date_gmt":"2015-08-17T08:13:19","guid":{"rendered":"http:\/\/whitecollars.co\/tilt-demo\/?page_id=5595"},"modified":"2015-08-17T08:13:19","modified_gmt":"2015-08-17T08:13:19","slug":"image-gallery","status":"publish","type":"page","link":"https:\/\/www.bouregreg.com\/image-gallery\/","title":{"rendered":"Image Gallery"},"content":{"rendered":"
[vc_row row_height_type=\u00a0\u00bbfixed_height\u00a0\u00bb height=\u00a0\u00bb500px\u00a0\u00bb top=\u00a0\u00bb80px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb content_fadeout=\u00a0\u00bbcontent-fadeout\u00a0\u00bb parallax_bg=\u00a0\u00bbparallax-bg\u00a0\u00bb bg_cover=\u00a0\u00bbcover\u00a0\u00bb bg_position=\u00a0\u00bbCenter center\u00a0\u00bb bg_image=\u00a0\u00bb5974″ overlay_color=\u00a0\u00bbrgba(24,22,57,0.41)\u00a0\u00bb full_content_width=\u00a0\u00bb\u00a0\u00bb row_align=\u00a0\u00bbalign-middle\u00a0\u00bb row_separator=\u00a0\u00bbno-separator\u00a0\u00bb speed=\u00a0\u00bb0.20″ scale_bg=\u00a0\u00bb\u00a0\u00bb scale_speed=\u00a0\u00bb0.20″ bg_v_source=\u00a0\u00bbself_hosted\u00a0\u00bb parallax_video=\u00a0\u00bb\u00a0\u00bb video_speed=\u00a0\u00bb0.20″ overlay_pattern_op=\u00a0\u00bb0.20″ row_mobile_style=\u00a0\u00bb\u00a0\u00bb row_show_on=\u00a0\u00bb\u00a0\u00bb slope_top=\u00a0\u00bb\u00a0\u00bb slope_top_pos=\u00a0\u00bbslope-top-inside\u00a0\u00bb slope_top_dir=\u00a0\u00bbslope-top-left\u00a0\u00bb slope_top_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom=\u00a0\u00bb\u00a0\u00bb slope_bottom_pos=\u00a0\u00bbslope-bottom-inside\u00a0\u00bb slope_bottom_dir=\u00a0\u00bbslope-bottom-left\u00a0\u00bb slope_bottom_height=\u00a0\u00bb100px\u00a0\u00bb bg_color=\u00a0\u00bb#3e4058″][vc_column][vc_heading h_size=\u00a0\u00bbh-extralarge\u00a0\u00bb title=\u00a0\u00bbImage Gallery Grid\u00a0\u00bb title_color=\u00a0\u00bb#ffffff\u00a0\u00bb subtitle=\u00a0\u00bbflexible and responsive\u00a0\u00bb subtitle_color=\u00a0\u00bb#ffffff\u00a0\u00bb divider=\u00a0\u00bbdiv-between\u00a0\u00bb divider_color=\u00a0\u00bb#ffffff\u00a0\u00bb css_animation=\u00a0\u00bbbottom-to-top\u00a0\u00bb][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb100px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb textalign=\u00a0\u00bbcenter\u00a0\u00bb][vc_column width=\u00a0\u00bb1\/6″][\/vc_column][vc_column width=\u00a0\u00bb2\/3″][vc_heading h_size=\u00a0\u00bbh-small\u00a0\u00bb title=\u00a0\u00bbSimple yet flexible\u00a0\u00bb divider=\u00a0\u00bbdiv-below\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][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<\/strong> is what you need.<\/p>\n 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=\u00a0\u00bb1\/6″][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb100px\u00a0\u00bb bottom=\u00a0\u00bb100px\u00a0\u00bb][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb el_class=\u00a0\u00bbextra-class\u00a0\u00bb][vc_column width=\u00a0\u00bb1\/6″][\/vc_column][vc_column width=\u00a0\u00bb2\/3″][vc_heading h_size=\u00a0\u00bbh-small\u00a0\u00bb title=\u00a0\u00bbPerfect for showing your customers\u00a0\u00bb divider=\u00a0\u00bbdiv-below\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_image_gallery images=\u00a0\u00bb10,11,12,13,14,15″ space=\u00a0\u00bb8″ border=\u00a0\u00bb#ededed\u00a0\u00bb custom_width=\u00a0\u00bb320″ custom_height=\u00a0\u00bb160″ image_hover=\u00a0\u00bbh_transparent\u00a0\u00bb popup=\u00a0\u00bb\u00a0\u00bb items_row=\u00a0\u00bb3″ responsive=\u00a0\u00bb\u00a0\u00bb items_tablet=\u00a0\u00bb3″ items_mobile=\u00a0\u00bb3″ overlay_color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb icon_color=\u00a0\u00bb#ffffff\u00a0\u00bb][\/vc_column][vc_column width=\u00a0\u00bb1\/6″][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb100px\u00a0\u00bb bottom=\u00a0\u00bb100px\u00a0\u00bb][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb el_class=\u00a0\u00bbextra-class\u00a0\u00bb][vc_column][vc_heading h_size=\u00a0\u00bbh-small\u00a0\u00bb title=\u00a0\u00bbResize your browser window\u00a0\u00bb subtitle=\u00a0\u00bbto see how responsiveness works\u00a0\u00bb divider=\u00a0\u00bbdiv-below\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb40px\u00a0\u00bb][vc_image_gallery images=\u00a0\u00bb10,11,12,13,14,15″ space=\u00a0\u00bb2″ items_row=\u00a0\u00bb6″ responsive=\u00a0\u00bbtrue\u00a0\u00bb items_tablet=\u00a0\u00bb6″ image_hover=\u00a0\u00bbh_scale_up\u00a0\u00bb h_overlay=\u00a0\u00bboverlay_h\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb popup=\u00a0\u00bb\u00a0\u00bb items_mobile=\u00a0\u00bb4″ icon_color=\u00a0\u00bb#ffffff\u00a0\u00bb][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb100px\u00a0\u00bb bottom=\u00a0\u00bb100px\u00a0\u00bb][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb120px\u00a0\u00bb el_class=\u00a0\u00bbextra-class\u00a0\u00bb][vc_column][vc_heading h_size=\u00a0\u00bbh-small\u00a0\u00bb title=\u00a0\u00bbOpen full size images in popup\u00a0\u00bb divider=\u00a0\u00bbdiv-below\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_image_gallery images=\u00a0\u00bb10,11,12,13,14,15″ space=\u00a0\u00bb2″ popup=\u00a0\u00bbtrue\u00a0\u00bb items_row=\u00a0\u00bb6″ responsive=\u00a0\u00bbtrue\u00a0\u00bb items_tablet=\u00a0\u00bb6″ items_mobile=\u00a0\u00bb4″ image_hover=\u00a0\u00bbh_scale_down\u00a0\u00bb h_overlay=\u00a0\u00bboverlay\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(81,203,243,0.8)\u00a0\u00bb icon=\u00a0\u00bbimg_icon_h\u00a0\u00bb icon_color=\u00a0\u00bb#ffffff\u00a0\u00bb][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":" [vc_row row_height_type=\u00a0\u00bbfixed_height\u00a0\u00bb height=\u00a0\u00bb500px\u00a0\u00bb top=\u00a0\u00bb80px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb content_fadeout=\u00a0\u00bbcontent-fadeout\u00a0\u00bb parallax_bg=\u00a0\u00bbparallax-bg\u00a0\u00bb bg_cover=\u00a0\u00bbcover\u00a0\u00bb bg_position=\u00a0\u00bbCenter center\u00a0\u00bb bg_image=\u00a0\u00bb5974″ overlay_color=\u00a0\u00bbrgba(24,22,57,0.41)\u00a0\u00bb full_content_width=\u00a0\u00bb\u00a0\u00bb row_align=\u00a0\u00bbalign-middle\u00a0\u00bb row_separator=\u00a0\u00bbno-separator\u00a0\u00bb speed=\u00a0\u00bb0.20″ scale_bg=\u00a0\u00bb\u00a0\u00bb scale_speed=\u00a0\u00bb0.20″ bg_v_source=\u00a0\u00bbself_hosted\u00a0\u00bb parallax_video=\u00a0\u00bb\u00a0\u00bb… <\/p>\n