Portfolio Grid


[vc_row][vc_column width=”1/1″][vc_column_text]Create custom Filterable Portfolio Grids with the click of a button in Visual Composer with Fortuna! Fully customize the looks of your grids, add them to any page, add category filters to them etc. Check out some of the modification options below as well as a few examples further down the page.[/vc_column_text][boc_spacing height=”20px”][boc_heading html_element=”h4″ alignment=”left” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” background=”bgr_double”]Features[/boc_heading][boc_spacing height=”20px”][vc_row_inner][vc_column_inner width=”1/2″][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Display style (10 Style Presets availbale)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Image Hover Effect (4 Style Presets available)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Item Spacing (3 Options available)[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Column Count[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Total Items in Grid[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Add Category Filters[/boc_list_item][/vc_column_inner][vc_column_inner width=”1/2″][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]CSS animation of the items[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Custom Query for the Items[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Filter only specific categories[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Order and Order By clauses[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Image sizes (Use equal heights or original proportions)[/boc_list_item][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_double” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #1[/boc_heading][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”yes” center_filter=”” show_filter_label=”yes” spacing=”small_spacing” fixed_size=”” css_items_animation=”bottom-to-top” limit=”12″ order_by=”date” order=”DESC” display_style=”7″ img_hover_effect=”2″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #2[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”yes” center_filter=”yes” show_filter_label=”yes” spacing=”no_spacing” fixed_size=”yes” css_items_animation=”right-to-left” limit=”9″ order_by=”date” order=”DESC” display_style=”9″ img_hover_effect=”4″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #3[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”” center_filter=”yes” show_filter_label=”yes” spacing=”big_spacing” fixed_size=”yes” limit=”9″ order_by=”rand” order=”DESC” display_style=”1″ img_hover_effect=”3″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #4[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”” center_filter=”yes” show_filter_label=”yes” spacing=”big_spacing” fixed_size=”yes” limit=”9″ order_by=”rand” order=”DESC” display_style=”3″ img_hover_effect=”1″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #5[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”” center_filter=”yes” show_filter_label=”yes” spacing=”big_spacing” fixed_size=”yes” limit=”9″ order_by=”rand” order=”DESC” display_style=”4″ img_hover_effect=”4″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”60px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px” css_classes=”no_text_transform”]Portfolio Grid Example #6[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”20px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”40px”][boc_portfolio_grid columns=”3″ filter_links=”” center_filter=”yes” show_filter_label=”yes” spacing=”big_spacing” fixed_size=”yes” limit=”9″ order_by=”rand” order=”DESC” display_style=”6″][boc_spacing height=”60px”][/vc_column][/vc_row]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *