{"id":1327,"date":"2026-07-22T16:07:41","date_gmt":"2026-07-22T16:07:41","guid":{"rendered":"https:\/\/hkfhy.visibleone.dev\/?page_id=565"},"modified":"2026-08-24T02:35:20","modified_gmt":"2026-08-24T02:35:20","slug":"teaching-resources","status":"publish","type":"page","link":"https:\/\/hkfhy.visibleone.dev\/en\/teaching-resources\/","title":{"rendered":"Teaching Resources"},"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=\"#\">Teaching Resources<\/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                                \u6559\u5b78\u8cc7\u6e90                            <\/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                            Teaching Resources                        <\/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\/Book.png\" alt=\"Teaching Resources\" 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\/picture-book\/\" 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-10-300x300.png\" alt=\"Picture Book\" 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                                            Picture Book                                        <\/h2>\n\n                                                                                    <div class=\"text-body-md text-dark text-center\">\n                                                <p>Suitable for Kindergarten &amp; Lower Primary<\/p>\n                                            <\/div>\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\/inclusive-experience-activities\/\" 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-11.png\" alt=\"Inclusive Experience Activities\" 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                                            Inclusive Experience Activities                                        <\/h2>\n\n                                                                                    <div class=\"text-body-md text-dark text-center\">\n                                                <p>Suitable for Primary &amp; Secondary<\/p>\n                                            <\/div>\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\/lesson-plan-for-inclusive-experience\/\" 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-300x300.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                                            Lesson Plan for Inclusive Experience                                        <\/h2>\n\n                                                                                    <div class=\"text-body-md text-dark text-center\">\n                                                <p>Suitable for Secondary &amp; Above<\/p>\n                                            <\/div>\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1463,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1327","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1327","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=1327"}],"version-history":[{"count":2,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1327\/revisions"}],"predecessor-version":[{"id":1447,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1327\/revisions\/1447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media\/1463"}],"wp:attachment":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media?parent=1327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}