{"id":1951,"date":"2020-05-07T04:59:29","date_gmt":"2020-05-07T04:59:29","guid":{"rendered":"https:\/\/droitthemes.com\/wp\/makro\/portfolio-fluid-full-image-3-column-copy\/"},"modified":"2023-05-14T06:59:29","modified_gmt":"2023-05-14T06:59:29","slug":"portfolio-masonry-2-column","status":"publish","type":"page","link":"https:\/\/dlmakro.droitlab.com\/dark\/portfolio-masonry-2-column\/","title":{"rendered":"Masonry &#8211; 2 Column"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1951\" class=\"elementor elementor-1951\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5a198d4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5a198d4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f444cd9\" data-id=\"f444cd9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f9329ca drdt-ignore-dark elementor-widget elementor-widget-makro_portfolio\" data-id=\"f9329ca\" data-element_type=\"widget\" data-widget_type=\"makro_portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n        <section id=\"portfolio_section\" class=\"portfolio_section sec_ptb_120 clearfix\">\r\n            <div class=\"container\">\r\n                <div class=\"button-group filter-btns-group ul_li_center mb-50\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <ul class=\"clearfix\">\r\n                                                    <li>\r\n                                <button class=\"active\" data-filter=\"*\">\r\n                                    See All                                <\/button>\r\n                            <\/li>\r\n                                                                <li>\r\n                                        <button data-filter=\".30\">\r\n                                            Branding                                        <\/button>\r\n                                    <\/li>\r\n\r\n                                                                        <li>\r\n                                        <button data-filter=\".34\">\r\n                                            Design                                        <\/button>\r\n                                    <\/li>\r\n\r\n                                                                        <li>\r\n                                        <button data-filter=\".36\">\r\n                                            Development                                        <\/button>\r\n                                    <\/li>\r\n\r\n                                                                        <li>\r\n                                        <button data-filter=\".43\">\r\n                                            Marketing                                        <\/button>\r\n                                    <\/li>\r\n\r\n                                                                        <li>\r\n                                        <button data-filter=\".<br \/>\n<b>Warning<\/b>:  Attempt to read property \"term_id\" on null in <b>\/home\/droitlab\/dlmakro.droitlab.com\/wp-content\/plugins\/makro-core\/widgets\/portfolio\/Makro_portfolio.php<\/b> on line <b>548<\/b><br \/>\n\">\r\n                                            <br \/>\n<b>Warning<\/b>:  Attempt to read property \"name\" on null in <b>\/home\/droitlab\/dlmakro.droitlab.com\/wp-content\/plugins\/makro-core\/widgets\/portfolio\/Makro_portfolio.php<\/b> on line <b>549<\/b><br \/>\n                                        <\/button>\r\n                                    <\/li>\r\n\r\n                                                        <\/ul>\r\n                <\/div>\r\n                <div class=\"zoom-gallery element_grid masonry_portfolio column_2 \">\r\n                <div class=\"element-item  30 43 \" data-category=\"30 43 \">\r\n                <div class=\"casestudy_fullimage\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-1-1.jpg\" class=\"details_btn popup_image\">\r\n                        <i class=\"ti-plus\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/jonas-blue-alerm\/\" class=\"item_image\">\r\n                        <img fetchpriority=\"high\" decoding=\"async\" width=\"1170\" height=\"1270\" src=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-1-1.jpg\" class=\"attachment- size- wp-post-image\" alt=\"p 1 1\" \/>                    <\/a>\r\n                    <div class=\"item_content\">\r\n                        <h3 class=\"item_title mb-0\">\r\n                            <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/jonas-blue-alerm\/\">\r\n                                Jonas Blue Alerm                            <\/a>\r\n                        <\/h3>\r\n                        <div class=\"item_category\">\r\n                                                                <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/branding\/\">\r\n                                        Branding,                                     <\/a>\r\n                                                                        <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/marketing\/\">\r\n                                        Marketing                                    <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"element-item  30 43 \" data-category=\"30 43 \">\r\n                <div class=\"casestudy_fullimage\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-2-1.jpg\" class=\"details_btn popup_image\">\r\n                        <i class=\"ti-plus\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/artboard-focus\/\" class=\"item_image\">\r\n                        <img decoding=\"async\" width=\"1170\" height=\"1100\" src=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-2-1.jpg\" class=\"attachment- size- wp-post-image\" alt=\"p 2 1\" \/>                    <\/a>\r\n                    <div class=\"item_content\">\r\n                        <h3 class=\"item_title mb-0\">\r\n                            <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/artboard-focus\/\">\r\n                                Artboard Focus                            <\/a>\r\n                        <\/h3>\r\n                        <div class=\"item_category\">\r\n                                                                <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/branding\/\">\r\n                                        Branding,                                     <\/a>\r\n                                                                        <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/marketing\/\">\r\n                                        Marketing                                    <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"element-item  34 36 \" data-category=\"34 36 \">\r\n                <div class=\"casestudy_fullimage\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-3-1.jpg\" class=\"details_btn popup_image\">\r\n                        <i class=\"ti-plus\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/mincaup-juice\/\" class=\"item_image\">\r\n                        <img decoding=\"async\" width=\"1170\" height=\"950\" src=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-3-1.jpg\" class=\"attachment- size- wp-post-image\" alt=\"p 3 1\" \/>                    <\/a>\r\n                    <div class=\"item_content\">\r\n                        <h3 class=\"item_title mb-0\">\r\n                            <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/mincaup-juice\/\">\r\n                                Mincaup Juice                            <\/a>\r\n                        <\/h3>\r\n                        <div class=\"item_category\">\r\n                                                                <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/design\/\">\r\n                                        Design,                                     <\/a>\r\n                                                                        <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/development\/\">\r\n                                        Development                                    <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"element-item  30 43 \" data-category=\"30 43 \">\r\n                <div class=\"casestudy_fullimage\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-6-1.jpg\" class=\"details_btn popup_image\">\r\n                        <i class=\"ti-plus\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/ledana-mazda\/\" class=\"item_image\">\r\n                        <img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"1110\" src=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-6-1.jpg\" class=\"attachment- size- wp-post-image\" alt=\"p 6 1\" \/>                    <\/a>\r\n                    <div class=\"item_content\">\r\n                        <h3 class=\"item_title mb-0\">\r\n                            <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/ledana-mazda\/\">\r\n                                Ledana Mazda                            <\/a>\r\n                        <\/h3>\r\n                        <div class=\"item_category\">\r\n                                                                <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/branding\/\">\r\n                                        Branding,                                     <\/a>\r\n                                                                        <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/marketing\/\">\r\n                                        Marketing                                    <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"element-item  34 36 \" data-category=\"34 36 \">\r\n                <div class=\"casestudy_fullimage\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-5-1.jpg\" class=\"details_btn popup_image\">\r\n                        <i class=\"ti-plus\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/roboto-bluren\/\" class=\"item_image\">\r\n                        <img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"1425\" src=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-5-1.jpg\" class=\"attachment- size- wp-post-image\" alt=\"p 5 1\" \/>                    <\/a>\r\n                    <div class=\"item_content\">\r\n                        <h3 class=\"item_title mb-0\">\r\n                            <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/roboto-bluren\/\">\r\n                                Roboto bluren                            <\/a>\r\n                        <\/h3>\r\n                        <div class=\"item_category\">\r\n                                                                <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/design\/\">\r\n                                        Design,                                     <\/a>\r\n                                                                        <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/development\/\">\r\n                                        Development                                    <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"element-item  34 43 \" data-category=\"34 43 \">\r\n                <div class=\"casestudy_fullimage\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-4-1.jpg\" class=\"details_btn popup_image\">\r\n                        <i class=\"ti-plus\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/dignissimos-wisi\/\" class=\"item_image\">\r\n                        <img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"1270\" src=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-4-1.jpg\" class=\"attachment- size- wp-post-image\" alt=\"p 4 1\" \/>                    <\/a>\r\n                    <div class=\"item_content\">\r\n                        <h3 class=\"item_title mb-0\">\r\n                            <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/dignissimos-wisi\/\">\r\n                                Dignissimos wisi                            <\/a>\r\n                        <\/h3>\r\n                        <div class=\"item_category\">\r\n                                                                <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/design\/\">\r\n                                        Design,                                     <\/a>\r\n                                                                        <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/marketing\/\">\r\n                                        Marketing                                    <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"element-item  30 36 \" data-category=\"30 36 \">\r\n                <div class=\"casestudy_fullimage\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-9-1.jpg\" class=\"details_btn popup_image\">\r\n                        <i class=\"ti-plus\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/kildren-parpest\/\" class=\"item_image\">\r\n                        <img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"1110\" src=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-9-1.jpg\" class=\"attachment- size- wp-post-image\" alt=\"p 9 1\" \/>                    <\/a>\r\n                    <div class=\"item_content\">\r\n                        <h3 class=\"item_title mb-0\">\r\n                            <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/kildren-parpest\/\">\r\n                                Kildren Parpest                            <\/a>\r\n                        <\/h3>\r\n                        <div class=\"item_category\">\r\n                                                                <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/branding\/\">\r\n                                        Branding,                                     <\/a>\r\n                                                                        <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/development\/\">\r\n                                        Development                                    <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"element-item  36 43 \" data-category=\"36 43 \">\r\n                <div class=\"casestudy_fullimage\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-8-1.jpg\" class=\"details_btn popup_image\">\r\n                        <i class=\"ti-plus\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/giminy-braveran\/\" class=\"item_image\">\r\n                        <img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"1420\" src=\"https:\/\/dlmakro.droitlab.com\/dark\/wp-content\/uploads\/sites\/2\/2020\/04\/p-8-1.jpg\" class=\"attachment- size- wp-post-image\" alt=\"p 8 1\" \/>                    <\/a>\r\n                    <div class=\"item_content\">\r\n                        <h3 class=\"item_title mb-0\">\r\n                            <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio\/giminy-braveran\/\">\r\n                                Giminy Braveran                            <\/a>\r\n                        <\/h3>\r\n                        <div class=\"item_category\">\r\n                                                                <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/development\/\">\r\n                                        Development,                                     <\/a>\r\n                                                                        <a href=\"https:\/\/dlmakro.droitlab.com\/dark\/portfolio_cat\/marketing\/\">\r\n                                        Marketing                                    <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>        <\/section>\r\n\r\n        <script>\r\n            ;(function($){\r\n                \"use strict\";\r\n                $(document).ready(function () {\r\n\r\n                    $('.zoom-gallery').magnificPopup({\r\n                        delegate: '.popup_image',\r\n                        type: 'image',\r\n                        closeOnContentClick: false,\r\n                        closeBtnInside: false,\r\n                        mainClass: 'mfp-with-zoom mfp-img-mobile',\r\n                        gallery: {\r\n                            enabled: true,\r\n                            navigateByImgClick: true,\r\n                            preload: [0, 1]\r\n                        },\r\n                        zoom: {\r\n                            enabled: true,\r\n                            duration: 300, \/\/ don't foget to change the duration also in CSS\r\n                            opener: function(element) {\r\n                                return element.find('img');\r\n                            }\r\n                        }\r\n                    });\r\n\r\n\r\n                    var $element_grid = $(\".element_grid\").isotope({\r\n                        itemSelector: \".element-item\",\r\n                        layoutMode: \"fitRows\"\r\n                    });\r\n                    var filterFns = {\r\n                        numberGreaterThan50: function() {\r\n                            var number = $(this)\r\n                                .find(\".number\")\r\n                                .text();\r\n                            return parseInt(number, 10) > 50;\r\n                        },\r\n                        ium: function() {\r\n                            var name = $(this)\r\n                                .find(\".name\")\r\n                                .text();\r\n                            return name.match(\/ium$\/);\r\n                        }\r\n                    };\r\n                    $(\".filter-btns-group\").on(\"click\", \"button\", function() {\r\n                        var filterValue = $(this).attr(\"data-filter\");\r\n                        filterValue = filterFns[filterValue] || filterValue;\r\n                        $element_grid.isotope({ filter: filterValue });\r\n                    });\r\n                    $(\".button-group\").each(function(i, buttonGroup) {\r\n                        var $buttonGroup = $(buttonGroup);\r\n                        $buttonGroup.on(\"click\", \"button\", function() {\r\n                            $buttonGroup.find(\".active\").removeClass(\"active\");\r\n                            $(this).addClass(\"active\");\r\n                        });\r\n                    });\r\n\r\n                    function portfolioMasonry() {\r\n                        var portfolio = $(\".masonry_portfolio\");\r\n                        if (portfolio.length) {\r\n                            portfolio.imagesLoaded(function () {\r\n                                portfolio.isotope({\r\n                                    itemSelector: \".element-item\",\r\n                                    layoutMode: 'masonry',\r\n                                    filter: \"*\",\r\n                                    animationOptions: {\r\n                                        duration: 1000\r\n                                    },\r\n                                    transitionDuration: '0.5s',\r\n                                    masonry: {\r\n\r\n                                    }\r\n                                });\r\n\r\n                                $(\".filter-btns-group > ul > li > button\").on('click', function () {\r\n                                    $(\".filter-btns-group > ul > li > button\").removeClass(\"active\");\r\n                                    $(this).addClass(\"active\");\r\n\r\n                                    var selector = $(this).attr(\"data-filter\");\r\n                                    portfolio.isotope({\r\n                                        filter: selector,\r\n                                        animationOptions: {\r\n                                            animationDuration: 750,\r\n                                            easing: 'linear',\r\n                                            queue: false\r\n                                        }\r\n                                    })\r\n                                    return false;\r\n                                })\r\n                            });\r\n                        }\r\n                    }\r\n                    portfolioMasonry();\r\n\r\n                });\r\n            })(jQuery)\r\n        <\/script>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Faff about only a quid blower I don&#8217;t want no agro bleeding chim pot burke tosser cras nice one boot fanny.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1951","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dlmakro.droitlab.com\/dark\/wp-json\/wp\/v2\/pages\/1951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dlmakro.droitlab.com\/dark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dlmakro.droitlab.com\/dark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dlmakro.droitlab.com\/dark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dlmakro.droitlab.com\/dark\/wp-json\/wp\/v2\/comments?post=1951"}],"version-history":[{"count":7,"href":"https:\/\/dlmakro.droitlab.com\/dark\/wp-json\/wp\/v2\/pages\/1951\/revisions"}],"predecessor-version":[{"id":7942,"href":"https:\/\/dlmakro.droitlab.com\/dark\/wp-json\/wp\/v2\/pages\/1951\/revisions\/7942"}],"wp:attachment":[{"href":"https:\/\/dlmakro.droitlab.com\/dark\/wp-json\/wp\/v2\/media?parent=1951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}