{"id":1293,"date":"2026-07-20T04:23:48","date_gmt":"2026-07-20T04:23:48","guid":{"rendered":"https:\/\/hkfhy.visibleone.dev\/?page_id=251"},"modified":"2026-08-24T15:06:47","modified_gmt":"2026-08-24T15:06:47","slug":"disability-awareness","status":"publish","type":"page","link":"https:\/\/hkfhy.visibleone.dev\/en\/disability-awareness\/","title":{"rendered":"Disability Awareness"},"content":{"rendered":"\n<section block-name=\"banner\" class=\"banner relative overflow-hidden z-0\">\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/banner\/banner-bg.svg\" alt=\"\"\n    class=\"absolute right-0 bottom-0 h-full xl:w-[80%] 5xl:w-auto [object-fit:unset] max-md:object-cover\" \/>\n    <div class=\"container pb-10 md:pb-20 py-[100px] md:pt-32 lg:pt-40 xl:pt-[180px] 5xl:pt-[225px] relative\">\n        <div class=\"container-sm\">\n            <div class=\"flex max-md:flex-col md:justify-between md:items-center gap-5\">\n                <div class=\"xl:max-w-[1100px] w-full relative max-md:pt-5 z-0\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/banner\/banner-arrow.svg\" alt=\"\"\n                    class=\"absolute right-0 bottom-0 max-md:hidden max-5xl:scale-[.6] -z-[1] mix-blend-multiply\" \/>\n                \n                    <ul class=\"breadcrumbs-menu\">\n                        <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/hkfhy.visibleone.dev\/en\/\">Home<\/a><\/li><li class=\"breadcrumb-list\"><a class=\"page-link active\" href=\"#\">Disability Awareness<\/a><\/li>                    <\/ul>\n\n                    <div class=\"pt-5 md:pt-10\">\n                        <div class=\"flex items-center gap-[10px]\">\n                            <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n                            <p class=\"text-eyebrow text-pinkDark\">\n                                \u5171\u878d\u767e\u79d1                            <\/p>\n                            <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n                        <\/div>\n                        \n                        <h1 class=\"heading1 text-primary md:pt-1\">\n                            Disability Awareness                        <\/h1>\n                         \n                    <\/div>\n                    \n\n                     \n                <\/div>\n\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/580271559e8bf93a6505c629ae1649b9d071824d.png\" alt=\"Disability Awareness\" class=\"max-w-[320px] aspect-square object-contain\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"explore-resources\" class=\"relative 1\">\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/explore-blue-top-curve.svg\" alt=\"\" class=\"w-full\" \/>\n    \n    <div class=\"relative py-10 md:py-20 xl:py-[100px] 3xl:py-[120px] bg-primary-blueBG 5xl:min-h-[702px]\">\n          \n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/cloud-bg.png\" alt=\"\" class=\"w-full h-full object-cover object-center absolute inset-x-0 bottom-0 \" \/>\n          \n\n        <div class=\"container relative \">\n            <div class=\"container-md\">\n                                    <h2 class=\"sr-only\">About Us<\/h2>\n                \n                                    <div class=\"max-sm:max-w-[360px] max-sm:mx-auto flex flex-col sm:flex-row flex-wrap justify-center max-sm:items-center gap-6 2xl:gap-8 6xl:gap-10\">\n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/01-why-inclusion\/\" class=\"block group relative max-w-[280px] sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] xl:flex-[0_1_23%] xl:max-w-[23%]\">\n                                <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full max-sm:min-h-[180px] h-[57.5%] sm:h-[80%] absolute bottom-0 left-0\"><\/div>\n                                <div class=\"px-[30px] relative h-full flex flex-col gap-y-2.5 sm:gap-y-5\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Group-2.svg\" alt=\"Why Inclusion\" class=\"object-contain max-lg:max-w-[200px] lg:w-[83.24%] lg:max-w-[83.24%] mx-auto aspect-square\" \/>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col justify-between gap-y-1 h-full\">\n                                        <h2 class=\"heading5 text-dark text-center\">\n                                            01 Why Inclusion                                        <\/h2>\n\n                                         \n\n                                        <p class=\"w-10 h-10 sm:w-[60px] sm:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/02-understanding-disabilities\/\" class=\"block group relative max-w-[280px] sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] xl:flex-[0_1_23%] xl:max-w-[23%]\">\n                                <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full max-sm:min-h-[180px] h-[57.5%] sm:h-[80%] absolute bottom-0 left-0\"><\/div>\n                                <div class=\"px-[30px] relative h-full flex flex-col gap-y-2.5 sm:gap-y-5\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Books-1.png\" alt=\"Lesson Plan for Inclusive Experience\" class=\"object-contain max-lg:max-w-[200px] lg:w-[83.24%] lg:max-w-[83.24%] mx-auto aspect-square\" \/>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col justify-between gap-y-1 h-full\">\n                                        <h2 class=\"heading5 text-dark text-center\">\n                                            02 Understanding Disabilities                                        <\/h2>\n\n                                         \n\n                                        <p class=\"w-10 h-10 sm:w-[60px] sm:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/03-accessible-society\/\" class=\"block group relative max-w-[280px] sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] xl:flex-[0_1_23%] xl:max-w-[23%]\">\n                                <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full max-sm:min-h-[180px] h-[57.5%] sm:h-[80%] absolute bottom-0 left-0\"><\/div>\n                                <div class=\"px-[30px] relative h-full flex flex-col gap-y-2.5 sm:gap-y-5\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Group-1-1.svg\" alt=\"Accessible Society\" class=\"object-contain max-lg:max-w-[200px] lg:w-[83.24%] lg:max-w-[83.24%] mx-auto aspect-square\" \/>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col justify-between gap-y-1 h-full\">\n                                        <h2 class=\"heading5 text-dark text-center\">\n                                            03 Accessible Society                                        <\/h2>\n\n                                         \n\n                                        <p class=\"w-10 h-10 sm:w-[60px] sm:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/04-respectful-interaction\/\" class=\"block group relative max-w-[280px] sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] xl:flex-[0_1_23%] xl:max-w-[23%]\">\n                                <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full max-sm:min-h-[180px] h-[57.5%] sm:h-[80%] absolute bottom-0 left-0\"><\/div>\n                                <div class=\"px-[30px] relative h-full flex flex-col gap-y-2.5 sm:gap-y-5\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-3.png\" alt=\"Respectful Interaction\" class=\"object-contain max-lg:max-w-[200px] lg:w-[83.24%] lg:max-w-[83.24%] mx-auto aspect-square\" \/>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col justify-between gap-y-1 h-full\">\n                                        <h2 class=\"heading5 text-dark text-center\">\n                                            04 Respectful Interaction                                        <\/h2>\n\n                                         \n\n                                        <p class=\"w-10 h-10 sm:w-[60px] sm:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/05-unique-strengths\/\" class=\"block group relative max-w-[280px] sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] xl:flex-[0_1_23%] xl:max-w-[23%]\">\n                                <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full max-sm:min-h-[180px] h-[57.5%] sm:h-[80%] absolute bottom-0 left-0\"><\/div>\n                                <div class=\"px-[30px] relative h-full flex flex-col gap-y-2.5 sm:gap-y-5\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-4.png\" alt=\"05 Unique Strengths\" class=\"object-contain max-lg:max-w-[200px] lg:w-[83.24%] lg:max-w-[83.24%] mx-auto aspect-square\" \/>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col justify-between gap-y-1 h-full\">\n                                        <h2 class=\"heading5 text-dark text-center\">\n                                            05 Unique Strengths                                        <\/h2>\n\n                                         \n\n                                        <p class=\"w-10 h-10 sm:w-[60px] sm:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/06-better-together\/\" class=\"block group relative max-w-[280px] sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] xl:flex-[0_1_23%] xl:max-w-[23%]\">\n                                <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full max-sm:min-h-[180px] h-[57.5%] sm:h-[80%] absolute bottom-0 left-0\"><\/div>\n                                <div class=\"px-[30px] relative h-full flex flex-col gap-y-2.5 sm:gap-y-5\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-5.png\" alt=\"Better Together\" class=\"object-contain max-lg:max-w-[200px] lg:w-[83.24%] lg:max-w-[83.24%] mx-auto aspect-square\" \/>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col justify-between gap-y-1 h-full\">\n                                        <h2 class=\"heading5 text-dark text-center\">\n                                            06 Better Together                                        <\/h2>\n\n                                         \n\n                                        <p class=\"w-10 h-10 sm:w-[60px] sm:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        \n                    <\/div>\n                \n                  \n                    <div class=\"pt-10 md:pt-20 text-center\">\n                        <div class=\"xs:max-w-[370px] mx-auto\">\n                            <a href=\"https:\/\/hkfhy.visibleone.dev\/teaching-resources\/\" target=\"\" rel=\"\" class=\"btn btn--cta btn--cta--primary text-left\">\n\n                                <div class=\"btn--cta__wrapper\">\n                                    <span class=\"btn__graphic-icon\">\n                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Book.svg\" alt=\"\" class=\"btn__icon\" \/>\n                                    <\/span>\n                                    <span class=\"btn__label\">Download Kids&#039; Version (All Chapters)<\/span>\n        \n                                    <div class=\"btn__arrow-container\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"btn__arrow btn__arrow--default\">\n                                            <path d=\"M19 12L5 12M13 6L19 12L13 18\" stroke=\"#004D93\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"btn__arrow btn__arrow--hover\">\n                                            <path d=\"M19 12L5 12M13 6L19 12L13 18\" stroke=\"#004D93\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                                                    <p class=\"text-body-sm text-textm pt-[10px]\">\n                                (Suitable for Lower Primary Students or Below)                            <\/p>\n                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/explore-blue-bottom-curve.png\" alt=\"\" class=\"w-full  hidden lg:block\" \/>\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/mb-explore-blue-bottom-curve.png\" alt=\"\" class=\"w-full  lg:hidden\" \/>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":891,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1293","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/comments?post=1293"}],"version-history":[{"count":8,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1293\/revisions"}],"predecessor-version":[{"id":1917,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1293\/revisions\/1917"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media\/891"}],"wp:attachment":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media?parent=1293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}