[vc_row][vc_column][gem_divider margin_top="50"][/vc_column][/vc_row][vc_row][vc_column width="1/4" el_class="custom-hover"][gem_divider margin_bottom="80"][vc_column_text]<a class="scroll-to-anchor" href="#i100x"><img class="img-responsive aligncenter" src="https://preview.ariawp.com/thegem/wp-content/uploads/sites/7/2016/03/2_1.jpg" alt="" /></a>[/vc_column_text][gem_divider margin_bottom="20"][vc_column_text]
<div class="title-h5" style="text-align: center;"><span class="light">100% Width</span></div>
[/vc_column_text][vc_column_text css=".vc_custom_1458466531160{padding-right: 15px !important;padding-left: 15px !important;}"]
<p style="text-align: center;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo لورم ایپسوم</p>
[/vc_column_text][gem_divider margin_bottom="50"][/vc_column][vc_column width="1/4" el_class="custom-hover"][gem_divider margin_bottom="80"][vc_column_text]<a class="scroll-to-anchor" href="#i2x"><img class="img-responsive aligncenter" src="https://preview.ariawp.com/thegem/wp-content/uploads/sites/7/2016/03/2_2.jpg" alt="" /></a>[/vc_column_text][gem_divider margin_bottom="20"][vc_column_text]
<div class="title-h5" style="text-align: center;"><span class="light">2x Columns</span></div>
[/vc_column_text][vc_column_text css=".vc_custom_1458466537508{padding-right: 15px !important;padding-left: 15px !important;}"]
<p style="text-align: center;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo لورم ایپسوم</p>
[/vc_column_text][gem_divider margin_bottom="50"][/vc_column][vc_column width="1/4" el_class="custom-hover"][gem_divider margin_bottom="80"][vc_column_text]<a class="scroll-to-anchor" href="#i3x"><img class="img-responsive aligncenter" src="https://preview.ariawp.com/thegem/wp-content/uploads/sites/7/2016/03/2_3.jpg" alt="" /></a>[/vc_column_text][gem_divider margin_bottom="20"][vc_column_text]
<div class="title-h5" style="text-align: center;"><span class="light">3x Columns</span></div>
[/vc_column_text][vc_column_text css=".vc_custom_1458466542548{padding-right: 15px !important;padding-left: 15px !important;}"]
<p style="text-align: center;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo لورم ایپسوم</p>
[/vc_column_text][gem_divider margin_bottom="50"][/vc_column][vc_column width="1/4" el_class="custom-hover"][gem_divider margin_bottom="80"][vc_column_text]<a class="scroll-to-anchor" href="#i4x"><img class="img-responsive aligncenter" src="https://preview.ariawp.com/thegem/wp-content/uploads/sites/7/2016/03/2_4.jpg" alt="" /></a>[/vc_column_text][gem_divider margin_bottom="20"][vc_column_text]
<div class="title-h5" style="text-align: center;"><span class="light">4x Columns</span></div>
[/vc_column_text][vc_column_text css=".vc_custom_1458466551355{padding-right: 15px !important;padding-left: 15px !important;}"]
<p style="text-align: center;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo لورم ایپسوم</p>
[/vc_column_text][gem_divider margin_bottom="50"][/vc_column][/vc_row][vc_row][vc_column][gem_divider margin_bottom="80"][/vc_column][/vc_row][vc_row el_id="i100x"][vc_column][gem_fullwidth container="1" background_color="#f0f3f2" padding_top="84" padding_bottom="100"][vc_column_text]
<div class="title-h1" style="text-align: center;">100% <span class="light">width</span></div>
[/vc_column_text][gem_divider margin_bottom="57"][vc_row_inner][vc_column_inner width="2/3"][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/"][/vc_column_inner][vc_column_inner width="1/3"][vc_column_text]
<div class="title-h3">demo 1
<span class="light">justified</span></div>
[/vc_column_text][gem_list type="check-style-1" color="3"]
<ul>
 	<li>Text position: on hover &amp; below image</li>
 	<li>Filters: disabled &amp; enabled</li>
 	<li>Gaps: no gaps &amp; 42 px (set any you wish)</li>
 	<li>Sorting: disabled &amp; enabled</li>
 	<li>Hovers: cyan breeze &amp; zooming white</li>
 	<li>Likes: disabled &amp; enabled</li>
 	<li>Paginations: infinite scroll &amp; classic</li>
 	<li>Animations: move up &amp; fall perspective</li>
 	<li>Caption Fill: none &amp; light</li>
 	<li>Sharing: enabled</li>
</ul>
[/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-100-1%2F||"][gem_divider margin_bottom="96"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/3"][vc_column_text]
<div class="title-h3">demo 2
<span class="light">justified</span></div>
[/vc_column_text][gem_list type="check-style-1" color="3"]
<ul>
 	<li>Layout: 5 columns &amp; 4 columns</li>
 	<li>Text position: below image &amp; on image</li>
 	<li>Filters: disabled &amp; enabled</li>
 	<li>Gaps: 21 px &amp; 42 px (set any you wish)</li>
 	<li>Hovers: vertical sliding &amp; gradient</li>
 	<li>Likes: disabled</li>
 	<li>Paginations: infinite &amp; load more</li>
 	<li>Animations: fade in &amp; flip</li>
 	<li>Sharing: enabled</li>
 	<li>Sorting: disabled</li>
</ul>
[/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-100-2%2F||"][/vc_column_inner][vc_column_inner width="2/3"][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/"][/vc_column_inner][/vc_row_inner][/gem_fullwidth][/vc_column][/vc_row][vc_row css=".vc_custom_1457697445710{margin-bottom: 0px !important;}" el_id="i2x"][vc_column][gem_divider margin_top="58"][vc_column_text]
<div class="title-h1" style="text-align: center;">2x <span class="light">columns</span></div>
[/vc_column_text][gem_divider margin_top="74"][/vc_column][/vc_row][vc_row css=".vc_custom_1457697449635{margin-bottom: 0px !important;}"][vc_column width="2/3"][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/"][/vc_column][vc_column width="1/3"][vc_column_text]
<div class="title-h3">demo 3
<span class="light">justified</span></div>
[/vc_column_text][gem_list type="check-style-1" color="3"]
<ul>
 	<li>Text position: on hover &amp; below image</li>
 	<li>Filters: disabled &amp; enabled</li>
 	<li>Gaps: no gaps &amp; 42 px (set any you wish)</li>
 	<li>Sorting: disabled &amp; enabled</li>
 	<li>Hovers: cyan breeze &amp; zooming white</li>
 	<li>Likes: disabled &amp; enabled</li>
 	<li>Paginations: infinite scroll &amp; classic</li>
 	<li>Animations: move up &amp; fall perspective</li>
 	<li>Caption Fill: none &amp; light</li>
 	<li>Sharing: enabled</li>
</ul>
[/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%2Fjustified-portfolio-demos%2Fportfolio-justified-2x-1%2F||"][/vc_column][/vc_row][vc_row css=".vc_custom_1457695774847{margin-bottom: 0px !important;}"][vc_column css=".vc_custom_1457695862934{margin-top: -32px !important;margin-bottom: -30px !important;}"][gem_image position="centered" disable_lightbox="1" src="11517"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_column_text]
<div class="title-h3">demo 4
<span class="light">justified</span></div>
[/vc_column_text][gem_list type="check-style-1" color="3"]
<ul>
 	<li>Text position: on hover &amp; below image</li>
 	<li>Filters: disabled &amp; enabled</li>
 	<li>Gaps: no gaps &amp; 42 px (set any you wish)</li>
 	<li>Sorting: disabled &amp; enabled</li>
 	<li>Hovers: cyan breeze &amp; zooming white</li>
 	<li>Likes: disabled &amp; enabled</li>
 	<li>Paginations: infinite scroll &amp; classic</li>
 	<li>Animations: move up &amp; fall perspective</li>
 	<li>Caption Fill: none &amp; light</li>
 	<li>Sharing: enabled</li>
</ul>
[/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%2Fjustified-portfolio-demos%2Fportfolio-justified-2x-2%2F||"][gem_divider margin_top="105"][/vc_column][vc_column width="2/3"][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/"][/vc_column][/vc_row][vc_row el_id="i3x"][vc_column][gem_fullwidth container="1" background_color="#f0f3f2" padding_top="100" padding_bottom="118"][vc_column_text]
<div class="title-h1" style="text-align: center;">3x <span class="light">columns</span></div>
[/vc_column_text][gem_divider margin_top="80"][vc_row_inner][vc_column_inner width="2/3"][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/"][/vc_column_inner][vc_column_inner width="1/3"][vc_column_text]
<div class="title-h3">demo 5
<span class="light">justified</span></div>
[/vc_column_text][gem_list type="check-style-1" color="3"]
<ul>
 	<li>Text position: on hover &amp; below image</li>
 	<li>Filters: disabled &amp; enabled</li>
 	<li>Gaps: no gaps &amp; 42 px (set any you wish)</li>
 	<li>Sorting: disabled &amp; enabled</li>
 	<li>Hovers: cyan breeze &amp; zooming white</li>
 	<li>Likes: disabled &amp; enabled</li>
 	<li>Paginations: infinite scroll &amp; classic</li>
 	<li>Animations: move up &amp; fall perspective</li>
 	<li>Caption Fill: none &amp; light</li>
 	<li>Sharing: enabled</li>
</ul>
[/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"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/3"][vc_column_text]
<div class="title-h3">demo 6
<span class="light">justified</span></div>
[/vc_column_text][gem_list type="check-style-1" color="3"]
<ul>
 	<li>Layout: 5 columns &amp; 4 columns</li>
 	<li>Text position: below image &amp; on image</li>
 	<li>Filters: disabled &amp; enabled</li>
 	<li>Gaps: 21 px &amp; 42 px (set any you wish)</li>
 	<li>Hovers: vertical sliding &amp; gradient</li>
 	<li>Likes: disabled</li>
 	<li>Paginations: infinite &amp; load more</li>
 	<li>Animations: fade in &amp; flip</li>
 	<li>Sharing: enabled</li>
 	<li>Sorting: disabled</li>
</ul>
[/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-2%2F||"][/vc_column_inner][vc_column_inner width="2/3"][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/"][/vc_column_inner][/vc_row_inner][/gem_fullwidth][/vc_column][/vc_row][vc_row css=".vc_custom_1457697482896{margin-bottom: 0px !important;}" el_id="i4x"][vc_column][gem_divider margin_top="58"][vc_column_text]
<div class="title-h1" style="text-align: center;">4x <span class="light">columns</span></div>
[/vc_column_text][gem_divider margin_top="74"][/vc_column][/vc_row][vc_row css=".vc_custom_1457697318664{margin-bottom: 0px !important;}"][vc_column width="2/3"][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/"][/vc_column][vc_column width="1/3"][vc_column_text]
<div class="title-h3">demo 3
<span class="light">justified</span></div>
[/vc_column_text][gem_list type="check-style-1" color="3"]
<ul>
 	<li>Text position: on hover &amp; below image</li>
 	<li>Filters: disabled &amp; enabled</li>
 	<li>Gaps: no gaps &amp; 42 px (set any you wish)</li>
 	<li>Sorting: disabled &amp; enabled</li>
 	<li>Hovers: cyan breeze &amp; zooming white</li>
 	<li>Likes: disabled &amp; enabled</li>
 	<li>Paginations: infinite scroll &amp; classic</li>
 	<li>Animations: move up &amp; fall perspective</li>
 	<li>Caption Fill: none &amp; light</li>
 	<li>Sharing: enabled</li>
</ul>
[/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%2Fjustified-portfolio-demos%2Fportfolio-justified-4x-1%2F||"][/vc_column][/vc_row][vc_row css=".vc_custom_1457695774847{margin-bottom: 0px !important;}"][vc_column css=".vc_custom_1457695862934{margin-top: -32px !important;margin-bottom: -30px !important;}"][gem_image position="centered" disable_lightbox="1" src="11517"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_column_text]
<div class="title-h3">demo 4
<span class="light">justified</span></div>
[/vc_column_text][gem_list type="check-style-1" color="3"]
<ul>
 	<li>Text position: on hover &amp; below image</li>
 	<li>Filters: disabled &amp; enabled</li>
 	<li>Gaps: no gaps &amp; 42 px (set any you wish)</li>
 	<li>Sorting: disabled &amp; enabled</li>
 	<li>Hovers: cyan breeze &amp; zooming white</li>
 	<li>Likes: disabled &amp; enabled</li>
 	<li>Paginations: infinite scroll &amp; classic</li>
 	<li>Animations: move up &amp; fall perspective</li>
 	<li>Caption Fill: none &amp; light</li>
 	<li>Sharing: enabled</li>
</ul>
[/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%2Fjustified-portfolio-demos%2Fportfolio-justified-4x-2%2F||"][gem_divider margin_top="120"][/vc_column][vc_column width="2/3"][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/"][/vc_column][/vc_row][vc_row][vc_column][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"][vc_column_text]
<div class="title-h1" style="text-align: center;"><span class="light" style="color: #ffffff;">the gem is awesome!</span></div>
[/vc_column_text][gem_divider margin_top="30"][vc_column_text]
<p style="text-align: center; max-width: 850px; margin: 0 auto;"><span style="color: #99a9b5;">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است. 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.</span></p>
[/vc_column_text][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][/vc_column][/vc_row]