{"id":1281,"date":"2026-07-20T02:18:19","date_gmt":"2026-07-20T02:18:19","guid":{"rendered":"https:\/\/hkfhy.visibleone.dev\/?page_id=152"},"modified":"2026-09-09T03:26:05","modified_gmt":"2026-09-09T03:26:05","slug":"home","status":"publish","type":"page","link":"https:\/\/hkfhy.visibleone.dev\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<section block-name=\"hero-banner-slider\" class=\"hero-banner-slider swiper hero-swiper relative md:pt-12 5xl:pt-4 6xl:pt-0\">\n    <div class=\"absolute left-0 top-1\/2 -translate-y-1\/2 z-10 w-full\">\n        <div class=\"container flex items-center justify-between\">\n            <button type=\"button\" class=\"hero-prevbtn w-10 h-10 md:w-[65px] md:h-[65px] flex items-center justify-center hover:bg-white\/80 rounded-full transition-all duration-300 ease-out text-primary hover:text-pink\">\n                <svg 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=\"hero-nextbtn w-10 h-10 md:w-[65px] md:h-[65px] flex items-center justify-center hover:bg-white\/80 rounded-full transition-all duration-300 ease-out text-primary hover:text-pink\">\n                <svg 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    <\/div>\n\n    <div class=\"absolute left-0 bottom-5 w-full flex items-center justify-center gap-2.5 z-10\">\n        <div class=\"hero-pagination !static !w-auto flex items-center gap-2.5\"><\/div>\n        <div class=\"loader\"><\/div>\n        <button type=\"button\" id=\"hero-action\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/pause.svg\" alt=\"action icon\">\n        <\/button>\n    <\/div>\n\n    <div class=\"swiper-wrapper\">\n                                    \n                <div class=\"swiper-slide relative\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/01.-Web-banner_A-2.png\" alt=\"\" class=\"aspect-[360\/800] md:aspect-[1920\/969] w-full object-cover\" \/>\n\n                    <div class=\"flex items-end justify-end h-full w-full pb-14 absolute left-0 bottom-0\">\n                        <div class=\"container\">\n                            <div class=\"container-md\">\n                                <div class=\"bg-white\/80 p-5 4xl:px-10 rounded-[20px]\">\n                                    <h2 class=\"heading2 text-textm text-center\">\n                                        <span style=\"color: #004d93;\">Barrier-Free<\/span> Inclusion Guide<br \/>\nWebsite &amp; Teaching Resources for Promoting <span style=\"color: #bc165b;\">Disability Inclusion<\/span>\n                                    <\/h2>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            \n                <div class=\"swiper-slide relative\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/01.-Web-banner_A-1-2.png\" alt=\"\" class=\"aspect-[360\/800] md:aspect-[1920\/969] w-full object-cover\" \/>\n\n                    <div class=\"flex items-end justify-end h-full w-full pb-14 absolute left-0 bottom-0\">\n                        <div class=\"container\">\n                            <div class=\"container-md\">\n                                <div class=\"bg-white\/80 p-5 4xl:px-10 rounded-[20px]\">\n                                    <h2 class=\"heading2 text-textm text-center\">\n                                        Welcome\n                                    <\/h2>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n<\/section>\n\n\n<section block-name=\"home-aboutus\" class=\"about-us-section container py-10 md:py-20 xl:py-[100px] relative\">\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/banner\/banner-arrow.svg\" alt=\"\"\n        class=\"absolute right-[-34%] xs:right-[-25%] min-[600px]:right-0 top-0 md:top-[4%] z-[-1] max-4xl:scale-[.8] max-md:scale-[.2]\" \/>\n    <div class=\"container-sm\">\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        \u95dc\u65bc\u6211\u5011    <\/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        About Us    <\/h2>\n        <\/div>\n\n        <div class=\"flex max-lg:flex-col lg:items-center gap-8 lg:gap-10 5xl:gap-20\">\n            <div class=\"lg:flex-[0_1_37%] lg:max-w-[37%] relative max-lg:w-fit max-lg:mx-auto\">\n                <div class=\"absolute top-9 left-[4%] md:left-0 4xl:left-[4%] w-[46px] h-[46px] md:w-[72px] md:h-[72px] rounded-full bg-peach z-[-1]\"><\/div>\n                <div class=\"absolute top-7 right-0 w-6 h-6 md:w-[38px] md:h-[38px] rounded-full border-2 md:border-4 border-blueLight\"><\/div>\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/peach-graphic.svg\" alt=\"\" class=\"absolute right-0 bottom-0 max-md:w-[60px] max-md:h-[60px] object-contain\" \/>\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/blue-with-peach.svg\" alt=\"\" class=\"absolute left-[-1%] 6xl:left-[2%] top-[-.35%] md:top-[-1%] z-[-1] max-w-[104%]\" \/>\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Ellipse-2361-1.png\" alt=\"\" class=\"aspect-[473\/473] object-contain mx-auto rounded-full\" \/>\n            <\/div>\n\n            <div class=\"lg:flex-[0_1_63%] lg:max-w-[63%]\">\n\n                                    <h3 class=\"heading3 text-dark\">Barrier-Free Inclusion Guide<\/h3>                \n                <div class=\"about-us-section__content py-4 md:py-[22px]\">\n                    <p>Created by the Hong Kong Federation of Handicapped Youth (HKFHY). Established in 1970, HKFHY is a government-registered charity and self-help organization managed by people with physical disabilities, dedicated to advocating for disability rights and helping individuals fully integrate into society.<\/p>\n<p>To further our mission, we launched this \u201cBarrier-free Inclusion Guide\u201d, an educational website and teaching resource platform funded by the Labour and Welfare Bureau, with the following objectives:<\/p>\n                <\/div>\n\n                                    <div>\n                                                    <div class=\"py-[10px] px-5 md:py-4 md:px-[30px] flex items-center gap-[10px] md:gap-4 mb-[6px] md:mb-[10px] rounded-[100px] last:mb-0\" style=\"background-color: #f9f1c3;\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/bullhorn_18858919-1-1.svg\" alt=\"Inspiring Awareness\" class=\"max-w-[50px] md:max-w-[60px] object-contain\" \/>\n\n                                <div class=\"max-w-[calc(100%-70px)]\">\n                                                                            <h4 class=\"text-title text-dark pb-[2px] md:pb-1\">Inspiring Awareness<\/h4>                                    \n                                                                            <div class=\"text-body-sm text-textm\">\n                                            <p>We use compelling content, interactive games, and multimedia to introduce people with disabilities to the wider public.<\/p>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"py-[10px] px-5 md:py-4 md:px-[30px] flex items-center gap-[10px] md:gap-4 mb-[6px] md:mb-[10px] rounded-[100px] last:mb-0\" style=\"background-color: #ffe8f2;\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/deep-learning_3581283-1-1.svg\" alt=\"Teaching Resources\" class=\"max-w-[50px] md:max-w-[60px] object-contain\" \/>\n\n                                <div class=\"max-w-[calc(100%-70px)]\">\n                                                                            <h4 class=\"text-title text-dark pb-[2px] md:pb-1\">Teaching Resources<\/h4>                                    \n                                                                            <div class=\"text-body-sm text-textm\">\n                                            <p>This platform provides practical lesson plans and resources to help teachers, social workers, and related facilitators cultivate empathy and respect among students.<\/p>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"py-[10px] px-5 md:py-4 md:px-[30px] flex items-center gap-[10px] md:gap-4 mb-[6px] md:mb-[10px] rounded-[100px] last:mb-0\" style=\"background-color: #e7dbf5;\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/target_3176382-1-1-2.svg\" alt=\"\" class=\"max-w-[50px] md:max-w-[60px] object-contain\" \/>\n\n                                <div class=\"max-w-[calc(100%-70px)]\">\n                                                                            <h4 class=\"text-title text-dark pb-[2px] md:pb-1\">Inclusive Vision<\/h4>                                    \n                                                                            <div class=\"text-body-sm text-textm\">\n                                            <p>Fostering a society where everyone belongs.<\/p>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                \n                                    <div class=\"mt-6 md:mt-10\">\n                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/about-us\/\" class=\"btn btn--primary \" target=\"_self\" rel=\"\">\n                            <span class=\"btn__label\">Learn More<\/span>\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                        <\/a>\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            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/people.png\" alt=\"\" class=\"absolute z-[5] right-0 top-[-6%] md:top-[-18%] xl:top-[-23%] max-md:max-w-[150px] aspect-[150\/150] md:aspect-[303\/303] object-contain\" \/>\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                                    <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        \u63a2\u7d22\u8cc7\u6e90    <\/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        Explore Resources    <\/h2>\n                    <\/div>\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\/disability-awareness\/\" 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                                            Disability Awareness                                        <\/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\/interactive-game\/\" 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\/Games.svg\" alt=\"\" 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                                            Games                                        <\/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\/videos\/\" 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\/Video.svg\" alt=\"\" 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                                            Videos                                        <\/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\/teaching-resources\/\" 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\/Book.svg\" alt=\"\" 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                                            Teaching Resources                                        <\/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                            <\/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>\n\n\n<section block-name=\"contactus-info\" class=\"container py-10 md:pb-20 xl:pb-[120px] md:pt-[72px] overflow-hidden\">\n    <div class=\"container-sm relative\">\n        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/group.png\" alt=\"\" class=\"max-xl:hidden object-contain absolute max-4xl:-left-20 max-4xl:scale-[.7] left-0 5xl:left-[57px] bottom-0 z-[1]\" \/>\n\n        <div class=\"xl:max-w-[1200px] mx-auto bg-primary rounded-[40px] md:rounded-[60px] px-5 py-10 md:px-10 xl:px-20 md:py-[60px] relative\">\n        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/contact-decor.png\" alt=\"\" class=\"max-xl:hidden object-contain absolute top-[-21%] right-0\" \/>\n        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/contact-decor-2.png\" alt=\"\" class=\"max-xl:hidden object-contain absolute top-[-21%] left-0 max-w-[330px]\" \/>\n\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: #ffd1e4;\">\n        \u806f\u7d61\u6211\u5011    <\/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: #ffffff;\">\n        Contact Us    <\/h2>\n            <\/div>\n\n            <div class=\"p-5 md:py-10 md:px-[60px] my-6 flex max-xl:flex-col xl:items-center gap-6 md:gap-10 4xl:gap-20 bg-white rounded-[30px] md:rounded-[40px]\">\n                <div class=\"xl:flex-[0_1_35%] xl:max-w-[35%]\">\n                                            <div class=\"flex items-center max-xl:justify-center gap-[6px] md:gap-[10px] pb-[10px] md:pb-4 last:pb-0\">\n                            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/solar_phone.svg\" alt=\"\" class=\"max-w-6 md:max-w-10 object-contain\" \/>\n                            <a href=\"tel:+85223385111\" class=\"heading5 text-pink\">\n                                (852) 2338 5111                            <\/a>\n                        <\/div>\n                                        \n                                            <div class=\"flex items-center max-xl:justify-center gap-[6px] md:gap-[10px] pb-[10px] md:pb-4 last:pb-0\">\n                            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/round-mail.svg\" alt=\"\" class=\"max-w-6 md:max-w-10 object-contain\" \/>\n                            <a href=\"mailto:hkfhy@hkfhy.org.hk\" class=\"heading5 text-pink\">\n                                hkfhy@hkfhy.org.hk                            <\/a>\n                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"xl:flex-[0_1_65%] xl:max-w-[65%]\">\n                                                    <div class=\"md:flex gap-5 5xl:gap-10 pb-[6px] md:pb-2 last:pb-0\">\n                                <p class=\"text-body-lg !font-bold text-textm md:flex-[0_1_60%] md:max-w-[60%]\">\n                                    Monday &#8211; Friday                                <\/p>\n                                <p class=\"text-body-lg text-textm md:flex-[0_1_40%] md:max-w-[40%]\">\n                                    9:30 AM &#8211; 5:30 PM                                 <\/p>\n                            <\/div>\n                                                    <div class=\"md:flex gap-5 5xl:gap-10 pb-[6px] md:pb-2 last:pb-0\">\n                                <p class=\"text-body-lg !font-bold text-textm md:flex-[0_1_60%] md:max-w-[60%]\">\n                                    Lunch Break                                <\/p>\n                                <p class=\"text-body-lg text-textm md:flex-[0_1_40%] md:max-w-[40%]\">\n                                    1:00 PM &#8211; 2:00 PM                                <\/p>\n                            <\/div>\n                                                    <div class=\"md:flex gap-5 5xl:gap-10 pb-[6px] md:pb-2 last:pb-0\">\n                                <p class=\"text-body-lg !font-bold text-textm md:flex-[0_1_60%] md:max-w-[60%]\">\n                                    Saturdays                                <\/p>\n                                <p class=\"text-body-lg text-textm md:flex-[0_1_40%] md:max-w-[40%]\">\n                                    9:30 AM &#8211; 1:30 PM                                <\/p>\n                            <\/div>\n                                                    <div class=\"md:flex gap-5 5xl:gap-10 pb-[6px] md:pb-2 last:pb-0\">\n                                <p class=\"text-body-lg !font-bold text-textm md:flex-[0_1_60%] md:max-w-[60%]\">\n                                    Sundays &amp; Public Holidays                                <\/p>\n                                <p class=\"text-body-lg text-textm md:flex-[0_1_40%] md:max-w-[40%]\">\n                                    Closed                                <\/p>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n\n                            <div class=\"flex max-md:flex-col items-center justify-center gap-[10px] md:gap-5\">\n                                            <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/contact-us\/\" class=\"btn btn--secondary\" target=\"\" rel=\"\">\n                            <span class=\"btn__label\">Contact Us<\/span>\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=\"#D96092\" 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                        <\/a>\n                                            <a href=\"http:\/\/www.hkfhy.org.hk\" class=\"btn btn--outline btn--outline--white\" target=\"\" rel=\"noopener\">\n                            <span class=\"btn__label\">Visit HKFHY<\/span>\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                        <\/a>\n                    \n                    <!-- <a href=\"\" class=\"btn btn--outline btn--outline--white\">\n                        <span class=\"btn__label\">Visit HKFHY<\/span>\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                    <\/a> -->\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>","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,"inline_featured_image":false,"footnotes":""},"class_list":["post-1281","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1281","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=1281"}],"version-history":[{"count":14,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1281\/revisions"}],"predecessor-version":[{"id":2340,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1281\/revisions\/2340"}],"wp:attachment":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media?parent=1281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}