{"id":62,"date":"2018-08-23T14:17:37","date_gmt":"2018-08-23T14:17:37","guid":{"rendered":"https:\/\/documentation.px-lab.com\/certy-html\/?p=62"},"modified":"2018-08-23T14:18:20","modified_gmt":"2018-08-23T14:18:20","slug":"portfolio","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/certy-html\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"

Portfolio Html Structure<\/p>\n

<div class<\/span><\/span>=\"pf-wrap\"<\/span>>\r\n    <div<\/span> class<\/span>=\"pf-filter padd-box\"<\/span>><\/span>\r\n        <button<\/span> data-filter<\/span>=\"*\"<\/span>><\/span>all<\/button<\/span>><\/span>\r\n        <button<\/span> data-filter<\/span>=\".category1\"<\/span>><\/span>category1<\/button<\/span>><\/span>\r\n        <button<\/span> data-filter<\/span>=\".category2\"<\/span>><\/span>category2<\/button<\/span>><\/span>\r\n        <button<\/span> data-filter<\/span>=\".category3\"<\/span>><\/span>category3<\/button<\/span>><\/span>\r\n    <\/div<\/span>><\/span><\/span><!-- .pf-filter --><\/span>\r\n\r\n    <div<\/span> class<\/span>=\"pf-grid\"<\/span>><\/span>\r\n        <div<\/span> class<\/span>=\"pf-grid-item category1\"<\/span>><\/span>\r\n            [portfolio item html]\r\n        <\/div<\/span>><\/span>\r\n\r\n        <div<\/span> class<\/span>=\"pf-grid-item category2\"<\/span>><\/span>\r\n            [portfolio item html]\r\n        <\/div<\/span>><\/span>\r\n\r\n        <div<\/span> class<\/span>=\"pf-grid-item category3\"<\/span>><\/span>\r\n            [portfolio item html]\r\n        <\/div<\/span>><\/span>\r\n\r\n        <div<\/span> class<\/span>=\"pf-grid-item category1 category2\"<\/span>><\/span>\r\n            [portfolio item html]\r\n        <\/div<\/span>><\/span>\r\n    <\/div<\/span>><\/span><!-- .pf-grid --><\/span>\r\n<\/div<\/span>><\/span><\/span><!-- .pf-wrap --><\/span><\/span><\/pre>\n
Portfolio Item HTML<\/p>\n
<div class<\/span><\/span>=\"pf-grid-item photography\"<\/span>>\r\n    <a<\/span> class<\/span>=\"pf-project\"<\/span> href<\/span>=\"#pf-popup-1\"<\/span>><\/span>\r\n        <figure<\/span> class<\/span>=\"pf-figure\"<\/span>><\/span>\r\n            <img<\/span> src<\/span>=\"image.jpg\"<\/span> alt<\/span>=\"\"<\/span>><\/span>\r\n        <\/figure<\/span>><\/span>\r\n\r\n        <div<\/span> class<\/span>=\"pf-caption text-center\"<\/span>><\/span>\r\n            <div<\/span> class<\/span>=\"valign-table\"<\/span>><\/span>\r\n                <div<\/span> class<\/span>=\"valign-cell\"<\/span>><\/span>\r\n                    <h2<\/span> class<\/span>=\"pf-title text-upper\"<\/span>><\/span>Project Title<\/h2<\/span>><\/span>\r\n\r\n                    <div<\/span> class<\/span>=\"pf-text clear-mrg\"<\/span>><\/span>\r\n                        <p<\/span>><\/span>Project Description<\/p<\/span>><\/span>\r\n                    <\/div<\/span>><\/span>\r\n\r\n                    <button<\/span> class<\/span>=\"pf-btn btn btn-primary\"<\/span>><\/span>View More<\/button<\/span>><\/span>\r\n                <\/div<\/span>><\/span>\r\n            <\/div<\/span>><\/span>\r\n        <\/div<\/span>><\/span>\r\n    <\/a<\/span>><\/span><!-- .pf-project --><\/span>\r\n\r\n    <div<\/span> id<\/span>=\"pf-popup-1\"<\/span> class<\/span>=\"pf-popup clearfix\"<\/span>><\/span>\r\n        [Portfolio Popup Html]\r\n    <\/div<\/span>><\/span><!-- .pf-popup --><\/span>\r\n<\/div<\/span>><\/span><\/span><!-- .pf-grid-item --><\/span><\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"
Portfolio Html Structure <div class=”pf-wrap”> <div class=”pf-filter padd-box”> <button data-filter=”*”>all<\/button> <button data-filter=”.category1″>category1<\/button> <button data-filter=”.category2″>category2<\/button> <button data-filter=”.category3″>category3<\/button> <\/div><!– .pf-filter –> <div class=”pf-grid”> <div class=”pf-grid-item category1″> [portfolio item html] <\/div> <div class=”pf-grid-item category2″> [portfolio item html] <\/div> <div class=”pf-grid-item category3″> [portfolio item html] <\/div> <div class=”pf-grid-item category1 category2″> [portfolio item html] <\/div> <\/div><!– .pf-grid –> <\/div><!– .pf-wrap […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/posts\/62"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":2,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/posts\/62\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/posts\/62\/revisions\/65"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/media?parent=62"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/categories?post=62"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/tags?post=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}