{"id":3476,"date":"2016-11-19T06:32:02","date_gmt":"2016-11-19T06:32:02","guid":{"rendered":"http:\/\/localhost\/construct\/?page_id=3476"},"modified":"2017-03-12T22:52:32","modified_gmt":"2017-03-12T22:52:32","slug":"portfolio-grid","status":"publish","type":"page","link":"https:\/\/demo.themepiko.com\/construct\/main\/portfolio-grid\/","title":{"rendered":"Portfolio Grid"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1489359149565{margin-bottom: -50px !important;}&#8221;][vc_column]<div class=\"portfolio-container\">\n    <div class=\"portfolio overflow-hidden Portfolio-archive   \"\n        id=\"portfolio-69f2c2ed89dfd\">\n                    <div class=\"portfolio-tabs category \">\n                \n                                        <div class=\"tab-wrapper center\">\n                            <ul>\n                                <li class=\"active\">\n                                    <a class=\"isotope-portfolio ladda-button tab-btn active\"\n                                       data-section-id=\"69f2c2ed89dfd\"\n                                       data-load-type=\"filter\"\n                                       data-category=\"\"\n                                       data-overlay-style=\"title-category\"\n                                       data-source=\"\"\n                                       data-portfolio-ids=\"\"\n                                       data-group=\"all\" data-filter=\"*\"\n                                       data-layout-type=\"grid\"\n                                       data-current-page=\"1\"\n                                       data-offset=\"0\"\n                                       data-post-per-page=\"-1\"\n                                       data-order=\"DESC\"\n                                       data-column=\"4\"\n                                       data-show-paging=\"\"\n                                       data-style=\"zoom-out\" data-spinner-color=\"#45bf55\"\n                                       href=\"javascript:void(0)\">\n                                        All                                    <\/a>\n                                <\/li>\n                                                                    <li class=\"\">\n                                        <a class=\"isotope-portfolio ladda-button tab-btn\"\n                                           href=\"javascript:void(0)\" data-section-id=\"69f2c2ed89dfd\"\n                                           data-load-type=\"filter\"\n                                           data-category=\"tiling\"\n                                           data-overlay-style=\"title-category\"\n                                           data-source=\"\"\n                                           data-portfolio-ids=\"\"\n                                           data-layout-type=\"grid\"\n                                           data-current-page=\"1\"\n                                           data-offset=\"0\"\n                                           data-post-per-page=\"-1\"\n                                           data-column=\"4\"\n                                           data-order=\"DESC\"\n                                           data-group=\"tiling\"\n                                           data-show-paging=\"\"\n                                           data-filter=\".tiling\"\n                                           data-style=\"zoom-out\"\n                                           data-spinner-color=\"#45bf55\">\n                                            Tiling                                        <\/a>\n                                    <\/li>\n                                                                    <li class=\"\">\n                                        <a class=\"isotope-portfolio ladda-button tab-btn\"\n                                           href=\"javascript:void(0)\" data-section-id=\"69f2c2ed89dfd\"\n                                           data-load-type=\"filter\"\n                                           data-category=\"plumbing\"\n                                           data-overlay-style=\"title-category\"\n                                           data-source=\"\"\n                                           data-portfolio-ids=\"\"\n                                           data-layout-type=\"grid\"\n                                           data-current-page=\"1\"\n                                           data-offset=\"0\"\n                                           data-post-per-page=\"-1\"\n                                           data-column=\"4\"\n                                           data-order=\"DESC\"\n                                           data-group=\"plumbing\"\n                                           data-show-paging=\"\"\n                                           data-filter=\".plumbing\"\n                                           data-style=\"zoom-out\"\n                                           data-spinner-color=\"#45bf55\">\n                                            Plumbing                                        <\/a>\n                                    <\/li>\n                                                                    <li class=\"\">\n                                        <a class=\"isotope-portfolio ladda-button tab-btn\"\n                                           href=\"javascript:void(0)\" data-section-id=\"69f2c2ed89dfd\"\n                                           data-load-type=\"filter\"\n                                           data-category=\"isolation\"\n                                           data-overlay-style=\"title-category\"\n                                           data-source=\"\"\n                                           data-portfolio-ids=\"\"\n                                           data-layout-type=\"grid\"\n                                           data-current-page=\"1\"\n                                           data-offset=\"0\"\n                                           data-post-per-page=\"-1\"\n                                           data-column=\"4\"\n                                           data-order=\"DESC\"\n                                           data-group=\"isolation\"\n                                           data-show-paging=\"\"\n                                           data-filter=\".isolation\"\n                                           data-style=\"zoom-out\"\n                                           data-spinner-color=\"#45bf55\">\n                                            Isolation                                        <\/a>\n                                    <\/li>\n                                                                    <li class=\"\">\n                                        <a class=\"isotope-portfolio ladda-button tab-btn\"\n                                           href=\"javascript:void(0)\" data-section-id=\"69f2c2ed89dfd\"\n                                           data-load-type=\"filter\"\n                                           data-category=\"interior-design\"\n                                           data-overlay-style=\"title-category\"\n                                           data-source=\"\"\n                                           data-portfolio-ids=\"\"\n                                           data-layout-type=\"grid\"\n                                           data-current-page=\"1\"\n                                           data-offset=\"0\"\n                                           data-post-per-page=\"-1\"\n                                           data-column=\"4\"\n                                           data-order=\"DESC\"\n                                           data-group=\"interior-design\"\n                                           data-show-paging=\"\"\n                                           data-filter=\".interior-design\"\n                                           data-style=\"zoom-out\"\n                                           data-spinner-color=\"#45bf55\">\n                                            Iinterior Design                                        <\/a>\n                                    <\/li>\n                                                                    <li class=\"\">\n                                        <a class=\"isotope-portfolio ladda-button tab-btn\"\n                                           href=\"javascript:void(0)\" data-section-id=\"69f2c2ed89dfd\"\n                                           data-load-type=\"filter\"\n                                           data-category=\"buildings\"\n                                           data-overlay-style=\"title-category\"\n                                           data-source=\"\"\n                                           data-portfolio-ids=\"\"\n                                           data-layout-type=\"grid\"\n                                           data-current-page=\"1\"\n                                           data-offset=\"0\"\n                                           data-post-per-page=\"-1\"\n                                           data-column=\"4\"\n                                           data-order=\"DESC\"\n                                           data-group=\"buildings\"\n                                           data-show-paging=\"\"\n                                           data-filter=\".buildings\"\n                                           data-style=\"zoom-out\"\n                                           data-spinner-color=\"#45bf55\">\n                                            Buildings                                        <\/a>\n                                    <\/li>\n                                                            <\/ul>\n                        <\/div>\n\n                                <\/div>\n                <div\n            class=\"portfolio-wrapper piko-col-md-4 col-padding-15 grid \"             data-section-id=\"69f2c2ed89dfd\"\n            id=\"portfolio-container-69f2c2ed89dfd\"\n            data-columns=\"4\">\n            \n                <div class=\"portfolio-item interior-design  hover-align-center hover-animation\">\n\n    <figure class=\"entry-thumbnail\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"275\" src=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/10\/project_04-360x275.jpg\" alt=\"House la vanci plumn\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <span class=\"link-button\">\n                    <a class=\"view-gallery\" href=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/10\/project_04.jpg\" data-rel=\"prettyPhoto[pp_gal_3084]\"  title=\"House la vanci plumn\">\n                        <span class=\"lnr lnr-magnifier\" aria-hidden=\"true\"><\/span>\n                    <\/a>\n                <\/span>\n                                    <h5><a href=\"https:\/\/demo.themepiko.com\/construct\/main\/portfolio\/house-la-vanci-plumn\/\" class=\"title\">House la vanci plumn<\/a><\/h5>\n                                    \n                <span class=\"category\">Iinterior Design<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/figure>\n    \n<\/div>\n            \n                <div class=\"portfolio-item isolation  hover-align-center hover-animation\">\n\n    <figure class=\"entry-thumbnail\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"275\" src=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/08\/project_07-360x275.jpg\" alt=\"House Over The Hills\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <span class=\"link-button\">\n                    <a class=\"view-gallery\" href=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/08\/project_07.jpg\" data-rel=\"prettyPhoto[pp_gal_2519]\"  title=\"House Over The Hills\">\n                        <span class=\"lnr lnr-magnifier\" aria-hidden=\"true\"><\/span>\n                    <\/a>\n                <\/span>\n                                    <h5><a href=\"https:\/\/demo.themepiko.com\/construct\/main\/portfolio\/house-over-the-hills\/\" class=\"title\">House Over The Hills<\/a><\/h5>\n                                    \n                <span class=\"category\">Isolation<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/figure>\n    \n<\/div>\n            \n                <div class=\"portfolio-item interior-design  hover-align-center hover-animation\">\n\n    <figure class=\"entry-thumbnail\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"275\" src=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_05-360x275.jpg\" alt=\"Villa Raymond Renovation\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <span class=\"link-button\">\n                    <a class=\"view-gallery\" href=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_05.jpg\" data-rel=\"prettyPhoto[pp_gal_1986]\"  title=\"Villa Raymond Renovation\">\n                        <span class=\"lnr lnr-magnifier\" aria-hidden=\"true\"><\/span>\n                    <\/a>\n                <\/span>\n                                    <h5><a href=\"https:\/\/demo.themepiko.com\/construct\/main\/portfolio\/villa-raymond-renovation\/\" class=\"title\">Villa Raymond Renovation<\/a><\/h5>\n                                    \n                <span class=\"category\">Iinterior Design<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/figure>\n    \n<\/div>\n            \n                <div class=\"portfolio-item buildings isolation  hover-align-center hover-animation\">\n\n    <figure class=\"entry-thumbnail\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"275\" src=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_14-360x275.jpg\" alt=\"Desert Villa\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <span class=\"link-button\">\n                    <a class=\"view-gallery\" href=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_14.jpg\" data-rel=\"prettyPhoto[pp_gal_1951]\"  title=\"Desert Villa\">\n                        <span class=\"lnr lnr-magnifier\" aria-hidden=\"true\"><\/span>\n                    <\/a>\n                <\/span>\n                                    <h5><a href=\"https:\/\/demo.themepiko.com\/construct\/main\/portfolio\/desert-villa\/\" class=\"title\">Desert Villa<\/a><\/h5>\n                                    \n                <span class=\"category\">Buildings, Isolation<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/figure>\n    \n<\/div>\n            \n                <div class=\"portfolio-item buildings tiling  hover-align-center hover-animation\">\n\n    <figure class=\"entry-thumbnail\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"275\" src=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_16-360x275.jpg\" alt=\"Kanal Onal House\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <span class=\"link-button\">\n                    <a class=\"view-gallery\" href=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_16.jpg\" data-rel=\"prettyPhoto[pp_gal_1949]\"  title=\"Kanal Onal House\">\n                        <span class=\"lnr lnr-magnifier\" aria-hidden=\"true\"><\/span>\n                    <\/a>\n                <\/span>\n                                    <h5><a href=\"https:\/\/demo.themepiko.com\/construct\/main\/portfolio\/kanal-onal-house\/\" class=\"title\">Kanal Onal House<\/a><\/h5>\n                                    \n                <span class=\"category\">Buildings, Tiling<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/figure>\n    \n<\/div>\n            \n                <div class=\"portfolio-item buildings plumbing  hover-align-center hover-animation\">\n\n    <figure class=\"entry-thumbnail\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"275\" src=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_17-360x275.jpg\" alt=\"Sterling Homes\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <span class=\"link-button\">\n                    <a class=\"view-gallery\" href=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_17.jpg\" data-rel=\"prettyPhoto[pp_gal_1903]\"  title=\"Sterling Homes\">\n                        <span class=\"lnr lnr-magnifier\" aria-hidden=\"true\"><\/span>\n                    <\/a>\n                <\/span>\n                                    <h5><a href=\"https:\/\/demo.themepiko.com\/construct\/main\/portfolio\/sterling-homes\/\" class=\"title\">Sterling Homes<\/a><\/h5>\n                                    \n                <span class=\"category\">Buildings, Plumbing<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/figure>\n    \n<\/div>\n            \n                <div class=\"portfolio-item buildings isolation  hover-align-center hover-animation\">\n\n    <figure class=\"entry-thumbnail\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"275\" src=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_19-360x275.jpg\" alt=\"Autin stone placqued villa\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <span class=\"link-button\">\n                    <a class=\"view-gallery\" href=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_19.jpg\" data-rel=\"prettyPhoto[pp_gal_1893]\"  title=\"Autin stone placqued villa\">\n                        <span class=\"lnr lnr-magnifier\" aria-hidden=\"true\"><\/span>\n                    <\/a>\n                <\/span>\n                                    <h5><a href=\"https:\/\/demo.themepiko.com\/construct\/main\/portfolio\/autin-stone-placqued-villa\/\" class=\"title\">Autin stone placqued villa<\/a><\/h5>\n                                    \n                <span class=\"category\">Buildings, Isolation<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/figure>\n    \n<\/div>\n            \n                <div class=\"portfolio-item buildings  hover-align-center hover-animation\">\n\n    <figure class=\"entry-thumbnail\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"275\" src=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_21-360x275.jpg\" alt=\"Samura Shopping mall\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <span class=\"link-button\">\n                    <a class=\"view-gallery\" href=\"https:\/\/demo.themepiko.com\/construct\/main\/wp-content\/uploads\/2016\/07\/project_21.jpg\" data-rel=\"prettyPhoto[pp_gal_1899]\"  title=\"Samura Shopping mall\">\n                        <span class=\"lnr lnr-magnifier\" aria-hidden=\"true\"><\/span>\n                    <\/a>\n                <\/span>\n                                    <h5><a href=\"https:\/\/demo.themepiko.com\/construct\/main\/portfolio\/samura-shopping-mall\/\" class=\"title\">Samura Shopping mall<\/a><\/h5>\n                                    \n                <span class=\"category\">Buildings<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/figure>\n    \n<\/div>\n            \n        <\/div>\n            <\/div>\n<\/div>\n    <script type=\"text\/javascript\">\n        (function ($) {\n            \"use strict\";\n                        $(document).ready(function () {\n                                var $tab_container = jQuery('#portfolio-69f2c2ed89dfd');\n                $('.portfolio-tabs .isotope-portfolio', $tab_container).off();\n                $('.portfolio-tabs .isotope-portfolio', $tab_container).click(function () {\n                    $('.portfolio-tabs .isotope-portfolio', $tab_container).removeClass('active');\n                    $('.portfolio-tabs li', $tab_container).removeClass('active');\n                    $(this).addClass('active');\n                    $(this).parent().addClass('active');\n                    var dataSectionId = $(this).attr('data-section-id');\n                    var filter = $(this).attr('data-filter');\n                    var $container = jQuery('div[data-section-id=\"' + dataSectionId + '\"]').isotope({ filter: filter});\n                    $container.imagesLoaded(function () {\n                        $container.isotope('layout');\n                    });\n                });\n                var $container = jQuery('div[data-section-id=\"69f2c2ed89dfd\"]');\n                $container.imagesLoaded(function () {\n                    $container.isotope({\n                        itemSelector: '.portfolio-item'\n\/\/                        itemSelector: '.owl-item'\n                    }).isotope('layout');\n                });\n                            });\n\n            \n            $(document).ready(function () {\n                                $('.portfolio-item.hover-dir > .entry-thumbnail').hoverdir();\n                                PortfolioAjaxAction.init('https:\/\/demo.themepiko.com\/construct\/main\/wp-admin\/admin-ajax.php', 'filter', '69f2c2ed89dfd');\n            })\n\n        })(jQuery);\n    <\/script>\n\n\n[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1489359149565{margin-bottom: -50px !important;}&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3476","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.themepiko.com\/construct\/main\/wp-json\/wp\/v2\/pages\/3476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.themepiko.com\/construct\/main\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.themepiko.com\/construct\/main\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.themepiko.com\/construct\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.themepiko.com\/construct\/main\/wp-json\/wp\/v2\/comments?post=3476"}],"version-history":[{"count":0,"href":"https:\/\/demo.themepiko.com\/construct\/main\/wp-json\/wp\/v2\/pages\/3476\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.themepiko.com\/construct\/main\/wp-json\/wp\/v2\/media?parent=3476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}