fbpx

Masonry Portfolio Grids Demo

Home > Portfolios > Masonry Portfolio Grids Demo
[gem_divider margin_top=”50″]
[gem_divider margin_bottom=”80″]

[gem_divider margin_bottom=”20″]
100% Width

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum

[gem_divider margin_bottom=”50″]
[gem_divider margin_bottom=”80″]

[gem_divider margin_bottom=”20″]
2x Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum

[gem_divider margin_bottom=”50″]
[gem_divider margin_bottom=”80″]

[gem_divider margin_bottom=”20″]
3x Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum

[gem_divider margin_bottom=”50″]
[gem_divider margin_bottom=”80″]

[gem_divider margin_bottom=”20″]
4x Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum

[gem_divider margin_bottom=”50″]
[gem_divider margin_bottom=”80″]
[gem_fullwidth container=”1″ background_color=”#f0f3f2″ padding_top=”84″ padding_bottom=”100″]
100% width
[gem_divider margin_bottom=”57″]
demo 1
justified
[gem_list type=”check-style-1″ color=”3″]

  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled

[/gem_list][gem_button size=”medium” corner=”30″ icon_pack=”elegant” text=”view demo” text_color=”#ffffff” hover_text_color=”#ffffff” background_color=”#00bcd4″ hover_background_color=”#323443″ link=”url:%2Fthegem%2Fportfolios%2Fmasonry-grids%2Fportfolio-masonry-100-1%2F||”][gem_divider margin_bottom=”96″]

demo 2
justified
[gem_list type=”check-style-1″ color=”3″]

  • Layout: 5 columns & 4 columns
  • Text position: below image & on image
  • Filters: disabled & enabled
  • Gaps: 21 px & 42 px (set any you wish)
  • Hovers: vertical sliding & gradient
  • Likes: disabled
  • Paginations: infinite & load more
  • Animations: fade in & flip
  • Sharing: enabled
  • Sorting: disabled

[/gem_list][gem_button size=”medium” corner=”30″ icon_pack=”elegant” text=”view demo” text_color=”#ffffff” hover_text_color=”#ffffff” background_color=”#00bcd4″ hover_background_color=”#323443″ link=”url:%2Fthegem%2Fportfolios%2Fmasonry-grids%2Fportfolio-masonry-100-2%2F||”]

[/gem_fullwidth]
[gem_divider margin_top=”58″]
2x columns
[gem_divider margin_top=”74″]
demo 3
justified
[gem_list type=”check-style-1″ color=”3″]

  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled

[/gem_list][gem_button style=”outline” size=”medium” corner=”30″ border=”3″ icon_pack=”elegant” text=”view demo” text_color=”#00bcd4″ hover_text_color=”#ffffff” hover_background_color=”#00bcd4″ link=”url:%2Fthegem%2Fportfolios%2Fmasonry-grids%2Fportfolio-masonry-2x-1%2F||”]

[gem_image position=”centered” disable_lightbox=”1″ src=”11517″]
demo 4
justified
[gem_list type=”check-style-1″ color=”3″]

  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled

[/gem_list][gem_button style=”outline” size=”medium” corner=”30″ border=”3″ icon_pack=”elegant” text=”view demo” text_color=”#00bcd4″ hover_text_color=”#ffffff” hover_background_color=”#00bcd4″ link=”url:%2Fthegem%2Fportfolios%2Fmasonry-grids%2Fportfolio-masonry-2x-2%2F||”][gem_divider margin_top=”105″]

[gem_fullwidth container=”1″ background_color=”#f0f3f2″ padding_top=”100″ padding_bottom=”118″]
3x columns
[gem_divider margin_top=”80″]
demo 5
justified
[gem_list type=”check-style-1″ color=”3″]

  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled

[/gem_list][gem_button size=”medium” corner=”30″ icon_pack=”elegant” text=”view demo” text_color=”#ffffff” hover_text_color=”#ffffff” background_color=”#00bcd4″ hover_background_color=”#323443″ link=”url:%2Fthegem%2Fportfolios%2Fjustified-portfolio-demos%2Fportfolio-justified-3x-1%2F||”][gem_divider margin_top=”109″]

demo 6
justified
[gem_list type=”check-style-1″ color=”3″]

  • Layout: 5 columns & 4 columns
  • Text position: below image & on image
  • Filters: disabled & enabled
  • Gaps: 21 px & 42 px (set any you wish)
  • Hovers: vertical sliding & gradient
  • Likes: disabled
  • Paginations: infinite & load more
  • Animations: fade in & flip
  • Sharing: enabled
  • Sorting: disabled

[/gem_list][gem_button size=”medium” corner=”30″ icon_pack=”elegant” text=”view demo” text_color=”#ffffff” hover_text_color=”#ffffff” background_color=”#00bcd4″ hover_background_color=”#323443″ link=”url:%2Fthegem%2Fportfolios%2Fmasonry-grids%2Fportfolio-masonry-3x-2%2F||”]

[/gem_fullwidth]
[gem_divider margin_top=”58″]
4x columns
[gem_divider margin_top=”74″]
demo 3
justified
[gem_list type=”check-style-1″ color=”3″]

  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled

[/gem_list][gem_button style=”outline” size=”medium” corner=”30″ border=”3″ icon_pack=”elegant” text=”view demo” text_color=”#00bcd4″ hover_text_color=”#ffffff” hover_background_color=”#00bcd4″ link=”url:http%3A%2F%2Fthegem%2Fportfolios%2Fmasonry-grids%2Fportfolio-masonry-4x-1%2F||”]

[gem_image position=”centered” disable_lightbox=”1″ src=”11517″]
demo 4
justified
[gem_list type=”check-style-1″ color=”3″]

  • Text position: on hover & below image
  • Filters: disabled & enabled
  • Gaps: no gaps & 42 px (set any you wish)
  • Sorting: disabled & enabled
  • Hovers: cyan breeze & zooming white
  • Likes: disabled & enabled
  • Paginations: infinite scroll & classic
  • Animations: move up & fall perspective
  • Caption Fill: none & light
  • Sharing: enabled

[/gem_list][gem_button style=”outline” size=”medium” corner=”30″ border=”3″ icon_pack=”elegant” text=”view demo” text_color=”#00bcd4″ hover_text_color=”#ffffff” hover_background_color=”#00bcd4″ link=”url:%2Fthegem%2Fportfolios%2Fmasonry-grids%2Fportfolio-masonry-4x-2%2F||”][gem_divider margin_top=”120″]

[gem_fullwidth background_style=”cover” background_parallax=”1″ background_parallax_type=”fixed” background_image=”11537″ padding_top=”243″ padding_bottom=”157″][gem_icon pack=”elegant” shape=”circle” size=”medium” centered=”1″ icon_elegant=”e104″ color=”#ffb932″ border_color=”#ffb932″][gem_divider margin_top=”30″]
the gem is awesome!
[gem_divider margin_top=”30″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam nostrud exercitation ullamco laboris nisiut aliquip ex ea commodo. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

[gem_divider margin_top=”-92″][gem_alert_box content_background_color=”” button_1_style=”outline” button_1_size=”medium” button_1_text_weight=”thin” button_1_corner=”0″ button_1_border=”1″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_style=”outline” button_2_size=”medium” button_2_text_weight=”thin” button_2_corner=”0″ button_2_border=”1″ button_2_icon_pack=”elegant” centered=”1″ button_1_text=”purchase now” button_1_text_color=”#ff2e8c” button_1_hover_background_color=”rgba(153,47,101,0.18)” button_1_border_color=”#ff2e8c” button_2_text=”leave me alone” button_2_text_color=”#ffc556″ button_2_hover_background_color=”rgba(156,126,76,0.2)” button_2_border_color=”#ffc556″][/gem_alert_box][/gem_fullwidth]
CONTACT