Image Gallery

[vc_row][vc_column][vc_custom_heading text=»Image Gallery Shortcodes» use_theme_fonts=»yes» el_class=»shorter»][vc_column_text]You can show your images in different layout styles with Porto Sort Filters, Sort Filter, Sort Container, Sort Item, Grid Container, Grid Item shortcodes.[/vc_column_text][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Default» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][porto_sort_filters container=»shortcode-portfolios»][porto_sort_filter sort_by=»original-order» active=»yes» label=»Show All» filter_by=»*»][porto_sort_filter label=»Websites» filter_by=».websites»][porto_sort_filter label=»Logos» filter_by=».logos»][porto_sort_filter label=»Brands» filter_by=».brands»][/porto_sort_filters][vc_separator color=»custom» gap=»tall» gradient=»yes» el_class=»m-b-md»][porto_sort_container id=»shortcode-portfolios»][porto_sort_item width_lg=»3″ width_md=»4″ width_sm=»6″ filter=»websites»][porto_image_frame type=»hover-style» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg»][/porto_image_frame][/porto_sort_item][porto_sort_item width_lg=»3″ width_md=»4″ width_sm=»6″ filter=»logos»][porto_image_frame type=»hover-style» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg»][/porto_image_frame][/porto_sort_item][porto_sort_item width_lg=»3″ width_md=»4″ width_sm=»6″ filter=»brands»][porto_image_frame type=»hover-style» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg»][/porto_image_frame][/porto_sort_item][porto_sort_item width_lg=»3″ width_md=»4″ width_sm=»6″ filter=»websites»][porto_image_frame type=»hover-style» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg»][/porto_image_frame][/porto_sort_item][/porto_sort_container][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=»22px»][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Full Width» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][/vc_column][/vc_row][vc_row full_width=»stretch_row_content_no_spaces»][vc_column][porto_grid_container gutter_size=»0″][porto_grid_item width=»20%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg» el_class=»m-b-none»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»20%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg» el_class=»m-b-none»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»20%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg» el_class=»m-b-none»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»20%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg» el_class=»m-b-none»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»20%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg» el_class=»m-b-none»][/porto_image_frame][/porto_grid_item][/porto_grid_container][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Masonry» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][porto_grid_container gutter_size=»0″][porto_grid_item width=»25%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-none» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-1.jpg»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»25%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-none» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-2.jpg»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»25%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-none» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-4.jpg»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»25%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-none» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-3.jpg»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»25%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-none» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-6.jpg»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»25%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-none» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-5.jpg»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»25%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-none» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-7.jpg»][/porto_image_frame][/porto_grid_item][porto_grid_item width=»25%»][porto_image_frame type=»hover-style» view_type=»centered-info» noborders=»yes» link=»url:%23||» title=»Project Title» sub_title=»Project Type» el_class=»m-b-none» image_url=»http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-8.jpg»][/porto_image_frame][/porto_grid_item][/porto_grid_container][vc_empty_space height=»22px»][/vc_column][/vc_row]