{"id":1350,"date":"2019-08-19T08:59:50","date_gmt":"2019-08-19T08:59:50","guid":{"rendered":"http:\/\/localhost\/redleaf\/?page_id=1350"},"modified":"2019-08-19T08:59:50","modified_gmt":"2019-08-19T08:59:50","slug":"card-full-box-4-column","status":"publish","type":"page","link":"https:\/\/thethemedemo.com\/redleafem\/card-full-box-4-column\/","title":{"rendered":"Card Full Box 4 Column"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1350\" class=\"elementor elementor-1350\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff161e4 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ff161e4\" 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-76beb73\" data-id=\"76beb73\" 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-52d0a6b elementor-widget elementor-widget-htportfolio-portfolio-addons\" data-id=\"52d0a6b\" 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 wid52d0a6b\">\n                                    <div class=\"htportfolio-filter-menu-list wid52d0a6b\">\n                                                    <button class=\"is-checked \" data-filter=\"*\">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 portfolio-two\">\n                        <div class=\"all_item_wrapper grid-active wid52d0a6b\">\n                                                <div class=\"htportfolio-filter_item_box htportfolio-grid-item graphic \">\n                              \n                            <div class=\"htportfolio-ft_item_image\">\n                                <div class=\"portfolio-fimage\">\n                               <img fetchpriority=\"high\" decoding=\"async\" width=\"370\" height=\"364\" src=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/1-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/1-1.jpg 370w, https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/1-1-300x295.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>                                <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-here\/\">TITLE GOES HERE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Graphic                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-here\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                            <\/div>\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                                <div class=\"portfolio-fimage\">\n                               <img decoding=\"async\" width=\"370\" height=\"364\" src=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/2-2.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/2-2.jpg 370w, https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/2-2-300x295.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>                                <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-one\/\">TITLE GOES ONE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Branding                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-one\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                            <\/div>\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                                <div class=\"portfolio-fimage\">\n                               <img decoding=\"async\" width=\"370\" height=\"364\" src=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/3-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/3-1.jpg 370w, https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/3-1-300x295.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>                                <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-three\/\">TITLE GOES THREE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Web Design                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-three\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                            <\/div>\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                                <div class=\"portfolio-fimage\">\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"364\" src=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/4-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/4-1.jpg 370w, https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/4-1-300x295.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>                                <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-four\/\">TITLE GOES FOUR<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Graphic                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-four\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                            <\/div>\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                                <div class=\"portfolio-fimage\">\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"364\" src=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/6-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/6-1.jpg 370w, https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/6-1-300x295.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>                                <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-five\/\">TITLE GOES FIVE<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Web Design                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-five\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                            <\/div>\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                                <div class=\"portfolio-fimage\">\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"364\" src=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/5-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/5-1.jpg 370w, https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/5-1-300x295.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>                                <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-six\/\">TITLE GOES SIX<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Branding                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-six\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                            <\/div>\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                                <div class=\"portfolio-fimage\">\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"364\" src=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/7-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/7-1.jpg 370w, https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/7-1-300x295.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>                                <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-seven\/\">TITLE GOES SEVEN<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Graphic                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-seven\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                            <\/div>\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                                <div class=\"portfolio-fimage\">\n                               <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"364\" src=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/8-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/8-1.jpg 370w, https:\/\/thethemedemo.com\/redleafem\/wp-content\/uploads\/2019\/04\/8-1-300x295.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/>                                <\/div>\n                                \n                                <div class=\"htportfolio-cate-wrapper\">\n                                                                        <div class=\"htportfolio_filter_content\">\n                                                                                        <h5>\n                                            <a href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-eight\/\">TITLE GOES EIGHT<\/a>\n                                            <\/h5>\n                                                                                                                                        <h6>\n                                                   Branding                                                <\/h6>\n                                                                                    <\/div>\n                                <div class=\"icon-box-style\">\n                                \n                                 <a  class=\"icon_link\" href=\"https:\/\/thethemedemo.com\/redleafem\/ht_portfolios\/title-goes-eight\/\">                                    <i aria-hidden=\"true\" class=\"eicon-image-bold\"><\/i>                                <\/a>\n                                                                                            <\/div>\n                                <\/div>\n                                                             <\/div>\n                                                    <\/div>\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n    <style>\n          .wid52d0a6b.all_item_wrapper{\n            margin: -9px;\n        }\n         .wid52d0a6b .htportfolio-filter_item_box{\n            padding:9px;\n        }\n                 .wid52d0a6b .htportfolio-filter_item_box{\n            width:25%;\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 991px) {\n            .wid52d0a6b .htportfolio-filter_item_box{\n                width:50%;\n            }\n        }\n        @media (max-width: 767px) {\n            .wid52d0a6b .htportfolio-filter_item_box{\n                width:100%;\n            }\n        }\n        @media (max-width: 575px) {\n           .wid52d0a6b .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.wid52d0a6b').imagesLoaded( function() {\n\n                  \/\/ Isotop Active\n                  $('.htportfolio-filter-menu-list.wid52d0a6b').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.wid52d0a6b').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-1350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemedemo.com\/redleafem\/wp-json\/wp\/v2\/pages\/1350"}],"collection":[{"href":"https:\/\/thethemedemo.com\/redleafem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemedemo.com\/redleafem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemedemo.com\/redleafem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemedemo.com\/redleafem\/wp-json\/wp\/v2\/comments?post=1350"}],"version-history":[{"count":0,"href":"https:\/\/thethemedemo.com\/redleafem\/wp-json\/wp\/v2\/pages\/1350\/revisions"}],"wp:attachment":[{"href":"https:\/\/thethemedemo.com\/redleafem\/wp-json\/wp\/v2\/media?parent=1350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}