{"id":114,"date":"2025-12-02T05:29:12","date_gmt":"2025-12-02T05:29:12","guid":{"rendered":"http:\/\/hkcss-caring-live.local\/?page_id=114"},"modified":"2025-12-19T09:46:19","modified_gmt":"2025-12-19T09:46:19","slug":"recipient-lists","status":"publish","type":"page","link":"https:\/\/caringcompany.org.hk\/en\/recipient-lists\/","title":{"rendered":"Recognition Lists"},"content":{"rendered":"\n<div block-name=\"inner-banner\" class=\"inner-banner relative\">\n\n    <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/BG-Image.png\"\n         alt=\"\"\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                            Recognition Lists                        <\/h1>\n\n                        <ul class=\"breadcrumb-list\">\n\n                                                                                                <li>\n                                                                                    <a href=\"https:\/\/caringcompany.org.hk\/\" 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\">Recognition Lists<\/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 \">\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\/recipient-lists\" 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                            Caring Company Logo                        <\/a>\n                                                <a href=\"https:\/\/caringcompany.org.hk\/en\/recipient-lists\/recipient-caring-organisation\/\" 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                            Caring Organisation Logo                        <\/a>\n                                                <a href=\"https:\/\/caringcompany.org.hk\/en\/recipient-lists\/recipient-special-award\/\" 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                            Special Award                        <\/a>\n                                                <a href=\"https:\/\/caringcompany.org.hk\/en\/recipient-lists\/recipient-special-listing\/\" 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                            Special Listing                         <\/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 id=\"org-tabs-6a14b785cddcc\" block-name=\"recipient-caring-organisation\"\n    class=\"bg-yellow-light-03 pt-[60px] lg:pt-[80px] xl:pt-[120px] pb-[60px]\">\n    <div class=\"container\">\n        <div class=\"container-3xl\">\n\n            <div class=\"flex flex-col justify-center items-start mb-[40px] xl:mb-[100px]\">\n                <h2 class=\"heading2 font-primary leading-[normal] font-semibold not-italic text-grey-dark\">\n                    Caring Company Logo                <\/h2>\n\n                                    <div class=\"mt-5 text-body-1 font-noto leading-[160%] font-normal not-italic text-grey-light \">\n                        The Caring Company Scheme aims to encourage continuous improvement among companies and organisations in fostering a caring culture and promoting social sustainable development.<br \/><br \/>\r\nTo support this mission, the Scheme assesses and evaluates the positive societal impact brought about by companies \/ organisations in terms of overall governance, policy management, data tracking, disclosure and collaboration for sustainable development based on the annual responses and data submitted by the applicants. Recognition is then granted based on their overall performance. Companies \/ organisations that successfully receive the logo in a given year are categorised into Large Enterprises, Small and Medium Enterprises (Caring Company Logo applications), and Organisations (Caring Organisation Logo applications). Each category is further divided into four levels of recognition based on performance.<br \/><br \/>\r\nPlease log in to the Online Application System to view your 2024\/25 application results. Eligible applicants may download the logo files and e\u2011certificates.                    <\/div>\n                            <\/div>\n\n            <div class=\"flex lg:flex-row flex-col w-full justify-start gap-[60px] xl:gap-[100px] items-center\">\n\n                <div class=\"flex w-full flex-col justify-center items-start\">\n                                                                        <div data-tab=\"0\" data-active=\"true\" class=\"tab-btns cursor-pointer relative\n                                    after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent\n                                    data-[active=true]:after:bg-orange-dark-01\n                                    after:transition-all after:duration-300\n                                    hover:after:bg-orange-dark-01 hover:bg-orange-pale\n                                    duration-300 transition-all\n                                    data-[active=true]:bg-orange-pale border-b border-b-stroke\n                                    min-w-full w-full bg-transparent px-5 py-[30px]\n                                    heading6 text-grey-dark not-italic font-semibold leading-[normal]\">\n                                Actively Participated                            <\/div>\n                                                        <div data-tab=\"1\" data-active=\"false\" class=\"tab-btns cursor-pointer relative\n                                    after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent\n                                    data-[active=true]:after:bg-orange-dark-01\n                                    after:transition-all after:duration-300\n                                    hover:after:bg-orange-dark-01 hover:bg-orange-pale\n                                    duration-300 transition-all\n                                    data-[active=true]:bg-orange-pale border-b border-b-stroke\n                                    min-w-full w-full bg-transparent px-5 py-[30px]\n                                    heading6 text-grey-dark not-italic font-semibold leading-[normal]\">\n                                Above-average Performance                            <\/div>\n                                                        <div data-tab=\"2\" data-active=\"false\" class=\"tab-btns cursor-pointer relative\n                                    after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent\n                                    data-[active=true]:after:bg-orange-dark-01\n                                    after:transition-all after:duration-300\n                                    hover:after:bg-orange-dark-01 hover:bg-orange-pale\n                                    duration-300 transition-all\n                                    data-[active=true]:bg-orange-pale border-b border-b-stroke\n                                    min-w-full w-full bg-transparent px-5 py-[30px]\n                                    heading6 text-grey-dark not-italic font-semibold leading-[normal]\">\n                                Advanced Performance                            <\/div>\n                                                        <div data-tab=\"3\" data-active=\"false\" class=\"tab-btns cursor-pointer relative\n                                    after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent\n                                    data-[active=true]:after:bg-orange-dark-01\n                                    after:transition-all after:duration-300\n                                    hover:after:bg-orange-dark-01 hover:bg-orange-pale\n                                    duration-300 transition-all\n                                    data-[active=true]:bg-orange-pale border-b border-b-stroke\n                                    min-w-full w-full bg-transparent px-5 py-[30px]\n                                    heading6 text-grey-dark not-italic font-semibold leading-[normal]\">\n                                Leading Performance                            <\/div>\n                                                                <\/div>\n\n                <div class=\"flex justify-center items-center w-full\">\n                                                                        <img decoding=\"async\" data-tab=\"0\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/Image-2.png\" alt=\"Actively Participated\"\n                                class=\"tab-pane  aspect-[210.11\/270] h-full w-auto transition-all duration-300 object-contain\" \/>\n                                                        <img decoding=\"async\" data-tab=\"1\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/Image-5.png\" alt=\"Above-average Performance\"\n                                class=\"tab-pane hidden aspect-[210.11\/270] h-full w-auto transition-all duration-300 object-contain\" \/>\n                                                        <img decoding=\"async\" data-tab=\"2\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/Image-5-1.png\" alt=\"Advanced Performance\"\n                                class=\"tab-pane hidden aspect-[210.11\/270] h-full w-auto transition-all duration-300 object-contain\" \/>\n                                                        <img decoding=\"async\" data-tab=\"3\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/Image-5-2.png\" alt=\"Leading Performance\"\n                                class=\"tab-pane hidden aspect-[210.11\/270] h-full w-auto transition-all duration-300 object-contain\" \/>\n                                                                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const block = document.getElementById('org-tabs-6a14b785cddcc');\n        if (!block) return;\n\n        const buttonsLists = block.querySelectorAll('.tab-btns');\n        const paness = block.querySelectorAll('.tab-pane');\n\n        function activateTab(btn) {\n            buttonsLists.forEach(b => b.setAttribute('data-active', 'false'));\n            btn.setAttribute('data-active', 'true');\n\n            paness.forEach(p => p.classList.add('hidden'));\n\n            const tabName = btn.getAttribute('data-tab');\n            const targetPane = block.querySelector(`.tab-pane[data-tab=\"${tabName}\"]`);\n            if (targetPane) {\n                targetPane.classList.remove('hidden');\n            }\n        }\n\n        buttonsLists.forEach(btn => {\n            btn.addEventListener('click', () => activateTab(btn));\n            btn.addEventListener('mouseenter', () => activateTab(btn));\n        });\n    });\n\n    function setFontScale(scale) {\n        document.documentElement.style.setProperty('--font-scale', scale);\n    }\n    if (document.getElementById(\"fontSmall\")) document.getElementById(\"fontSmall\").addEventListener(\"click\", () => setFontScale(0.92));\n    if (document.getElementById(\"fontNormal\")) document.getElementById(\"fontNormal\").addEventListener(\"click\", () => setFontScale(1));\n    if (document.getElementById(\"fontBig\")) document.getElementById(\"fontBig\").addEventListener(\"click\", () => setFontScale(1.084));\n<\/script>\n\n<div block-name=\"data-table\" class=\"data-table\">\n\n\n                        <div class=\"container\">\n                <div class=\"container-3xl\">\n                    <div class=\" xl:pb-[120px] md:py-[60px] py-[30px] xl:pt-[60px]\">\n                                                    <h3 class=\"heading2 text-grey-dark font-primary font-semibold 2xl:mb-10 lg:mb-8 md:mb-6 mb-4\">\n                                List of Logo Recipients<\/h2>\n                                                                            <\/div>\n                <\/div>\n            <\/div>\n\n                <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/pages\/114","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=114"}],"version-history":[{"count":37,"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":1318,"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/pages\/114\/revisions\/1318"}],"wp:attachment":[{"href":"https:\/\/caringcompany.org.hk\/en\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}