{"id":1093,"date":"2016-08-08T13:15:51","date_gmt":"2016-08-08T13:15:51","guid":{"rendered":"http:\/\/pencidesign.com\/soledad\/soledad-book\/?page_id=1093"},"modified":"2018-09-21T08:50:39","modified_gmt":"2018-09-21T08:50:39","slug":"masonry-with-sidebar","status":"publish","type":"page","link":"https:\/\/soledad.pencidesign.net\/soledad-book\/masonry-with-sidebar\/","title":{"rendered":"Masonry with Sidebar"},"content":{"rendered":"            <div id=\"penci-portfolio--89180\" class=\"wrapper-penci-portfolio\">\r\n\t\t\t\t\t\t\t\t\t                    <div class=\"penci-portfolio-filter\">\r\n                        <ul>\r\n                            <li class=\"all active\">\r\n                                <a data-term=\"*\" data-filter=\"*\" href=\"#\" class=\"alltext\">All<\/a>\r\n                            <\/li>\r\n\t\t\t\t\t\t\t<li><a data-filter=\".penci-graphic-design\" data-term=\"graphic-design\" data-tax=\"portfolio-category\" href=\"#\">Graphic Design<\/a><\/li><li><a data-filter=\".penci-photography\" data-term=\"photography\" data-tax=\"portfolio-category\" href=\"#\">Photography<\/a><\/li><li><a data-filter=\".penci-prints\" data-term=\"prints\" data-tax=\"portfolio-category\" href=\"#\">Prints<\/a><\/li><li><a data-filter=\".penci-web-design\" data-term=\"web-design\" data-tax=\"portfolio-category\" href=\"#\">Web Design<\/a><\/li>                        <\/ul>\r\n                    <\/div><!-- .portfolio-filter -->\r\n                    <div class=\"clearfix\"><\/div>\r\n\t\t\t\t\t\t\t\t                <div id=\"penci-portfolio--89180\"\r\n                     class=\"penci-portfolio penci-portfolio-wrap column-2 penci-portfolio-text_overlay\">\r\n                    <div class=\"inner-portfolio-posts\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-web-design\" id=\"portfolio-1485\"\r\n                                     data-pflID=\"1485\"\r\n                                     data-terms=\"web-design\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c-c-c-c-c\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:66.66666667%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2018\/09\/19-585x390.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c-c-c-c-c\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Web Design<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-prints\" id=\"portfolio-1484\"\r\n                                     data-pflID=\"1484\"\r\n                                     data-terms=\"prints\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c-c-c-c\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:150.42735043%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2015\/11\/9-585x880.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c-c-c-c\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Prints<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-graphic-design\" id=\"portfolio-1483\"\r\n                                     data-pflID=\"1483\"\r\n                                     data-terms=\"graphic-design\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c-c-c\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:66.66666667%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2018\/09\/14-585x390.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c-c-c\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Graphic Design<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-photography\" id=\"portfolio-1482\"\r\n                                     data-pflID=\"1482\"\r\n                                     data-terms=\"photography\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c-c\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:65.64102564%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2018\/09\/12-585x384.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c-c\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Photography<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-web-design\" id=\"portfolio-1481\"\r\n                                     data-pflID=\"1481\"\r\n                                     data-terms=\"web-design\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:66.32478632%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2018\/09\/11-585x388.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c-c\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Web Design<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-prints\" id=\"portfolio-1480\"\r\n                                     data-pflID=\"1480\"\r\n                                     data-terms=\"prints\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:66.66666667%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2018\/09\/8-585x390.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c-c\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Prints<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-graphic-design\" id=\"portfolio-1479\"\r\n                                     data-pflID=\"1479\"\r\n                                     data-terms=\"graphic-design\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:62.39316239%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2018\/09\/7-585x365.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c-c\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Graphic Design<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-photography\" id=\"portfolio-1478\"\r\n                                     data-pflID=\"1478\"\r\n                                     data-terms=\"photography\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:66.66666667%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2018\/09\/4-585x390.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12-c\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Photography<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-photography\" id=\"portfolio-599\"\r\n                                     data-pflID=\"599\"\r\n                                     data-terms=\"photography\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:61.02564103%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2015\/11\/12-585x357.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-12\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 12<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Photography<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-graphic-design\" id=\"portfolio-598\"\r\n                                     data-pflID=\"598\"\r\n                                     data-terms=\"graphic-design\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-11\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:66.66666667%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2018\/09\/1-585x390.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-11\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 11<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Graphic Design<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t                            <article class=\"portfolio-item penci-web-design\" id=\"portfolio-597\"\r\n                                     data-pflID=\"597\"\r\n                                     data-terms=\"web-design\">\r\n                                <div class=\"inner-item-portfolio\">\r\n                                    <div class=\"info-portfolio\">\r\n                                        <div class=\"penci-portfolio-thumbnail\">\r\n\t\t\t\t\t\t\t\t\t\t\t                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-10\/\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"penci-image-placeholder penci-lazy\" style=\"padding-bottom:66.66666667%;\" data-bgset=\"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-content\/uploads\/sites\/20\/2015\/11\/11-585x390.jpg\"><\/span>                                                <\/a>\r\n                                        <\/div>\r\n                                        <div class=\"portfolio-desc\">\r\n                                            <a href=\"https:\/\/soledad.pencidesign.net\/soledad-book\/portfolio\/portfolio-demo-10\/\">\r\n                                                <h3 class=\"portfolio-title\">Portfolio Demo 10<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                                    <span class=\"portfolio-cat\">Web Design<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                            <\/a>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/article>\r\n\t\t\t\t\t\t                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"penci-pagenavi-shortcode\">\r\n\t\t\t\t\t                        <div class=\"penci-pagination penci-ajax-more penci-plf-loadmore penci-plf-more-click\">\r\n\r\n                            <a class=\"penci-ajax-more-button\" data-mes_no_more=\"Sorry, No more posts\"data-mes=\"Load More Posts\">\r\n                                <span class=\"ajax-more-text\">Load More Posts<\/span>\r\n                                <span class=\"penci-pfl-ajaxdot\"><\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n\t\t\t\t\t\t                <\/div>\r\n\t\t\t\t                <script type=\"text\/javascript\">\r\n                    portfolioDataJs.push( {\"instanceId\":\"penci-portfolio--89180\",\"atts\":{\"style\":\"masonry\",\"cat\":\"\",\"number\":\"11\",\"pagination\":\"load_more\",\"numbermore\":\"4\",\"image_type\":\"landscape\",\"filter\":\"true\",\"column\":\"2\",\"all_text\":\"All\"},\"query\":{\"post_type\":\"portfolio\",\"posts_per_page\":\"11\",\"paged\":1},\"layout\":\"masonry\",\"imagetype\":\"landscape\",\"count\":20,\"countByTerms\":{\"graphic-design\":6,\"photography\":7,\"prints\":5,\"web-design\":5},\"currentTerm\":\"*\",\"currentTax\":\"portfolio-category\",\"lightbox\":\"false\"} );\r\n                <\/script>\r\n            <\/div>\r\n\r\n\t\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-sidebar.php","meta":[],"_links":{"self":[{"href":"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-json\/wp\/v2\/pages\/1093"}],"collection":[{"href":"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-json\/wp\/v2\/comments?post=1093"}],"version-history":[{"count":0,"href":"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-json\/wp\/v2\/pages\/1093\/revisions"}],"wp:attachment":[{"href":"https:\/\/soledad.pencidesign.net\/soledad-book\/wp-json\/wp\/v2\/media?parent=1093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}