Justified Portfolio Grid Demo

[gem_divider margin_top=”50″]

[gem_divider margin_bottom=”80″]

[gem_divider margin_bottom=”20″]

100{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22} 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{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22} width

[gem_divider margin_bottom=”57″]

[vc_single_image image=”11478″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”/thegem/portfolios/justified-portfolio-demos/portfolio-justified-100-1/”]

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:{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fthegem{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolios{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fjustified-portfolio-demos{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolio-justified-100-1{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}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:{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fthegem{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolios{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fjustified-portfolio-demos{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolio-justified-100-2{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2F||”]

[vc_single_image image=”11464″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”/thegem/portfolios/justified-portfolio-demos/portfolio-justified-100-2/”]

[/gem_fullwidth]

[gem_divider margin_top=”58″]

2x columns

[gem_divider margin_top=”74″]

[vc_single_image image=”11476″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”/thegem/portfolios/justified-portfolio-demos/portfolio-justified-2x-1/”]

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:{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fthegem{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolios{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fjustified-portfolio-demos{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolio-justified-2x-1{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}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:{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fthegem{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolios{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fjustified-portfolio-demos{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolio-justified-2x-2{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2F||”][gem_divider margin_top=”105″]

[vc_single_image image=”11474″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”/thegem/portfolios/justified-portfolio-demos/portfolio-justified-2x-2/”]

[gem_fullwidth container=”1″ background_color=”#f0f3f2″ padding_top=”100″ padding_bottom=”118″]

3x columns

[gem_divider margin_top=”80″]

[vc_single_image image=”11472″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”/thegem/portfolios/justified-portfolio-demos/portfolio-justified-3x-1/”]

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:{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fthegem{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolios{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fjustified-portfolio-demos{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolio-justified-3x-1{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}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:{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fthegem{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolios{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fjustified-portfolio-demos{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolio-justified-3x-2{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2F||”]

[vc_single_image image=”11470″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”/thegem/portfolios/justified-portfolio-demos/portfolio-justified-3x-2/”]

[/gem_fullwidth]

[gem_divider margin_top=”58″]

4x columns

[gem_divider margin_top=”74″]

[vc_single_image image=”11468″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”/thegem/portfolios/justified-portfolio-demos/portfolio-justified-4x-1/”]

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:{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fthegem{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolios{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fjustified-portfolio-demos{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolio-justified-4x-1{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}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:{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fthegem{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolios{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fjustified-portfolio-demos{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2Fportfolio-justified-4x-2{43d113ccb316f0beee5ec55b4aba268037bd26a539fb4237025350f05ccffe22}2F||”][gem_divider margin_top=”120″]

[vc_single_image image=”11466″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”/thegem/portfolios/justified-portfolio-demos/portfolio-justified-4x-2/”]

[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]