{"id":3391,"date":"2026-04-22T07:34:37","date_gmt":"2026-04-22T07:34:37","guid":{"rendered":"https:\/\/caringcompany.org.hk\/events\/"},"modified":"2026-05-14T10:11:15","modified_gmt":"2026-05-14T10:11:15","slug":"events","status":"publish","type":"page","link":"https:\/\/caringcompany.org.hk\/en\/events\/","title":{"rendered":"Events"},"content":{"rendered":"\n<div block-name=\"inner-banner\" class=\"inner-banner relative\">\n\n    <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/h1.png\"\n         alt=\"Banner Image\"\n         class=\"w-full h-full aspect-[4\/1] object-cover absolute top-0 left-0 z-[0]\" \/>\n\n    <div class=\"inner-banner-container w-full h-full\">\n        <div class=\"container mx-auto flex justify-start items-center\">\n            <div class=\"container-3xl h-full\">\n                <div class=\"relative pt-[60px] lg:pt-20 xl:pt-[130px] pb-[60px]\">\n                    <div class=\"relative max-w-[1000px]\">\n\n                        <h1 class=\"heading1 mb-4 font-primary leading-[normal] text-white font-semibold not-italic main-title\">\n                            What\u2019s Happening                        <\/h1>\n\n                        <ul class=\"breadcrumb-list\">\n\n                                                                                                <li>\n                                                                                    <a href=\"https:\/\/caringcompany.org.hk\/en\/\" target=\"_self\">\n                                                Home                                            <\/a>\n                                                                            <\/li>\n\n                                                                            <li>\n                                            <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/circle.svg\" alt=\"separator\" \/>\n                                        <\/li>\n                                    \n                                                                    <li>\n                                                                                    <span class=\"current\">What\u2019s Happening<\/span>\n                                                                            <\/li>\n\n                                    \n                                \n                            \n                        <\/ul>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div block-name=\"recipient-list-tag\" class=\"border-b border-stroke yellow-tab\">\n    <div class=\"container\">\n        <div class=\"container-2xl\">\n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-5 xl:gap-[50px]\">\n\n                                                            <a href=\"https:\/\/caringcompany.org.hk\/en\/events\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            Events                        <\/a>\n                                                <a href=\"https:\/\/caringcompany.org.hk\/en\/stories\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            Stories                        <\/a>\n                                                <a href=\"https:\/\/caringcompany.org.hk\/en\/publications\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            Publications                        <\/a>\n                                        \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/     const currentUrl = window.location.protocol + '\/\/' + window.location.host + window.location.pathname;\n\n    \/\/     const tabs = document.querySelectorAll(\".tab-btn-list\");\n\n    \/\/     tabs.forEach((tab) => {\n    \/\/         if (tab.href === currentUrl || tab.href === window.location.href) {\n    \/\/             tab.classList.add(\"tab-active\");\n    \/\/             tab.setAttribute(\"data-active\", \"true\");\n    \/\/         } else {\n    \/\/             tab.classList.remove(\"tab-active\");\n    \/\/             tab.setAttribute(\"data-active\", \"false\");\n    \/\/         }\n    \/\/     });\n    \/\/ });\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const normalizePath = (path) => {\n            return path.replace(\/\\\/+$\/, ''); \/\/ remove trailing slash\n        };\n\n        const currentPath = normalizePath(window.location.pathname);\n\n        const tabs = document.querySelectorAll(\".tab-btn-list\");\n\n        tabs.forEach((tab) => {\n            const tabPath = normalizePath(new URL(tab.href).pathname);\n            console.log(tabPath, currentPath);\n            if (tabPath === currentPath) {\n                tab.classList.add(\"tab-active\");\n                tab.setAttribute(\"data-active\", \"true\");\n            } else {\n                tab.classList.remove(\"tab-active\");\n                tab.setAttribute(\"data-active\", \"false\");\n            }\n        });\n    });\n<\/script>\n\n\n<div block-name=\"event-grid\" class=\"py-10 lg:py-20\">\n    <div class=\"container mx-auto\">\n        <div class=\"container-4xl\">\n\n            \n            <div class=\"sf-custom-layout mb-[40px] w-full\">\n                <div class=\"searchandfilter\">\n                    <ul>\n                        <li data-sf-field-name=\"status\">\n                                                            <h4>Category<\/h4>\n                                                                                        <select name=\"status\" class=\"js-event-filter\">\n                                <option value=\"all\" >All<\/option>\n                                <option value=\"upcoming\" >Upcoming Events<\/option>\n                                <option value=\"past\" >Event Highlights<\/option>\n                            <\/select>\n                        <\/li>\n                        <li data-sf-field-name=\"year\">\n                                                            <h4>Year<\/h4>\n                                                        <select name=\"year\" class=\"js-event-filter\">\n                                <option value=\"\">All<\/option>\n                                                                        <option value=\"2026\" >\n                                            2026                                        <\/option>\n                                                                            <option value=\"2025\" >\n                                            2025                                        <\/option>\n                                                                            <option value=\"2024\" >\n                                            2024                                        <\/option>\n                                                                            <option value=\"2023\" >\n                                            2023                                        <\/option>\n                                                                            <option value=\"2022\" >\n                                            2022                                        <\/option>\n                                                                            <option value=\"2021\" >\n                                            2021                                        <\/option>\n                                                                            <option value=\"2020\" >\n                                            2020                                        <\/option>\n                                                                            <option value=\"2019\" >\n                                            2019                                        <\/option>\n                                                                            <option value=\"2018\" >\n                                            2018                                        <\/option>\n                                                                            <option value=\"2017\" >\n                                            2017                                        <\/option>\n                                                                            <option value=\"2016\" >\n                                            2016                                        <\/option>\n                                                                            <option value=\"2015\" >\n                                            2015                                        <\/option>\n                                                                            <option value=\"2014\" >\n                                            2014                                        <\/option>\n                                                                            <option value=\"2013\" >\n                                            2013                                        <\/option>\n                                                                            <option value=\"2012\" >\n                                            2012                                        <\/option>\n                                                                            <option value=\"2011\" >\n                                            2011                                        <\/option>\n                                                                            <option value=\"2010\" >\n                                            2010                                        <\/option>\n                                                                            <option value=\"2009\" >\n                                            2009                                        <\/option>\n                                                                            <option value=\"2008\" >\n                                            2008                                        <\/option>\n                                                                            <option value=\"2007\" >\n                                            2007                                        <\/option>\n                                                                            <option value=\"2006\" >\n                                            2006                                        <\/option>\n                                                                            <option value=\"2005\" >\n                                            2005                                        <\/option>\n                                                                            <option value=\"2004\" >\n                                            2004                                        <\/option>\n                                                                <\/select>\n                        <\/li>\n                        <li data-sf-field-type=\"search\">\n                            \n                            <input type=\"text\" name=\"_s\" class=\"js-event-filter-search\"\n                                placeholder=\"Search by keywords...\" value=\"\">\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n\n            <div id=\"events-results-container\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-5 gap-y-10\"\n                data-posts-per-page=\"9\">\n                \n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/praise-finale-dream-big-make-change-we-can-3\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"PRAISE Finale \u2013 Dream Big, Make Change, we can!\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">02.03.2024<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            PRAISE Finale \u2013 Dream Big, Make Change, we can!        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/%e5%ae%89%e5%bf%83%e5%b7%a5%e4%bd%9c%e9%96%93%e7%b3%bb%e5%88%97%e5%88%86%e4%ba%ab%e6%9c%83-%e5%be%9e%ef%bc%88%e8%a1%a3%ef%bc%8c%e9%a3%9f%ef%bc%8c%e4%bd%8f%ef%bc%8c%e8%a1%8c%ef%bc%89%e6%94%af\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 &#8211; \u5f9e\uff08\u8863\uff0c\u98df\uff0c\u4f4f\uff0c\u884c\uff09\u652f\u63f4\u5728\u8077\u7167\u9867\u8005\uff08Chinese only\uff09\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">07.11.2023<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 &#8211; \u5f9e\uff08\u8863\uff0c\u98df\uff0c\u4f4f\uff0c\u884c\uff09\u652f\u63f4\u5728\u8077\u7167\u9867\u8005\uff08Chinese only\uff09        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/%e5%9c%a8%e4%bc%81%e6%a5%ad%e5%85%a7%e5%af%a6%e8%b8%90%e7%92%b0%e4%bf%9d%e6%96%b9%e6%a1%88-chinese-only\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u5728\u4f01\u696d\u5167\u5be6\u8e10\u74b0\u4fdd\u65b9\u6848 (Chinese only)\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">06.09.2023<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u5728\u4f01\u696d\u5167\u5be6\u8e10\u74b0\u4fdd\u65b9\u6848 (Chinese only)        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/creating-a-healthy-safe-and-happy-workplace-sharing-series-effective-2-way-communication\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"&#8220;Creating a Healthy, Safe and Happy workplace&#8221; Sharing Series: Effective 2-way communication\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">05.09.2023<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            &#8220;Creating a Healthy, Safe and Happy workplace&#8221; Sharing Series: Effective 2-way communication        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/health-care-support-to-on-job-caregivers-series-work-life-balance\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"Health Care Support to On-job Caregivers Series ~Work-Life Balance\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">07.07.2023<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            Health Care Support to On-job Caregivers Series ~Work-Life Balance        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/health-care-support-to-on-job-caregivers-series-voluntary-serviceworkplace\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u201dHealth Care Support to On-job Caregivers\u201d Series ~ Voluntary Service@Workplace\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">14.04.2023<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u201dHealth Care Support to On-job Caregivers\u201d Series ~ Voluntary Service@Workplace        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/jc-procruit-c-completion-of-traineeship-for-all-cohorts\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"JC PROcruit C &#8211; Completion of Traineeship for All Cohorts\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">01.08.2022<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            JC PROcruit C &#8211; Completion of Traineeship for All Cohorts        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/procruit-c-online-graduation-ceremony\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"PROcruit C Online Graduation Ceremony\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">25.04.2022<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            PROcruit C Online Graduation Ceremony        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/caringcompany.org.hk\/en\/events\/creating-a-happy-workplace-harmony-workplace-knowing-your-personalities-in-workplace-29-mar-2022\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"Creating a happy workplace: Harmony Workplace ~ Knowing your personalities in Workplace (29 Mar 2022)\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                EVENT HIGHLIGHT            <\/p>\n            <span class=\"date\">31.03.2022<\/span>\n        <\/div>\n        <h6 class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            Creating a happy workplace: Harmony Workplace ~ Knowing your personalities in Workplace (29 Mar 2022)        <\/h6>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    Learn More\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n            <\/div>\n\n            <div id=\"pagination-container\" class=\"mt-12 flex justify-center pagination-wrapper\">\n                <span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"\/en\/wp-json\/wp\/v2\/pages\/3391?paged=2\">2<\/a>\n<a class=\"page-numbers\" href=\"\/en\/wp-json\/wp\/v2\/pages\/3391?paged=3\">3<\/a>\n<span class=\"page-numbers dots\">&hellip;<\/span>\n<a class=\"page-numbers\" href=\"\/en\/wp-json\/wp\/v2\/pages\/3391?paged=15\">15<\/a>\n<a class=\"next page-numbers\" href=\"\/en\/wp-json\/wp\/v2\/pages\/3391?paged=2\"><svg width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 13L7 7L1 1\" stroke=\"#374151\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const resultsContainer = document.getElementById('events-results-container');\n        const paginationContainer = document.getElementById('pagination-container');\n        const filterFields = document.querySelectorAll('.js-event-filter, .js-event-filter-search');\n\n        let searchTimeout;\n\n        const fetchEvents = (paged = 1) => {\n            const status = document.querySelector('select[name=\"status\"]').value;\n            const year = document.querySelector('select[name=\"year\"]').value;\n            const search = document.querySelector('input[name=\"_s\"]').value;\n\n            const formData = new FormData();\n            formData.append('action', 'filter_events');\n            formData.append('status', status);\n            formData.append('year', year);\n            formData.append('search', search);\n            formData.append('paged', paged);\n            formData.append('posts_per_page', resultsContainer.getAttribute('data-posts-per-page'));\n\n            resultsContainer.style.opacity = '0.5';\n\n            fetch('https:\/\/caringcompany.org.hk\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body: formData\n            })\n                .then(response => response.json())\n                .then(result => {\n                    resultsContainer.style.opacity = '1';\n\n                    if (result.success) {\n                        resultsContainer.innerHTML = result.data.html;\n                        paginationContainer.innerHTML = result.data.pagination;\n\n                        if (!result.data.pagination) {\n                            paginationContainer.classList.add('hidden');\n                        } else {\n                            paginationContainer.classList.remove('hidden');\n                        }\n\n                        \/\/ Update URL without reload to preserve state\n                        const url = new URL(window.location);\n\n                        const params = {\n                            status: status,\n                            year: year,\n                            _s: search,\n                            paged: paged > 1 ? paged : null\n                        };\n\n                        Object.keys(params).forEach(key => {\n                            if (params[key] && params[key] !== 'all' && params[key] !== '') {\n                                url.searchParams.set(key, params[key]);\n                            } else {\n                                url.searchParams.delete(key);\n                            }\n                        });\n\n                        window.history.pushState({}, '', url);\n                    }\n                })\n                .catch(error => {\n                    console.error('Error fetching events:', error);\n                    resultsContainer.style.opacity = '1';\n                });\n        };\n\n        filterFields.forEach(field => {\n            if (field.tagName === 'SELECT') {\n                field.addEventListener('change', () => fetchEvents(1));\n            } else {\n                field.addEventListener('input', function () {\n                    clearTimeout(searchTimeout);\n                    searchTimeout = setTimeout(() => fetchEvents(1), 500);\n                });\n            }\n        });\n\n        paginationContainer.addEventListener('click', function (e) {\n            const link = e.target.closest('a');\n            if (link) {\n                e.preventDefault();\n                const urlParams = new URLSearchParams(new URL(link.href).search);\n                const paged = urlParams.get('paged') || 1;\n                fetchEvents(paged);\n                window.scrollTo({ top: resultsContainer.offsetTop - 100, behavior: 'smooth' });\n            }\n        });\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":3392,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3391","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/pages\/3391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/comments?post=3391"}],"version-history":[{"count":3,"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/pages\/3391\/revisions"}],"predecessor-version":[{"id":4430,"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/pages\/3391\/revisions\/4430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/media\/3392"}],"wp:attachment":[{"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/media?parent=3391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}