{"id":253,"date":"2025-09-03T05:59:26","date_gmt":"2025-09-03T05:59:26","guid":{"rendered":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/?page_id=253"},"modified":"2025-09-03T06:01:58","modified_gmt":"2025-09-03T06:01:58","slug":"gallery-4-columns","status":"publish","type":"page","link":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/gallery-4-columns\/","title":{"rendered":"Gallery 4 Columns"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"253\" class=\"elementor elementor-253\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa4379 e-con-full e-flex e-con e-parent\" data-id=\"3fa4379\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfcb0a4 elementor-widget elementor-widget-gallery-widget\" data-id=\"dfcb0a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gallery-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \n    \t\n        <div class=\"gallery-section padding--top padding--bottom\" id=\"gallery\">\n            <div class=\"container\">\n                \n                <div class=\"section-wrapper\">\n                    <div class=\"gallery\">\n                        <!-- Filter Part -->\n                                                    <div class=\"gallery__filter\">\n                                <ul class=\"gallery__filter\">\n                                    <li data-filter=\"*\" class=\"active\">All<\/li>\n                                                                            <li data-filter=\".charity\">charity<\/li>\n                                                                            <li data-filter=\".nature\">Nature<\/li>\n                                                                            <li data-filter=\".wildlife\">wildlife<\/li>\n                                                                            <li data-filter=\".video\">Video<\/li>\n                                                                            <li data-filter=\".children\">Children<\/li>\n                                                                    <\/ul>\n                            <\/div>\n                        \n                        <!-- Gallery Grid -->\n                        <div class=\"row g-4 grid\">\n                                                                                                <div class=\"col-lg-3 col-md-6 col-12 charity nature\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/01-4.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/01-4.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 nature wildlife\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/02-5.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/02-5.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity wildlife\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/03-3.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/03-3.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 video\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/04-2.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/04-2.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity wildlife\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/05-2.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/05-2.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/06-3.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/06-3.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity children wildlife\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/07-3.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/07-3.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 nature\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/08-3.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/08-3.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 nature\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/09-2.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/09-2.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/10.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/10.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/11.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/11.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/12.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/12.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/13.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/13.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/14.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/14.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/15.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/15.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"col-lg-3 col-md-6 col-12 charity\">\n                                        <div class=\"gallery__item\">\n                                            <div class=\"gallery__inner\">\n                                                                                                    <div class=\"gallery__thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/16.jpg\" alt=\"Gallery Title\" class=\"w-100\">\n                                                    <\/div>\n                                                \n                                                <div class=\"gallery__content text-center\">\n                                                                                                            <a href=\"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-content\/uploads\/2025\/09\/16.jpg\" data-rel=\"lightcase\" class=\"gallery__icon\">\n                                                            <i class=\"fas fa-plus\"><\/i>\n                                                        <\/a>\n                                                                                                        \n                                                                                                            <h5>Gallery Title<\/h5>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div> \n                <\/div>\n            <\/div> \n        <\/div> \n\n\n    \t\n\n        \n        \n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All charity Nature wildlife Video Children Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title Gallery Title<\/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":{"inline_featured_image":false,"footnotes":""},"class_list":["post-253","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-json\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":4,"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-json\/wp\/v2\/pages\/253\/revisions\/257"}],"wp:attachment":[{"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}