Portfolio Metro 100%

Home > Portfolios  > Metro Portfolio Grid Demo > Portfolio Metro 100%
[gem_divider margin_top=”120″]
portfolio width small gaps
[gem_divider margin_top=”10″]
[gem_divider margin_top=”50″]
[gem_team style=”2″ team=”p-f-counter-3″ columns=”1″]
[gem_divider margin_top=”50″]

directions

[gem_divider margin_top=”20″]

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.

[gem_divider margin_top=”10″][gem_diagram style=”style-2″ title=”Usability & Design” summary=”70″][gem_skill title=”Usability & Design” amount=”70″ color=”#3b3950″]
[gem_skill title=”Testing” amount=”70″ color=”#368ea6″]
[gem_skill title=”Programming” amount=”70″ color=”#5667bc”]
[/gem_diagram]
[gem_divider margin_top=”50″][gem_textbox rectangle_corner=”lt,rb” padding_top=”50″ padding_bottom=”60″ padding_left=”50″ padding_right=”20″ border_radius=”50″][gem_icon_with_text icon_pack=”material” icon_shape=”circle” icon_size=”medium” float_right=”1″ icon_material=”f424″ icon_color=”#51cac6″ icon_background_color=”#ffffff” icon_top_side_padding=”0″ icon_right_side_padding=”0″ icon_top_margin=”-18″]
Lorem ipsum dolor 
[gem_divider margin_top=”20″]

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat eserunt mollit anim id est laborum.

[/gem_icon_with_text][/gem_textbox]
[gem_divider margin_top=”50″][gem_portfolio portfolio_layout=”100%” portfolio_style=”metro” portfolio_gaps_size=”20″ portfolio_display_titles=”hover” portfolio_items_per_page=”9″ portfolio_likes=”1″ portfolios=”metro” metro_max_row_height=”250″][gem_divider margin_top=”100″]
[gem_divider margin_top=”83″]
PORTFOLIO WITH  SMALL GAPS
[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, 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. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 

[gem_divider margin_top=”90″][gem_portfolio portfolio_layout=”100%” portfolio_style=”metro” portfolio_fullwidth_columns=”5″ portfolio_gaps_size=”5″ portfolio_display_titles=”hover” portfolio_pagination=”scroll” portfolio_items_per_page=”10″ portfolio_with_filter=”1″ portfolio_likes=”1″ portfolios=”splash-light-02″ metro_max_row_height=”380″][gem_divider margin_top=”150″][gem_image position=”centered” disable_lightbox=”1″ src=”3151″][gem_divider margin_top=”103″]
Trends come and go.
Diamonds are forever.
[gem_divider margin_top=”60″]
Duis sed odio ipsum velit. Nam nec tellus a odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti socios ad litora torquent per conubia nostra.
[gem_divider margin_top=”-40″][gem_alert_box content_background_color=”” content_background_position_vertical=”center” button_1_size=”large” button_1_corner=”0″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_style=”outline” button_2_size=”large” button_2_corner=”0″ button_2_border=”2″ button_2_icon_pack=”elegant” centered=”1″ button_1_text=”buy the gem” button_1_text_color=”#393b4d” button_1_hover_text_color=”#ffffff” button_1_background_color=”#a7f9f8″ button_1_hover_background_color=”#08acc2″ button_2_text=”learn more” button_2_text_color=”#08acc2″ button_2_hover_text_color=”#ffffff” button_2_hover_background_color=”#08acc2″ button_2_border_color=”#08acc2″][/gem_alert_box][gem_divider margin_top=”140″]
[gem_divider][gem_divider margin_top=”74″]
portfolio width gaps, filter and details
[gem_divider margin_top=”84″]
[gem_quote no_paddings=”1″]…Lorem ipsum dolor sit amet, consectetur adi pisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Class aptent taciti socios ad litora torquent.[/gem_quote]
[gem_icon_with_text icon_pack=”material” icon_size=”medium” flow=”1″ icon_material=”f3c6″ icon_color=”#ffffff” icon_background_color=”#00cab0″ icon_border_color=”#00cab0″]

ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor inci didunt 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. 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,ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

[/gem_icon_with_text]
[gem_icon_with_text icon_pack=”material” icon_size=”medium” flow=”1″ icon_material=”f3a7″ icon_color=”#ffffff” icon_background_color=”#00bcd4″]

ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor inci didunt 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. 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,ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

[/gem_icon_with_text]
[gem_icon_with_text icon_pack=”material” icon_size=”medium” flow=”1″ icon_material=”f3e3″ icon_color=”#ffffff” icon_background_color=”#7e57c2″ icon_border_color=”#7e57c2″]

ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor inci didunt 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. 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,ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

[/gem_icon_with_text]
[gem_divider margin_top=”50″][gem_fullwidth background_style=”no-repeat” background_position_vertical=”bottom” container=”1″ background_image=”12388″ padding_bottom=”250″][gem_portfolio portfolio_layout=”100%” portfolio_style=”metro” portfolio_gaps_size=”30″ portfolio_show_info=”1″ portfolio_with_filter=”1″ portfolio_likes=”1″ portfolios=”metro” metro_max_row_height=”380″][/gem_fullwidth]
[gem_divider margin_top=”100″]
PORTFOLIO WITH GAPS AND DETAILS
[gem_divider margin_top=”100″]
[gem_textbox content_background_color=”” padding_top=”27″ padding_bottom=”29″ border_color=”#5d6073″ border_width=”3″]
85%

Lorem ipsum dolor sit amet, consectetur elit.

[/gem_textbox]

Lorem ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor incididunt ut labore et d uis aute irure dolod uis aute irure  r in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proidensint occaecat cupidatat non proident t, sunt in  olore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisiut aliquip ex ea commodo consequat.

[gem_diagram type=”line” effects_enabled=”1″ style=”style-2″][gem_skill title=”Usability & Design” amount=”79″ color=”#aeb9ff”]
[gem_skill title=”Testing” amount=”55″ color=”#00bcd4″]
[gem_skill title=”Programming” amount=”76″ color=”#67e6cd”]
[gem_skill title=”Databases” amount=”45″ color=”#4bb9bf”]
[/gem_diagram]

Lorem ipsum dolor sit amet, consectetur adi pisicing elit, sed do eiusmod tempor incididunt ut labore et d uis aute irure dolod uis aute irure  r in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proidensint occaecat cupidatat non proident t, sunt in  olore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisiut aliquip ex ea commodo consequat.

[gem_divider margin_top=”75″][gem_portfolio portfolio_layout=”100%” portfolio_style=”metro” portfolio_fullwidth_columns=”5″ portfolio_gaps_size=”30″ portfolio_background_style=”dark” portfolio_items_per_page=”10″ portfolio_likes=”1″ portfolios=”metro” metro_max_row_height=”380″][gem_divider margin_top=”150″]
CONTACT