{"id":14237,"date":"2016-03-20T11:03:51","date_gmt":"2016-03-20T11:03:51","guid":{"rendered":"http:\/\/democontent.codex-themes.com\/thegem\/?page_id=14237"},"modified":"2019-02-27T10:16:02","modified_gmt":"2019-02-27T10:16:02","slug":"metro-portfolio-grid-demo","status":"publish","type":"page","link":"http:\/\/www.4mudi.com\/demo\/thegem\/?page_id=14237","title":{"rendered":"\u78c1\u8d34\u4f5c\u54c1\u7f51\u683c"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc34603 {margin-top: 50px !important;}<\/style><div id=\"thegem-divider-69d0afcc34603\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc346c7 {margin-bottom: 80px !important;}<\/style><div id=\"thegem-divider-69d0afcc346c7\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<a class=\"scroll-to-anchor\" href=\"#i100x\"><img class=\"img-responsive aligncenter\" src=\"http:\/\/www.4mudi.com\/demo\/thegem\/wp-content\/uploads\/2016\/03\/4_1.jpg\" alt=\"\" \/><\/a>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc34728 {margin-bottom: 20px !important;}<\/style><div id=\"thegem-divider-69d0afcc34728\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h5\" style=\"text-align: center;\"><span class=\"light\">100% Width<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1458473202943{padding-right: 15px !important;padding-left: 15px !important;}&#8221;]<\/p>\n<p style=\"text-align: center; max-width: 300px; margin: 0 auto;\">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum<\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc34760 {margin-bottom: 50px !important;}<\/style><div id=\"thegem-divider-69d0afcc34760\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc34794 {margin-bottom: 80px !important;}<\/style><div id=\"thegem-divider-69d0afcc34794\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<a class=\"scroll-to-anchor\" href=\"#i2x\"><img class=\"img-responsive aligncenter\" src=\"http:\/\/www.4mudi.com\/demo\/thegem\/wp-content\/uploads\/2016\/03\/4_2.jpg\" alt=\"\" \/><\/a>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc347c5 {margin-bottom: 20px !important;}<\/style><div id=\"thegem-divider-69d0afcc347c5\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h5\" style=\"text-align: center;\"><span class=\"light\">in content<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1458473202943{padding-right: 15px !important;padding-left: 15px !important;}&#8221;]<\/p>\n<p style=\"text-align: center; max-width: 300px; margin: 0 auto;\">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per incept himenaeos. Mauris in erat justo lorem ipsum<\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc347f3 {margin-bottom: 50px !important;}<\/style><div id=\"thegem-divider-69d0afcc347f3\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc34822 {margin-bottom: 80px !important;}<\/style><div id=\"thegem-divider-69d0afcc34822\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row el_id=&#8221;i100x&#8221;][vc_column]<div id=\"fullwidth-block-69d0afcc348a0\" class=\"fullwidth-block clearfix\"  style=\"background-color: #f0f3f2;padding-top: 84px;padding-bottom: 100px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"fullwidth-block-69d0afcc348a0\")); }<\/script><div class=\"fullwidth-block-inner\"><div class=\"container\">[vc_column_text]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\">100% <span class=\"light\">width<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc34ada {margin-bottom: 57px !important;}<\/style><div id=\"thegem-divider-69d0afcc34ada\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_row_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;14247&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/metro-portfolio-grid-demo\/portfolio-metro-100\/&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<div class=\"title-h3\">demo 1<br \/>\n<span class=\"light\">justified<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"gem-list gem-list-type-check-style-1 gem-list-color-3\" ><ul>\n<li>Text position: on hover &amp; below image<\/li>\n<li>Filters: disabled &amp; enabled<\/li>\n<li>Gaps: no gaps &amp; 42 px (set any you wish)<\/li>\n<li>Sorting: disabled &amp; enabled<\/li>\n<li>Hovers: cyan breeze &amp; zooming white<\/li>\n<li>Likes: disabled &amp; enabled<\/li>\n<li>Paginations: infinite scroll &amp; classic<\/li>\n<li>Animations: move up &amp; fall perspective<\/li>\n<li>Caption Fill: none &amp; light<\/li>\n<li>Sharing: enabled<\/li>\n<\/ul>\n<\/div><style type=\"text\/css\">.thegem-button-69d0afcc34e42483 .gem-button svg {fill: #ffffff;}.thegem-button-69d0afcc34e42483 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0afcc34e42483    \"  ><a class=\"gem-button gem-button-size-medium gem-button-style-flat gem-button-text-weight-normal\" data-ll-effect=\"drop-right-without-wrap\" style=\"border-radius: 30px;background-color: #00bcd4;color: #ffffff;\" onmouseleave=\"this.style.backgroundColor='#00bcd4';this.style.color='#ffffff';\" onmouseenter=\"this.style.backgroundColor='#323443';this.style.color='#ffffff';\" href=\"\/thegem\/portfolios\/metro-portfolio-grid-demo\/portfolio-metro-100\/\" target=\"_self\">view demo<\/a><\/div> <div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc34f3c {margin-bottom: 96px !important;}<\/style><div id=\"thegem-divider-69d0afcc34f3c\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column_inner][\/vc_row_inner]<\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457697445710{margin-bottom: 0px !important;}&#8221; el_id=&#8221;i2x&#8221;][vc_column]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc34fe2 {margin-top: 58px !important;}<\/style><div id=\"thegem-divider-69d0afcc34fe2\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\">in <span class=\"light\"> content<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc3501a {margin-top: 74px !important;}<\/style><div id=\"thegem-divider-69d0afcc3501a\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<div class=\"title-h3\">demo 4<br \/>\n<span class=\"light\">justified<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"gem-list gem-list-type-check-style-1 gem-list-color-3\" ><ul>\n<li>Text position: on hover &amp; below image<\/li>\n<li>Filters: disabled &amp; enabled<\/li>\n<li>Gaps: no gaps &amp; 42 px (set any you wish)<\/li>\n<li>Sorting: disabled &amp; enabled<\/li>\n<li>Hovers: cyan breeze &amp; zooming white<\/li>\n<li>Likes: disabled &amp; enabled<\/li>\n<li>Paginations: infinite scroll &amp; classic<\/li>\n<li>Animations: move up &amp; fall perspective<\/li>\n<li>Caption Fill: none &amp; light<\/li>\n<li>Sharing: enabled<\/li>\n<\/ul>\n<\/div><style type=\"text\/css\">.thegem-button-69d0afcc352e68065 .gem-button svg {fill: #00bcd4;}.thegem-button-69d0afcc352e68065 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0afcc352e68065    \"  ><a class=\"gem-button gem-button-size-medium gem-button-style-outline gem-button-text-weight-normal gem-button-border-3\" data-ll-effect=\"drop-right-without-wrap\" style=\"border-radius: 30px;color: #00bcd4;\" onmouseleave=\"this.style.backgroundColor='transparent';this.style.color='#00bcd4';\" onmouseenter=\"this.style.backgroundColor='#00bcd4';this.style.color='#ffffff';\" href=\"\/thegem\/portfolios\/metro-portfolio-grid-demo\/portfolio-metro-4x-1\/\" target=\"_self\">view demo<\/a><\/div> <div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc3537c {margin-top: 105px !important;}<\/style><div id=\"thegem-divider-69d0afcc3537c\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;14245&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/metro-portfolio-grid-demo\/portfolio-metro-4x-1\/&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"fullwidth-block-69d0afcc35ac5\" class=\"fullwidth-block fullwidth-block-parallax-fixed clearfix\" data-mobile-parallax-enable=\"0\" style=\"padding-top: 243px;padding-bottom: 157px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"fullwidth-block-69d0afcc35ac5\")); }<\/script><div class=\"fullwidth-block-background\" style=\"background-image: url(http:\/\/www.4mudi.com\/demo\/thegem\/wp-content\/uploads\/2016\/03\/justified-portfolio-demos.jpg);background-repeat: no-repeat; background-size: cover;background-position: center top;\"><\/div><div class=\"fullwidth-block-inner\"><div class=\"centered-box\"><div class=\"gem-icon gem-icon-pack-elegant gem-icon-size-medium  gem-icon-shape-circle\"  style=\"border-color: #ffb932;opacity: 1;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #ffb932;\"><span class=\"back-angle\">&#xe104;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #ffb932;\"><span class=\"back-angle\">&#xe104;<\/span><\/span><\/div><\/div><\/div><div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc35d7c {margin-top: 30px !important;}<\/style><div id=\"thegem-divider-69d0afcc35d7c\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\"><span class=\"light\" style=\"color: #ffffff;\">the gem is awesome!<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc35dcb {margin-top: 30px !important;}<\/style><div id=\"thegem-divider-69d0afcc35dcb\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center; max-width: 850px; margin: 0 auto;\"><span style=\"color: #99a9b5;\">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.<\/span><\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0afcc35dfd {margin-top: -92px !important;}<\/style><div id=\"thegem-divider-69d0afcc35dfd\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"gem-textbox \"  ><div class=\"gem-textbox-inner\" style=\"\"><div class=\"gem-textbox-content\" style=\"background-position: center top;\"><div class=\"gem-alert-box centered-box\"><div class=\"gem-alert-inner\"><div class=\"gem-alert-box-picture\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-small  gem-icon-shape-square gem-simple-icon\"  style=\"opacity: 1;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: ;\"><span class=\"back-angle\">&#xf287;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"\"><span class=\"back-angle\">&#xf287;<\/span><\/span><\/div><\/div><\/div><div class=\"gem-alert-box-content\"><\/div><div class=\"gem-alert-box-buttons\"><style type=\"text\/css\">.thegem-button-69d0afcc360166646 .gem-button svg {fill: #ff2e8c;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0afcc360166646    \"  ><a class=\"gem-button gem-button-size-medium gem-button-style-outline gem-button-text-weight-thin gem-button-border-1\" data-ll-effect=\"drop-right-without-wrap\" style=\"border-radius: 0px;border-color: #ff2e8c;color: #ff2e8c;\" onmouseleave=\"this.style.borderColor='#ff2e8c';this.style.backgroundColor='transparent';this.style.color='#ff2e8c';\" onmouseenter=\"this.style.backgroundColor='rgba(153,47,101,0.18)';\" href=\"\" target=\"_self\">purchase now<\/a><\/div> <style type=\"text\/css\">.thegem-button-69d0afcc3619e7198 .gem-button svg {fill: #ffc556;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0afcc3619e7198    \"  ><a class=\"gem-button gem-button-size-medium gem-button-style-outline gem-button-text-weight-thin gem-button-border-1\" data-ll-effect=\"drop-right-without-wrap\" style=\"border-radius: 0px;border-color: #ffc556;color: #ffc556;\" onmouseleave=\"this.style.borderColor='#ffc556';this.style.backgroundColor='transparent';this.style.color='#ffc556';\" onmouseenter=\"this.style.backgroundColor='rgba(156,126,76,0.2)';\" href=\"\" target=\"_self\">leave me alone<\/a><\/div> <\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14237","page","type-page","status-publish"],"_links":{"self":[{"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/pages\/14237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14237"}],"version-history":[{"count":1,"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/pages\/14237\/revisions"}],"predecessor-version":[{"id":32023,"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/pages\/14237\/revisions\/32023"}],"up":[{"embeddable":true,"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}