{"id":1592,"date":"2019-03-19T06:20:11","date_gmt":"2019-03-19T06:20:11","guid":{"rendered":"http:\/\/localhost\/vargas\/?page_id=1592"},"modified":"2019-03-19T06:20:11","modified_gmt":"2019-03-19T06:20:11","slug":"masonry-2-column","status":"publish","type":"page","link":"https:\/\/thethemedemo.com\/vargas\/masonry-2-column\/","title":{"rendered":"Masonry 2 Column"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1592\" class=\"elementor elementor-1592\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-486304d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"486304d\" data-element_type=\"section\">\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-8fdb8f9\" data-id=\"8fdb8f9\" 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-a6f3af7 elementor-widget elementor-widget-heading\" data-id=\"a6f3af7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Awsome Work<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5b148d elementor-widget elementor-widget-htportfolio-portfolio-addons\" data-id=\"f5b148d\" data-element_type=\"widget\" data-widget_type=\"htportfolio-portfolio-addons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <div class=\"filter-area widf5b148d\">\n                                    <div class=\"htportfolio-filter-menu-list widf5b148d\">\n                                                    <button class=\"is-checked \" data-filter=\"*\">All<\/button>\n                                                                                                <button data-filter=\".masonry-1\">masonry 1<\/button>\n                                                                        <button data-filter=\".masonry-2\">masonry 2<\/button>\n                                                                        <button data-filter=\".masonry-3\">masonry 3<\/button>\n                                            <\/div>\n                                                                    <div class=\"ft_item-style portfolio-two\">\n                        <div class=\"all_item_wrapper grid-active widf5b148d\">\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item masonry-1 \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n                                <div class=\"portfolio-fimage\">\n                                                               <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-one\/\"><img fetchpriority=\"high\" decoding=\"async\" width=\"570\" height=\"480\" src=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/1-6.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/1-6.jpeg 570w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/1-6-300x253.jpeg 300w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/1-6-120x100.jpeg 120w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/> <\/a>                                 <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-one\/\">Masonry Col Two 1<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Masonry 1                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                                            <\/div>\n                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item masonry-2 \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n                                <div class=\"portfolio-fimage\">\n                                                               <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-2\/\"><img decoding=\"async\" width=\"570\" height=\"400\" src=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/2-7.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/2-7.jpeg 570w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/2-7-300x211.jpeg 300w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/2-7-220x154.jpeg 220w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/> <\/a>                                 <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-2\/\">Masonry Col Two 2<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Masonry 2                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                                            <\/div>\n                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item masonry-3 \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n                                <div class=\"portfolio-fimage\">\n                                                               <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-3\/\"><img decoding=\"async\" width=\"570\" height=\"400\" src=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/4-7.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/4-7.jpeg 570w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/4-7-300x211.jpeg 300w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/4-7-220x154.jpeg 220w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/> <\/a>                                 <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-3\/\">Masonry Col Two 3<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Masonry 3                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                                            <\/div>\n                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item masonry-1 \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n                                <div class=\"portfolio-fimage\">\n                                                               <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-4\/\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"480\" src=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/3-8.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/3-8.jpeg 570w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/3-8-300x253.jpeg 300w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/3-8-120x100.jpeg 120w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/> <\/a>                                 <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-4\/\">Masonry Col Two 4<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Masonry 1                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                                            <\/div>\n                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item masonry-2 \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n                                <div class=\"portfolio-fimage\">\n                                                               <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-5\/\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"480\" src=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/6-5.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/6-5.jpeg 570w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/6-5-300x253.jpeg 300w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/6-5-120x100.jpeg 120w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/> <\/a>                                 <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-5\/\">Masonry Col Two 5<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Masonry 2                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                                            <\/div>\n                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item masonry-3 \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n                                <div class=\"portfolio-fimage\">\n                                                               <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-6\/\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"320\" src=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/5-9.jpeg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/5-9.jpeg 570w, https:\/\/thethemedemo.com\/vargas\/wp-content\/uploads\/2019\/03\/5-9-300x168.jpeg 300w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/> <\/a>                                 <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/vargas\/ht_portfolios\/masonry-col-two-6\/\">Masonry Col Two 6<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Masonry 3                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                                            <\/div>\n                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n    <style>\n          .widf5b148d.all_item_wrapper{\n            margin: -10px;\n        }\n         .widf5b148d .htportfolio-filter_item_box{\n            padding:10px;\n        }\n                 .widf5b148d .htportfolio-filter_item_box{\n            width:50%;\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 991px) {\n            .widf5b148d .htportfolio-filter_item_box{\n                width:50%;\n            }\n        }\n        @media (max-width: 767px) {\n            .widf5b148d .htportfolio-filter_item_box{\n                width:50%;\n            }\n        }\n        @media (max-width: 575px) {\n           .widf5b148d .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.widf5b148d').imagesLoaded( function() {\n\n                  \/\/ Isotop Active\n                  $('.htportfolio-filter-menu-list.widf5b148d').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.widf5b148d').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<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c21554 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c21554\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-9b71a8f\" data-id=\"9b71a8f\" 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-c26002b htmega-align-center elementor-widget elementor-widget-htmega-calltoaction-addons\" data-id=\"c26002b\" data-element_type=\"widget\" data-widget_type=\"htmega-calltoaction-addons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <div class=\"htmega-call-to-action callto-action-style-4\">\n                <div class=\"htmega-content\">\n\n                                            <div class=\"content\">\n                            <h3 class=\"htmega-callto-action-title\">This awesome theme can make you design easyer<\/h3><p class=\"htmega-callto-action-description\">On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment<\/p>                        <\/div>\n                        <div class=\"action-btn\">\n                            <a class=\"call_btn\" href=\"#\"><span class='call_to_action_button_one_text_progression'>Purchase Now<\/span><\/a>                        <\/div>\n                        \n                    \n                <\/div>\n            <\/div>\n\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>Awsome Work This awesome theme can make you design easyer On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment Purchase Now<\/p>\n","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-1592","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemedemo.com\/vargas\/wp-json\/wp\/v2\/pages\/1592"}],"collection":[{"href":"https:\/\/thethemedemo.com\/vargas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemedemo.com\/vargas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemedemo.com\/vargas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemedemo.com\/vargas\/wp-json\/wp\/v2\/comments?post=1592"}],"version-history":[{"count":0,"href":"https:\/\/thethemedemo.com\/vargas\/wp-json\/wp\/v2\/pages\/1592\/revisions"}],"wp:attachment":[{"href":"https:\/\/thethemedemo.com\/vargas\/wp-json\/wp\/v2\/media?parent=1592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}