{"id":381,"date":"2025-12-05T08:49:08","date_gmt":"2025-12-05T08:49:08","guid":{"rendered":"http:\/\/hkcss-caring-live.local\/?page_id=381"},"modified":"2026-03-17T09:04:37","modified_gmt":"2026-03-17T09:04:37","slug":"recipient-special-award","status":"publish","type":"page","link":"https:\/\/hkcss.visibleone.site\/en\/recipient-lists\/recipient-special-award\/","title":{"rendered":"Special Award"},"content":{"rendered":"\n<div block-name=\"inner-banner\" class=\"inner-banner relative\">\n\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/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:\/\/hkcss.visibleone.site\/en\/\" target=\"_self\">\n                                                Home                                            <\/a>\n                                                                            <\/li>\n\n                                                                            <li>\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/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:\/\/hkcss.visibleone.site\/en\/recipient-lists\/caring-company-logo\/\" 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:\/\/hkcss.visibleone.site\/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:\/\/hkcss.visibleone.site\/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:\/\/hkcss.visibleone.site\/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                                                <a href=\"https:\/\/hkcss.visibleone.site\/en\/recipient-lists\/nominators\/\" 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                            Nominators                        <\/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<\/script>\n\n\n<div id=\"org-tabs-69e73823c9585\" 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                    Special Award                <\/h2>\n\n                                    <div class=\"mt-5 text-body-1 font-noto leading-[160%] font-normal not-italic text-grey-light \">\n                        Details will be announced through the Caring Company Scheme website and email. Please stay tuned for updates.                    <\/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>\n\n                <div class=\"flex justify-center items-center w-full\">\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-69e73823c9585');\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                                Awardee List<\/h2>\n                                                                            <\/div>\n                <\/div>\n            <\/div>\n\n                <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":114,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-381","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":22,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages\/381\/revisions"}],"predecessor-version":[{"id":1536,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages\/381\/revisions\/1536"}],"up":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/pages\/114"}],"wp:attachment":[{"href":"https:\/\/hkcss.visibleone.site\/en\/wp-json\/wp\/v2\/media?parent=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}