{"id":1487,"date":"2019-05-28T08:13:06","date_gmt":"2019-05-28T08:13:06","guid":{"rendered":"http:\/\/localhost\/minikiniem\/?page_id=1487"},"modified":"2019-05-28T08:13:06","modified_gmt":"2019-05-28T08:13:06","slug":"masonry-wide-3-col","status":"publish","type":"page","link":"https:\/\/thethemedemo.com\/minikiniem\/masonry-wide-3-col\/","title":{"rendered":"Masonry Wide 3 Col"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1487\" class=\"elementor elementor-1487\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a8d10c elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7a8d10c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-59fef03\" data-id=\"59fef03\" data-element_type=\"column\" data-e-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-bd19ce8 elementor-widget elementor-widget-htportfolio-portfolio-addons\" data-id=\"bd19ce8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"htportfolio-portfolio-addons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"filter-area widbd19ce8\">\n                                    <div class=\"htportfolio-filter-menu-list widbd19ce8\">\n                                                    <button class=\"is-checked \" data-filter=\"*\">View All<\/button>\n                                                                                                <button data-filter=\".branding\">branding<\/button>\n                                                                        <button data-filter=\".graphic\">graphic<\/button>\n                                                                        <button data-filter=\".web-design\">web design<\/button>\n                                            <\/div>\n                                                <div class=\"ft_item-style widbd19ce8\">\n                    <div class=\"all_item_wrapper grid-active widbd19ce8\">\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item graphic \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img fetchpriority=\"high\" decoding=\"async\" width=\"370\" height=\"500\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/1-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/1-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/1-1-222x300.jpeg 222w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-here\/\">TITLE GOES HERE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Graphic                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-here\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item branding \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img decoding=\"async\" width=\"370\" height=\"400\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/2-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/2-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/2-1-278x300.jpeg 278w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-one\/\">TITLE GOES ONE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Branding                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-one\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item web-design \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img decoding=\"async\" width=\"370\" height=\"500\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/3-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/3-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/3-1-222x300.jpeg 222w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-three\/\">TITLE GOES THREE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Web Design                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-three\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item graphic \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"600\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/5-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/5-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/5-1-185x300.jpeg 185w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-four\/\">TITLE GOES FOUR<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Graphic                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-four\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item web-design \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"400\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/4-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/4-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/4-1-278x300.jpeg 278w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-five\/\">TITLE GOES FIVE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Web Design                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-five\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item branding \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"400\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/6-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/6-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/6-1-278x300.jpeg 278w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-six\/\">TITLE GOES SIX<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Branding                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-six\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item graphic \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"600\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/9-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/9-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/9-1-185x300.jpeg 185w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-seven\/\">TITLE GOES SEVEN<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Graphic                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-seven\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item branding \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"600\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/9-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/9-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/9-1-185x300.jpeg 185w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-eight\/\">TITLE GOES EIGHT<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Branding                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-eight\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item web-design \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"500\" src=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/8-1.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/8-1.jpeg 370w, https:\/\/thethemedemo.com\/minikiniem\/wp-content\/uploads\/2019\/04\/8-1-222x300.jpeg 222w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>\n                                \n                                  <div class=\"htportfolio-cat-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-nine\/\">TITLE GOES NINE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Web Design                                                <\/h6>\n                                                                                    <\/div>\n\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/minikiniem\/ht_portfolios\/title-goes-nine\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                            <\/div>\n                <\/div>\n                                            <\/div>\n\n    <style>\n          .widbd19ce8.all_item_wrapper{\n            margin: -10px;\n        }\n         .widbd19ce8 .htportfolio-filter_item_box{\n            padding:10px;\n        }\n                 .widbd19ce8 .htportfolio-filter_item_box{\n            width:33.333333333333%;\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 991px) {\n            .widbd19ce8 .htportfolio-filter_item_box{\n                width:50%;\n            }\n        }\n        @media (max-width: 767px) {\n            .widbd19ce8 .htportfolio-filter_item_box{\n                width:100%;\n            }\n        }\n        @media (max-width: 575px) {\n           .widbd19ce8 .htportfolio-filter_item_box{\n                width: 100%;\n            }\n        }    \n    <\/style>\n\n        <script type=\"text\/javascript\">\n        \n            jQuery(document).ready(function($) {\n\n                \/\/ images have loaded\n                $('.ft_item-style.widbd19ce8').imagesLoaded( function() {\n\n                  \/\/ Isotop Active\n                  $('.htportfolio-filter-menu-list.widbd19ce8').on( 'click', 'button', function() {\n                    var filterValue = $(this).attr('data-filter');\n                    $grid.isotope({ filter: filterValue });\n                  });\n\n                  \/\/ Isotop Full Grid\n                  var $grid = $('.grid-active.widbd19ce8').isotope({\n                    itemSelector: '.htportfolio-grid-item',\n                    percentPosition: true,\n                    masonry: {\n                    columnWidth: 1\n                    }\n                  });\n                  \/\/ Isotop Menu Active\n                  $('.htportfolio-filter-menu-list button').on('click', function(event) {\n                        $(this).siblings('.is-checked').removeClass('is-checked');\n                        $(this).addClass('is-checked');\n                        event.preventDefault();\n                    });\n                  \/\/ Image Popup Fancy Active\n                  $(\".htportfolio_pro_popup\").fancybox();\n\n                    $(\".various\").fancybox({\n                        maxWidth    : 800,\n                        maxHeight   : 600,\n                        fitToView   : false,\n                        width       : '70%',\n                        height      : '70%',\n                        autoSize    : false,\n                        closeClick  : false,\n                        openEffect  : 'none',\n                        closeEffect : 'none'\n                    });\n                });\n                \n            });\n\n        <\/script>\n        \t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1487","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemedemo.com\/minikiniem\/wp-json\/wp\/v2\/pages\/1487"}],"collection":[{"href":"https:\/\/thethemedemo.com\/minikiniem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemedemo.com\/minikiniem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemedemo.com\/minikiniem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemedemo.com\/minikiniem\/wp-json\/wp\/v2\/comments?post=1487"}],"version-history":[{"count":0,"href":"https:\/\/thethemedemo.com\/minikiniem\/wp-json\/wp\/v2\/pages\/1487\/revisions"}],"wp:attachment":[{"href":"https:\/\/thethemedemo.com\/minikiniem\/wp-json\/wp\/v2\/media?parent=1487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}