{"id":1317,"date":"2026-07-22T15:51:10","date_gmt":"2026-07-22T15:51:10","guid":{"rendered":"https:\/\/hkfhy.visibleone.dev\/?page_id=547"},"modified":"2026-09-08T00:12:21","modified_gmt":"2026-09-08T00:12:21","slug":"06-better-together","status":"publish","type":"page","link":"https:\/\/hkfhy.visibleone.dev\/en\/06-better-together\/","title":{"rendered":"06 Better Together"},"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=\"#\">06 Better Together<\/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\u5efa\u548c\u8ae7                            <\/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                            06 Better Together                        <\/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\/07\/Graphic-5.png\" alt=\"Better Together\" class=\"max-w-[320px] aspect-square object-contain\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"custom-awarness-section\" class=\"awarness-section relative pb-[70px]\">\n    <div class=\"container\">\n        <div class=\"container-sm\">\n                            <aside class=\"sidebar xl:absolute xl:right-0 xl:top-0 xl:mt-[10%] p-5 lg:p-10 bg-greyBG max-xl:rounded-[20px] xl:rounded-tl-[50px] xl:rounded-bl-[50px] xl:max-w-[340px]\">\n                    <nav>\n                        <h2 class=\"heading6 text-primary pb-[10px]\">\n                            Table Of Content                        <\/h2>\n    \n                                                    <ul>\n                                                                    <li>\n                                        <button type=\"button\" data-target=\"section-1\" class=\"flex items-center text-left w-full gap-3 relative px-4 py-[10px] text-button text-[#636363] before:content-[''] before:w-1 before:h-1 before:bg-grey before:rounded-full [&#038;.active]:before:w-2 [&#038;.active]:before:h-2 [&#038;.active]:before:bg-pink [&#038;.active]:text-primary\">\n                                            <span class=\"max-w-[calc(100%-20px)]\">\n                                                Building a Harmonious Society Together                                            <\/span>\n                                        <\/button>\n                                    <\/li>\n                                                                    <li>\n                                        <button type=\"button\" data-target=\"section-2\" class=\"flex items-center text-left w-full gap-3 relative px-4 py-[10px] text-button text-[#636363] before:content-[''] before:w-1 before:h-1 before:bg-grey before:rounded-full [&#038;.active]:before:w-2 [&#038;.active]:before:h-2 [&#038;.active]:before:bg-pink [&#038;.active]:text-primary\">\n                                            <span class=\"max-w-[calc(100%-20px)]\">\n                                                Self-help Organisations for Persons with Disabilities                                            <\/span>\n                                        <\/button>\n                                    <\/li>\n                                                            <\/ul>\n                                            <\/nav>\n                <\/aside>\n            \n            <div class=\"xl:max-w-[calc(100%-240px)] 6xl:mx-auto\">\n                <div class=\"custom-content-wrapper\">\n                    <div class=\"acf-innerblocks-container\">\n  \n\n<article block-name=\"feature-section\" id=\"section-1\" class=\"custom-article py-[50px] relative\">\n    \n    <div class=\"px-5 md:px-10 py-20 4xl:p-[100px] rounded-[60px]\" style=\"background-color: #CAE2F7;\">\n        <div class=\"pb-6 md:pb-10 text-center\">\n            \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u5171\u5efa\u548c\u8ae7    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        Building a Harmonious Society Together    <\/h2>\n        <\/div>\n\n        <div class=\"acf-innerblocks-container\">\n\n<div block-name=\"structured-article\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n            <div class=\"pb-10 last:pb-0\">\n                            <h3 class=\"heading4 text-primary text-center pb-6 md:pb-10\">\n                    How Can Students Promote Inclusion Between Persons With and Without Disabilities?                <\/h3>\n                            \n                            <div class=\"custom-content\">\n                    <p>Building a harmonious and inclusive society is not a task that can be achieved solely by the government, businesses, or organisations. It is everyone\u2019s responsibility.<\/p>\n<p>No act of kindness is too small. Regardless of age or identity, each of us can make a positive impact in our daily lives and help build a caring, accessible, and inclusive community together.<\/p>\n                <\/div>\n            \n            <div class=\"overflow-x-auto custom-content pb-[10p] pt-6 md:pt-10\">\n                <table class=\"w-full\">\n                    \n                    \n                                    <\/table>\n            <\/div>\n        <\/div>\n    \n            <div class=\"pb-10 last:pb-0\">\n                            <h3 class=\"heading4 text-primary text-center pb-6 md:pb-10\">\n                    As a Students, We Can\u2026                <\/h3>\n                        \n                            <div class=\"grid lg:grid-cols-2 gap-10\">\n                                            <div class=\"flex gap-5\">\n                            <div>\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Clip-path-group.png\" alt=\"\" class=\"max-w-[60px] object-contain\" \/>\n                            <\/div>\n\n                            <div class=\"max-w-[calc(100%-80px)]\">\n                                                                    <h4 class=\"text-title text-dark pb-1\">\n                                        Take the Initiative to Understand                                    <\/h4>\n                                \n                                <div class=\"text-body-md text-textm\">\n                                    <p>Learn more about the needs of persons with disabilities and let go of prejudice and stereotypes.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex gap-5\">\n                            <div>\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/love-your-body_7403399-1.png\" alt=\"\" class=\"max-w-[60px] object-contain\" \/>\n                            <\/div>\n\n                            <div class=\"max-w-[calc(100%-80px)]\">\n                                                                    <h4 class=\"text-title text-dark pb-1\">\n                                        Put Yourself in Others\u2019 Shoes                                    <\/h4>\n                                \n                                <div class=\"text-body-md text-textm\">\n                                    <p>Treat persons with disabilities with empathy, equality, and respect, while avoiding excessive pity or sympathy.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex gap-5\">\n                            <div>\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/arm-wrestling_6831881-1.png\" alt=\"\" class=\"max-w-[60px] object-contain\" \/>\n                            <\/div>\n\n                            <div class=\"max-w-[calc(100%-80px)]\">\n                                                                    <h4 class=\"text-title text-dark pb-1\">\n                                        Offer Help                                    <\/h4>\n                                \n                                <div class=\"text-body-md text-textm\">\n                                    <p>When encountering persons with disabilities who may need assistance, take the initiative to ask: \u201cDo you need any help?\u201d Then provide assistance according to their wishes.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex gap-5\">\n                            <div>\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/care_1753178-1.png\" alt=\"\" class=\"max-w-[60px] object-contain\" \/>\n                            <\/div>\n\n                            <div class=\"max-w-[calc(100%-80px)]\">\n                                                                    <h4 class=\"text-title text-dark pb-1\">\n                                        Give Way and Share Space                                    <\/h4>\n                                \n                                <div class=\"text-body-md text-textm\">\n                                    <ul>\n<li>Offer seats to those in need when using public transport.<\/li>\n<li>Allow people with special needs to use lifts first.<\/li>\n<\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex gap-5\">\n                            <div>\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Clip-path-group-2.png\" alt=\"\" class=\"max-w-[60px] object-contain\" \/>\n                            <\/div>\n\n                            <div class=\"max-w-[calc(100%-80px)]\">\n                                                                    <h4 class=\"text-title text-dark pb-1\">\n                                        Build a Friendly School Environment                                    <\/h4>\n                                \n                                <div class=\"text-body-md text-textm\">\n                                    <p>When meeting classmates with special needs, invite them to join games or group activities instead of excluding or teasing them.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex gap-5\">\n                            <div>\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/volunteer_2871730-1.png\" alt=\"\" class=\"max-w-[60px] object-contain\" \/>\n                            <\/div>\n\n                            <div class=\"max-w-[calc(100%-80px)]\">\n                                                                    <h4 class=\"text-title text-dark pb-1\">\n                                        Engage With the Community                                    <\/h4>\n                                \n                                <div class=\"text-body-md text-textm\">\n                                    <p>Participate more in volunteer services, such as visiting activities organised by social welfare organisations, and support inclusion through real actions.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n                    <\/div>\n\n                <div class=\"pb-10 last:pb-0\">\n                            <div class=\"custom-content pb-6 md:pb-10 last:pb-0\">\n                    <p>The examples above are only some everyday situations. In fact, whether as students or members of society, everyone can take one extra step within their own abilities to help promote inclusion between persons with and without disabilities.<\/p>\n                <\/div>\n            \n                            <div class=\"flex max-md:flex-col flex-wrap justify-center gap-y-10 gap-x-[30px]\">\n                    <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                        <div class=\"embed-iframe-responsive\">\n                            <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/X7qlEavOPx0?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\" title=\"Braille UNO Battle\uff0eDisabled Trio Talk: Life without disability? What is Inclusion?\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n                        <\/div>\n                        <div class=\"pt-[10px] text-title text-dark\">\n                            <p>\n                                Braille UNO Battle\uff0eDisabled Trio Talk: Life without disability? What is Inclusion?                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n    <\/div>\n<\/article>\n\n  \n\n<article block-name=\"feature-section\" id=\"section-2\" class=\"custom-article py-[50px] relative\">\n            <div class=\"absolute -top-24 left-1\/2 -translate-x-1\/2 flex w-[80%] justify-between\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n        <\/div>\n    \n    <div class=\"px-5 md:px-10 py-20 4xl:p-[100px] rounded-[60px]\" style=\"background-color: #ffe8f2;\">\n        <div class=\"pb-6 md:pb-10 text-center\">\n            \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u6b98\u75be\u4eba\u58eb\u81ea\u52a9\u7d44\u7e54    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        Self-help Organisations for Persons with Disabilities    <\/h2>\n        <\/div>\n\n        <div class=\"acf-innerblocks-container\">\n\n<div block-name=\"categorized-logo-dir\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n            \n            <div class=\"custom-content pb-6 md:pb-10 last:pb-0\">\n            <p>Self-help organisations are groups formed voluntarily by people facing similar situations or challenges, such as persons with disabilities or their family members.<\/p>\n<p>Unlike ordinary charitable organisations, self-help organisations are usually managed and operated directly by persons with disabilities themselves. From their own lived experiences, they provide services and support that best meet the needs of their communities.<\/p>\n<p>If you know someone with disabilities who may need assistance, you may contact the following organisations:<\/p>\n        <\/div>\n    \n                        <div class=\"pb-6 md:pb-10 last:pb-0\">\n                                                            <h3 class=\"heading6 text-dark text-center pb-5\">\n                            Self-help Organisations for Persons with Physical Disabilities                        <\/h3>\n                                                                        <div class=\"flex items-center flex-wrap justify-center gap-[50px]\">\n                                                    <a href=\"http:\/\/www.hkfhy.org.hk\/\" class=\"inline-block\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/A.HKFHY-LOGO-Converted-1.png\" alt=\"\" \/>\n                            <\/a>\n                                            <\/div>\n                            <\/div>\n                    <div class=\"pb-6 md:pb-10 last:pb-0\">\n                                                            <h3 class=\"heading6 text-dark text-center pb-5\">\n                            Self-help Organisations for Persons with Visual Impairment                        <\/h3>\n                                                                        <div class=\"flex items-center flex-wrap justify-center gap-[50px]\">\n                                                    <a href=\"http:\/\/www.hkbu.org.hk\/\" class=\"inline-block\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/image-34.png\" alt=\"\" \/>\n                            <\/a>\n                                                    <a href=\"https:\/\/hkfb.org.hk\/\" class=\"inline-block\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/image-35.png\" alt=\"\" \/>\n                            <\/a>\n                                            <\/div>\n                            <\/div>\n                    <div class=\"pb-6 md:pb-10 last:pb-0\">\n                                                            <h3 class=\"heading6 text-dark text-center pb-5\">\n                            Self-help Organisations for Persons with Hearing Impairment                        <\/h3>\n                                                                        <div class=\"flex items-center flex-wrap justify-center gap-[50px]\">\n                                                    <a href=\"http:\/\/www.silence.org.hk\/\" class=\"inline-block\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36.png\" alt=\"\" \/>\n                            <\/a>\n                                                    <a href=\"http:\/\/www.hkdeaf.org\/\" class=\"inline-block\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-37.png\" alt=\"\" \/>\n                            <\/a>\n                                            <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n    <\/div>\n<\/article>\n<\/div>\n                <\/div>\n                \n                                    <div class=\"flex max-sm:flex-col items-center sm:items-stretch justify-start max-sm:gap-10 next-prev-btnwrapper\">\n\n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/05-unique-strengths\/\" class=\"relative flex items-center justify-between gap-2 sm:gap-4 p-4 lg:px-[30px] bg-greyBG min-w-[80%] xs:min-w-[225px] max-w-[80%] xs:max-w-[225px] sm:max-w-[225px] lg:max-w-[320px] min-h-[116px] rounded-[10px] border-2 border-primary hover:bg-blueBG group\">\n                                <p class=\"w-6 h-6 rounded-full bg-primary transition-all duration-300 ease-out inline-flex flex-col items-center justify-center overflow-hidden\">\n                                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white translate-y-[11px] rotate-180 max-w-6 object-contain group-hover:-translate-y-5 transition-all duration-300 ease-out\" \/>\n                                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white translate-y-5 rotate-180 max-w-6 object-contain group-hover:translate-y-[-14px] transition-all duration-300 ease-out\" \/>\n                                <\/p>\n                                <div class=\"mr-8 text-primary text-button ml-1 flex-1 w-full\">\n                                    <span class=\"block pb-1 text-caption text-textm\">\n                                        Previous Chapter                                    <\/span>\n                                    05 Unique Strengths                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-4-150x150.png\" alt=\"05 Unique Strengths\" class=\"max-w-[50px] sm:max-w-20 object-contain absolute -right-5 sm:-right-12\">\n                            <\/a>\n                        \n                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"chapters-slide\" class=\"relative slider-card-wrapper\">\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 pt-10 md:pb-[50px] md:pt-20 xl:pt-[100px] bg-primary-blueBG\">\n        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/cloud-bg.png\" alt=\"\" class=\"w-full 4k:h-full max-lg:object-cover absolute left-0 bottom-0\" \/>\n\n        <div class=\"container relative\">\n            <div class=\"container-md\">\n                <div class=\"pb-6 md:pb-[60px] text-center\">\n                    \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u66f4\u591a\u7ae0\u7bc0    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        More Chapters    <\/h2>\n                <\/div>\n\n                                    <div class=\"relative\">\n                        <div class=\"flex items-center justify-between absolute left-[-5%] 6xl:left-[-7%] top-1\/2 -translate-y-1\/2 z-10 w-[110%] 6xl:w-[114%]\">\n                            <button type=\"button\" class=\"chapter-prevbtn w-10 h-10 xl:w-[65px] xl:h-[65px] flex items-center justify-center border-2 border-primary hover:border-transparent hover:bg-white\/80 rounded-full transition-all duration-300 ease-out text-primary hover:text-pink\">\n                                <svg class=\"max-xl:w-8\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                    <path d=\"M8.33331 20L31.6666 20M18.3333 10L8.33331 20L18.3333 30\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/button>\n\n                            <button type=\"button\" class=\"chapter-nextbtn w-10 h-10 xl:w-[65px] xl:h-[65px] flex items-center justify-center border-2 border-primary hover:border-transparent hover:bg-white\/80 rounded-full transition-all duration-300 ease-out text-primary hover:text-pink\">\n                                <svg class=\"max-xl:w-8\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                <path d=\"M31.6667 20L8.33341 20M21.6667 10L31.6667 20L21.6667 30\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                        \n                        <div class=\"swiper chapters-swiper !p-5\">\n                            <div class=\"swiper-wrapper\">\n                                \n                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/01-why-inclusion\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Group-2.svg\" alt=\"01 Why Inclusion\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        01 Why Inclusion                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md: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                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/02-understanding-disabilities\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/understanding-disabilities.svg\" alt=\"02 Understanding Disabilities\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        02 Understanding Disabilities                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md: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                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/03-accessible-society\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Group-1-1.svg\" alt=\"03 Accessible Society\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        03 Accessible Society                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md: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                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/04-respectful-interaction\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/respectful-interaction.svg\" alt=\"04 Respectful Interaction\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        04 Respectful Interaction                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md: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                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/05-unique-strengths\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-4-300x300.png\" alt=\"05 Unique Strengths\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        05 Unique Strengths                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md: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                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/06-better-together\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-5-300x300.png\" alt=\"06 Better Together\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        06 Better Together                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md: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                        <\/div>\n                    <\/div>\n                \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":548,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1317","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1317","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=1317"}],"version-history":[{"count":6,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1317\/revisions"}],"predecessor-version":[{"id":2237,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1317\/revisions\/2237"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media\/548"}],"wp:attachment":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media?parent=1317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}