{"id":223,"date":"2025-09-03T05:50:36","date_gmt":"2025-09-03T05:50:36","guid":{"rendered":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-01\/?page_id=223"},"modified":"2025-09-08T10:16:18","modified_gmt":"2025-09-08T10:16:18","slug":"gallery-3-columns","status":"publish","type":"page","link":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/gallery-3-columns\/","title":{"rendered":"Gallery 3 Columns"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"223\" class=\"elementor elementor-223\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bff9c4 e-con-full e-flex e-con e-parent\" data-id=\"5bff9c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-273bf44 elementor-widget elementor-widget-gallery-widget\" data-id=\"273bf44\" 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        \r\n    \t\r\n        <div class=\"gallery-section padding--top padding--bottom\" id=\"gallery\">\r\n            <div class=\"container\">\r\n                \r\n                <div class=\"section-wrapper\">\r\n                    <div class=\"gallery\">\r\n                        <!-- Filter Part -->\r\n                                                    <div class=\"gallery__filter\">\r\n                                <ul class=\"gallery__filter\">\r\n                                    <li data-filter=\"*\" class=\"active\">All<\/li>\r\n                                                                            <li data-filter=\".charity\">charity<\/li>\r\n                                                                            <li data-filter=\".nature\">Nature<\/li>\r\n                                                                            <li data-filter=\".wildlife\">wildlife<\/li>\r\n                                                                            <li data-filter=\".video\">Video<\/li>\r\n                                                                            <li data-filter=\".children\">Children<\/li>\r\n                                                                    <\/ul>\r\n                            <\/div>\r\n                        \r\n                        <!-- Gallery Grid -->\r\n                        <div class=\"row g-4 grid\">\r\n                                                                                                <div class=\"col-lg-4 col-md-6 col-12 charity nature\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"col-lg-4 col-md-6 col-12 nature wildlife\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"col-lg-4 col-md-6 col-12 charity wildlife\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"col-lg-4 col-md-6 col-12 video\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"col-lg-4 col-md-6 col-12 charity wildlife\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"col-lg-4 col-md-6 col-12 charity\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"col-lg-4 col-md-6 col-12 charity children wildlife\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"col-lg-4 col-md-6 col-12 nature\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                    <div class=\"col-lg-4 col-md-6 col-12 nature\">\r\n                                        <div class=\"gallery__item\">\r\n                                            <div class=\"gallery__inner\">\r\n                                                                                                    <div class=\"gallery__thumb\">\r\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\">\r\n                                                    <\/div>\r\n                                                \r\n                                                <div class=\"gallery__content text-center\">\r\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\">\r\n                                                            <i class=\"fas fa-plus\"><\/i>\r\n                                                        <\/a>\r\n                                                                                                        \r\n                                                                                                            <h5>Gallery Title<\/h5>\r\n                                                                                                    <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                    <\/div>\r\n                    <\/div> \r\n                <\/div>\r\n            <\/div> \r\n        <\/div> \r\n\r\n\r\n    \t\r\n\r\n        \r\n        \r\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<\/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-223","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":1,"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":311,"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/wp-json\/wp\/v2\/pages\/223\/revisions\/311"}],"wp:attachment":[{"href":"https:\/\/demos.codexcoder.com\/heal\/charity\/demo-04\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}