{"id":9789,"date":"2016-03-20T10:20:58","date_gmt":"2016-03-20T10:20:58","guid":{"rendered":"http:\/\/democontent.codex-themes.com\/thegem\/?page_id=9789"},"modified":"2019-02-25T11:14:43","modified_gmt":"2019-02-25T11:14:43","slug":"justified-portfolio-grid-demo","status":"publish","type":"page","link":"http:\/\/www.4mudi.com\/demo\/thegem\/?page_id=9789","title":{"rendered":"\u5bf9\u9f50\u4f5c\u54c1\u7f51\u683c"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3f9b5 {margin-top: 50px !important;}<\/style><div id=\"thegem-divider-69d0495c3f9b5\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fa74 {margin-bottom: 80px !important;}<\/style><div id=\"thegem-divider-69d0495c3fa74\" 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\/2_1.jpg\" alt=\"\" \/><\/a>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fac9 {margin-bottom: 20px !important;}<\/style><div id=\"thegem-divider-69d0495c3fac9\" 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_1458466531160{padding-right: 15px !important;padding-left: 15px !important;}&#8221;]<\/p>\n<p style=\"text-align: center;\">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-69d0495c3fb10 {margin-bottom: 50px !important;}<\/style><div id=\"thegem-divider-69d0495c3fb10\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fb51 {margin-bottom: 80px !important;}<\/style><div id=\"thegem-divider-69d0495c3fb51\" 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\/2_2.jpg\" alt=\"\" \/><\/a>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fb91 {margin-bottom: 20px !important;}<\/style><div id=\"thegem-divider-69d0495c3fb91\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h5\" style=\"text-align: center;\"><span class=\"light\">2x Columns<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1458466537508{padding-right: 15px !important;padding-left: 15px !important;}&#8221;]<\/p>\n<p style=\"text-align: center;\">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-69d0495c3fbcd {margin-bottom: 50px !important;}<\/style><div id=\"thegem-divider-69d0495c3fbcd\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fc05 {margin-bottom: 80px !important;}<\/style><div id=\"thegem-divider-69d0495c3fc05\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<a class=\"scroll-to-anchor\" href=\"#i3x\"><img class=\"img-responsive aligncenter\" src=\"http:\/\/www.4mudi.com\/demo\/thegem\/wp-content\/uploads\/2016\/03\/2_3.jpg\" alt=\"\" \/><\/a>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fc3f {margin-bottom: 20px !important;}<\/style><div id=\"thegem-divider-69d0495c3fc3f\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h5\" style=\"text-align: center;\"><span class=\"light\">3x Columns<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1458466542548{padding-right: 15px !important;padding-left: 15px !important;}&#8221;]<\/p>\n<p style=\"text-align: center;\">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-69d0495c3fc8c {margin-bottom: 50px !important;}<\/style><div id=\"thegem-divider-69d0495c3fc8c\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fcc3 {margin-bottom: 80px !important;}<\/style><div id=\"thegem-divider-69d0495c3fcc3\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<a class=\"scroll-to-anchor\" href=\"#i4x\"><img class=\"img-responsive aligncenter\" src=\"http:\/\/www.4mudi.com\/demo\/thegem\/wp-content\/uploads\/2016\/03\/2_4.jpg\" alt=\"\" \/><\/a>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fcf8 {margin-bottom: 20px !important;}<\/style><div id=\"thegem-divider-69d0495c3fcf8\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h5\" style=\"text-align: center;\"><span class=\"light\">4x Columns<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1458466551355{padding-right: 15px !important;padding-left: 15px !important;}&#8221;]<\/p>\n<p style=\"text-align: center;\">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-69d0495c3fd30 {margin-bottom: 50px !important;}<\/style><div id=\"thegem-divider-69d0495c3fd30\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c3fd9c {margin-bottom: 80px !important;}<\/style><div id=\"thegem-divider-69d0495c3fd9c\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row el_id=&#8221;i100x&#8221;][vc_column]<div id=\"fullwidth-block-69d0495c3fe19\" 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-69d0495c3fe19\")); }<\/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-69d0495c3ff97 {margin-bottom: 57px !important;}<\/style><div id=\"thegem-divider-69d0495c3ff97\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_row_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;11478&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/justified-portfolio-demos\/portfolio-justified-100-1\/&#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-69d0495c403788828 .gem-button svg {fill: #ffffff;}.thegem-button-69d0495c403788828 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c403788828    \"  ><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\/justified-portfolio-demos\/portfolio-justified-100-1\/\" target=\"_self\">view demo<\/a><\/div> <div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c40456 {margin-bottom: 96px !important;}<\/style><div id=\"thegem-divider-69d0495c40456\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<div class=\"title-h3\">demo\u00a02<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>Layout: 5 columns &amp; 4 columns<\/li>\n<li>Text position: below image &amp; on image<\/li>\n<li>Filters: disabled &amp; enabled<\/li>\n<li>Gaps: 21 px &amp; 42 px (set any you wish)<\/li>\n<li>Hovers: vertical sliding &amp; gradient<\/li>\n<li>Likes: disabled<\/li>\n<li>Paginations: infinite &amp; load more<\/li>\n<li>Animations: fade in &amp; flip<\/li>\n<li>Sharing: enabled<\/li>\n<li>Sorting: disabled<\/li>\n<\/ul>\n<\/div><style type=\"text\/css\">.thegem-button-69d0495c434481331 .gem-button svg {fill: #ffffff;}.thegem-button-69d0495c434481331 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c434481331    \"  ><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\/justified-portfolio-demos\/portfolio-justified-100-2\/\" target=\"_self\">view demo<\/a><\/div> [\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;11464&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/justified-portfolio-demos\/portfolio-justified-100-2\/&#8221;][\/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-69d0495c43549 {margin-top: 58px !important;}<\/style><div id=\"thegem-divider-69d0495c43549\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\">2x <span class=\"light\">columns<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c43597 {margin-top: 74px !important;}<\/style><div id=\"thegem-divider-69d0495c43597\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457697449635{margin-bottom: 0px !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;11476&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/justified-portfolio-demos\/portfolio-justified-2x-1\/&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<div class=\"title-h3\">demo 3<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-69d0495c43848912 .gem-button svg {fill: #00bcd4;}.thegem-button-69d0495c43848912 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c43848912    \"  ><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\/justified-portfolio-demos\/portfolio-justified-2x-1\/\" target=\"_self\">view demo<\/a><\/div> [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457695774847{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1457695862934{margin-top: -32px !important;margin-bottom: -30px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\" ><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered  thegem-custom-69d0495c438f71426\"  style=\"\" ><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"http:\/\/www.4mudi.com\/demo\/thegem\/wp-content\/uploads\/2016\/03\/shape-167.png\" alt=\"\"\/><\/div><\/div><\/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-69d0495c4427b1616 .gem-button svg {fill: #00bcd4;}.thegem-button-69d0495c4427b1616 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c4427b1616    \"  ><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\/justified-portfolio-demos\/portfolio-justified-2x-2\/\" target=\"_self\">view demo<\/a><\/div> <div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c4431c {margin-top: 105px !important;}<\/style><div id=\"thegem-divider-69d0495c4431c\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;11474&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/justified-portfolio-demos\/portfolio-justified-2x-2\/&#8221;][\/vc_column][\/vc_row][vc_row el_id=&#8221;i3x&#8221;][vc_column]<div id=\"fullwidth-block-69d0495c443c4\" class=\"fullwidth-block clearfix\"  style=\"background-color: #f0f3f2;padding-top: 100px;padding-bottom: 118px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"fullwidth-block-69d0495c443c4\")); }<\/script><div class=\"fullwidth-block-inner\"><div class=\"container\">[vc_column_text]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\">3x <span class=\"light\">columns<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c4450c {margin-top: 80px !important;}<\/style><div id=\"thegem-divider-69d0495c4450c\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_row_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;11472&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/justified-portfolio-demos\/portfolio-justified-3x-1\/&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<div class=\"title-h3\">demo 5<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-69d0495c448056471 .gem-button svg {fill: #ffffff;}.thegem-button-69d0495c448056471 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c448056471    \"  ><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\/justified-portfolio-demos\/portfolio-justified-3x-1\/\" target=\"_self\">view demo<\/a><\/div> <div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c448ad {margin-top: 109px !important;}<\/style><div id=\"thegem-divider-69d0495c448ad\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<div class=\"title-h3\">demo 6<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>Layout: 5 columns &amp; 4 columns<\/li>\n<li>Text position: below image &amp; on image<\/li>\n<li>Filters: disabled &amp; enabled<\/li>\n<li>Gaps: 21 px &amp; 42 px (set any you wish)<\/li>\n<li>Hovers: vertical sliding &amp; gradient<\/li>\n<li>Likes: disabled<\/li>\n<li>Paginations: infinite &amp; load more<\/li>\n<li>Animations: fade in &amp; flip<\/li>\n<li>Sharing: enabled<\/li>\n<li>Sorting: disabled<\/li>\n<\/ul>\n<\/div><style type=\"text\/css\">.thegem-button-69d0495c44b589373 .gem-button svg {fill: #ffffff;}.thegem-button-69d0495c44b589373 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c44b589373    \"  ><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\/justified-portfolio-demos\/portfolio-justified-3x-2\/\" target=\"_self\">view demo<\/a><\/div> [\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;11470&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/justified-portfolio-demos\/portfolio-justified-3x-2\/&#8221;][\/vc_column_inner][\/vc_row_inner]<\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457697482896{margin-bottom: 0px !important;}&#8221; el_id=&#8221;i4x&#8221;][vc_column]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c44c88 {margin-top: 58px !important;}<\/style><div id=\"thegem-divider-69d0495c44c88\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\">4x <span class=\"light\">columns<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c44cdd {margin-top: 74px !important;}<\/style><div id=\"thegem-divider-69d0495c44cdd\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457697318664{margin-bottom: 0px !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;11468&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/justified-portfolio-demos\/portfolio-justified-4x-1\/&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<div class=\"title-h3\">demo 3<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-69d0495c44ffa892 .gem-button svg {fill: #00bcd4;}.thegem-button-69d0495c44ffa892 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c44ffa892    \"  ><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\/justified-portfolio-demos\/portfolio-justified-4x-1\/\" target=\"_self\">view demo<\/a><\/div> [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457695774847{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1457695862934{margin-top: -32px !important;margin-bottom: -30px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\" ><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered  thegem-custom-69d0495c450df5939\"  style=\"\" ><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"http:\/\/www.4mudi.com\/demo\/thegem\/wp-content\/uploads\/2016\/03\/shape-167.png\" alt=\"\"\/><\/div><\/div><\/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-69d0495c4557d7161 .gem-button svg {fill: #00bcd4;}.thegem-button-69d0495c4557d7161 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c4557d7161    \"  ><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\/justified-portfolio-demos\/portfolio-justified-4x-2\/\" target=\"_self\">view demo<\/a><\/div> <div class=\"clearboth\"><\/div><style>#thegem-divider-69d0495c4566d {margin-top: 120px !important;}<\/style><div id=\"thegem-divider-69d0495c4566d\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_single_image image=&#8221;11466&#8243; img_size=&#8221;full&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;\/thegem\/portfolios\/justified-portfolio-demos\/portfolio-justified-4x-2\/&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"fullwidth-block-69d0495c4b263\" 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-69d0495c4b263\")); }<\/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-69d0495c4b5bb {margin-top: 30px !important;}<\/style><div id=\"thegem-divider-69d0495c4b5bb\" 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-69d0495c4b640 {margin-top: 30px !important;}<\/style><div id=\"thegem-divider-69d0495c4b640\" 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-69d0495c4b677 {margin-top: -92px !important;}<\/style><div id=\"thegem-divider-69d0495c4b677\" 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-69d0495c4b90f190 .gem-button svg {fill: #ff2e8c;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c4b90f190    \"  ><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-69d0495c4baff1044 .gem-button svg {fill: #ffc556;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69d0495c4baff1044    \"  ><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-9789","page","type-page","status-publish"],"_links":{"self":[{"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/pages\/9789","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=9789"}],"version-history":[{"count":1,"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/pages\/9789\/revisions"}],"predecessor-version":[{"id":31995,"href":"http:\/\/www.4mudi.com\/demo\/thegem\/index.php?rest_route=\/wp\/v2\/pages\/9789\/revisions\/31995"}],"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=9789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}