Skip to content

Portfolio Masonry 4x – 1 (Demo)

[vc_row full_width=”stretch_row” css=”.vc_custom_1457525749788{margin-bottom: 0px !important;background-color: #f0f3f2 !important;}”][vc_column][gem_divider margin_top=”90″][gem_divider margin_top=”31″][vc_column_text]

portfolio with gaps, filter and details

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457525757983{margin-bottom: 0px !important;background-color: #f0f3f2 !important;}”][vc_column width=”1/2″][gem_divider margin_top=”31″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea consequat. Duis aute irure in in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/vc_column_text][/vc_column][vc_column width=”1/2″][gem_divider margin_top=”-16″][gem_diagram type=”line” effects_enabled=”1″ style=”style-3″][gem_skill title=”Usability & Design” amount=”59″ color=”#67e6cd”]
[gem_skill title=”Programming” amount=”63″ color=”#00bcd4″]
[gem_skill title=”Testing” amount=”76″ color=”#9790d3″]
[gem_skill title=”Databases” amount=”55″ color=”#85ace1″][/gem_diagram][/vc_column][/vc_row][vc_row css=”.vc_custom_1457523085419{margin-bottom: 0px !important;}”][vc_column css=”.vc_custom_1461829413069{margin-top: 0px !important;padding-top: 0px !important;}”][gem_fullwidth container=”1″ background_color=”#f0f3f2″][gem_divider margin_top=”100″][gem_portfolio portfolio_layout=”4x” portfolio_style=”masonry” portfolio_gaps_size=”42″ portfolio_hover=”zooming-blur” portfolio_pagination=”more” portfolio_show_info=”1″ portfolio_disable_socials=”1″ portfolio_with_filter=”1″ portfolio_likes=”1″ portfolio_sorting=”1″ portfolios=”metro” button_corner=”25″ button_icon_pack=”elegant” metro_max_row_height=”280″][gem_divider margin_top=”90″][/gem_fullwidth][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” css=”.vc_custom_1457347184887{background-image: url(https://thepetalplot.ie/wp-content/uploads/2016/03/2-layers-1.png?id=10071) !important;}”][vc_column][gem_divider margin_top=”300″][vc_column_text]

the gem is awesome!

[/vc_column_text][gem_divider margin_top=”57″][vc_column_text]

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

[/vc_column_text][gem_divider margin_top=”270″][/vc_column][/vc_row][vc_row][vc_column width=”3/4″][gem_divider margin_top=”100″][vc_column_text]

without gaps

[/vc_column_text][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiamt quasi architecto beatae vitae dicta sunt explicabo. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/vc_column_text][gem_divider margin_top=”30″][/vc_column][vc_column width=”1/4″][gem_divider margin_top=”100″][vc_column_text]

our clients

[/vc_column_text][gem_divider margin_top=”30″][gem_clients set=”content” effects_enabled=”1″ autoscroll=”15000″][/vc_column][/vc_row][vc_row][vc_column][gem_divider margin_top=”70″][gem_portfolio portfolio_layout=”4x” portfolio_style=”masonry” portfolio_gaps_size=”0″ portfolio_display_titles=”hover” portfolio_pagination=”scroll” portfolios=”metro” metro_max_row_height=”280″][gem_divider margin_top=”70″][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1457529859296{margin-bottom: 0px !important;}”][vc_column css=”.vc_custom_1457529905192{margin-bottom: -25px !important;}”][gem_textbox content_background_color=”#f0f3f2″ top_style=”ticket”][/gem_textbox][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457527098305{margin-bottom: 0px !important;background-color: #f0f3f2 !important;}”][vc_column css=”.vc_custom_1457354983700{margin-bottom: 0px !important;padding-bottom: 0px !important;}”][vc_row_inner][vc_column_inner][vc_column_text]

portfolio with left sidebar and small gaps

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457530187873{margin-bottom: 0px !important;padding-top: 40px !important;background: #f0f3f2 url(https://thepetalplot.ie/wp-content/uploads/2016/03/dominik-1.png?id=10814) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_id=”custom”][vc_column width=”1/4″ el_class=”widget “][gem_textbox content_background_color=”#42abd6″ padding_top=”14″ padding_bottom=”0″ padding_right=”20″ border_width=”1″][gem_dropcap shape=”circle” letter=”1″ color=”#ffffff” border_color=”#ffffff”][vc_column_text css=”.vc_custom_1454508945169{margin-top: 7px !important;}”]Lorem ipsum dolor amet, consectetur [/vc_column_text][gem_divider margin_top=”20″][/gem_textbox][gem_divider margin_top=”-25″][gem_textbox content_background_color=”#7acdc5″ padding_top=”14″ padding_bottom=”0″ padding_right=”20″ border_width=”1″][gem_dropcap shape=”circle” letter=”2″ color=”#ffffff” border_color=”#ffffff”][vc_column_text css=”.vc_custom_1454506936955{margin-top: 7px !important;}”]Consectetu elit sed adipisicing, eiusmod [/vc_column_text][gem_divider margin_top=”20″][/gem_textbox][gem_divider margin_top=”-25″][gem_textbox content_background_color=”#aed581″ padding_top=”14″ padding_bottom=”0″ padding_right=”20″ border_width=”1″][gem_dropcap shape=”circle” letter=”3″ color=”#ffffff” border_color=”#ffffff”][vc_column_text css=”.vc_custom_1454507049052{margin-top: 7px !important;}”]Adipisicing elit, sed do eiusmod tempor[/vc_column_text][gem_divider margin_top=”20″][/gem_textbox][gem_divider margin_top=”70″][vc_tta_tabs][vc_tta_section title=”Lorem” tab_id=”1457527872795-07630daa-ddc0″][gem_counter_box columns=”1″][gem_counter icon_pack=”material” icon_shape=”circle” icon_size=”medium” from=”1″ to=”537″ text=”Likes” numbers_color=”#00bcd4″ icon_material=”f377″ icon_color=”#2c2e3d” icon_border_color=”#2c2e3d”][/gem_counter_box][gem_divider margin_top=”-30″][vc_column_text]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.

[/vc_column_text][gem_divider margin_top=”30″][/vc_tta_section][vc_tta_section title=”Ipsum” tab_id=”1457527872796-f9a754db-f23f”][vc_column_text]Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibend umauctor Lorem Ipsum auctor Ipsum auctor  Lorem Ipsum . Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor.[/vc_column_text][/vc_tta_section][vc_tta_section title=”Dolor” tab_id=”1457529305072-78f4ca20-3b4d”][vc_column_text]Lorem quis bibendum auctor Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor.[/vc_column_text][/vc_tta_section][/vc_tta_tabs][gem_divider margin_top=”-30″][gem_divider margin_top=”-30″][/vc_column][vc_column width=”3/4″][gem_portfolio portfolio_layout=”4x” portfolio_style=”masonry” portfolio_gaps_size=”15″ portfolio_pagination=”scroll” portfolio_show_info=”1″ portfolios=”metro” metro_max_row_height=”280″][gem_divider margin_top=”100″][/vc_column][/vc_row]