Piloting Schools and Testimonials<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --green:#0d6b4f;\r\n --green-dark:#0a5a42;\r\n --gold:#bda06a;\r\n --text-dark:#13202c;\r\n --text-gray:#5b6573;\r\n --bg-light:#f3f5f8;\r\n --bg-row:#fff;\r\n --white:#ffffff;\r\n --shadow:0 10px 30px rgba(0,0,0,0.06);\r\n }\r\n\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n body{\r\n font-family:'Poppins', sans-serif;\r\n font-weight:400;\r\n font-size:16px;\r\n color:var(--text-dark);\r\n background:var(--bg-light);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n\r\n img{max-width:100%;display:block;}\r\n a{text-decoration:none;color:inherit;}\r\n\r\n \/* ===== Animation Utility ===== *\/\r\n .fade-up{\r\n opacity:0;\r\n transform:translateY(28px);\r\n transition:opacity 0.8s ease, transform 0.8s ease;\r\n }\r\n .fade-up.visible{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n .fade-up.delay-1{transition-delay:0.1s;}\r\n .fade-up.delay-2{transition-delay:0.22s;}\r\n .fade-up.delay-3{transition-delay:0.34s;}\r\n\r\n .hover-lift{\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .hover-lift:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 16px 34px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* ===== Top Bar ===== *\/\r\n .topbar{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n padding:18px 60px;\r\n background:var(--white);\r\n border-bottom:1px solid #eee;\r\n }\r\n .topbar-left{display:flex;align-items:center;gap:12px;}\r\n .topbar-icon{\r\n width:38px;height:38px;\r\n background:var(--green);\r\n border-radius:10px;\r\n display:flex;align-items:center;justify-content:center;\r\n color:#fff;font-size:17px;\r\n }\r\n .topbar-titles h1{font-size:15px;font-weight:800;letter-spacing:0.3px;color:#13202c;}\r\n .topbar-titles p{font-size:11px;color:#8a93a0;font-weight:600;letter-spacing:0.4px;margin-top:2px;}\r\n .back-btn{\r\n display:flex;align-items:center;gap:8px;\r\n padding:10px 22px;\r\n border:1px solid #d8dde3;\r\n border-radius:30px;\r\n font-size:13px;font-weight:700;\r\n color:#1c2530;background:#fff;cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .back-btn:hover{background:#f3f3f3;border-color:#bbb;}\r\n\r\n \/* ===== Hero \/ Intro ===== *\/\r\n .intro{\r\n padding:80px 60px 60px;\r\n text-align:center;\r\n }\r\n .badge{\r\n display:inline-block;\r\n background:#daf1e7;\r\n color:var(--green);\r\n font-size:12px;font-weight:700;letter-spacing:0.6px;\r\n padding:8px 20px;border-radius:20px;margin-bottom:26px;\r\n }\r\n .badge.gold{background:#f1ece1;color:#8c7440;}\r\n .intro h2{\r\n font-size:48px;font-weight:800;line-height:1.2;color:#13202c;\r\n margin-bottom:22px;\r\n }\r\n .intro-desc{\r\n font-size:17px;font-weight:400;line-height:1.75;color:var(--text-gray);\r\n max-width:760px;margin:0 auto;\r\n }\r\n\r\n \/* ===== Category headers ===== *\/\r\n .categories{\r\n max-width:1180px;margin:0 auto;\r\n padding:50px 60px 10px;\r\n display:flex;gap:30px;flex-wrap:wrap;\r\n }\r\n .category-card{\r\n flex:1;min-width:320px;\r\n background:#fff;\r\n border:1px solid #e7eaee;\r\n border-radius:16px;\r\n padding:26px 28px;\r\n display:flex;align-items:center;gap:18px;\r\n box-shadow:0 4px 14px rgba(0,0,0,0.03);\r\n }\r\n .category-icon{\r\n width:50px;height:50px;\r\n background:#f3f5f8;\r\n border-radius:12px;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:21px;color:var(--green);\r\n flex-shrink:0;\r\n }\r\n .category-card h3{font-size:19px;font-weight:700;color:#13202c;margin-bottom:4px;}\r\n .category-card p{font-size:13.5px;font-weight:400;color:var(--text-gray);}\r\n\r\n \/* ===== School Timelines ===== *\/\r\n .timelines{\r\n max-width:1180px;margin:0 auto;\r\n padding:40px 60px 30px;\r\n display:flex;gap:60px;flex-wrap:wrap;\r\n }\r\n .timeline-col{flex:1;min-width:340px;}\r\n\r\n .year-block{\r\n position:relative;\r\n padding-left:34px;\r\n margin-bottom:36px;\r\n }\r\n .year-block::before{\r\n content:'';\r\n position:absolute;\r\n left:6px;top:24px;\r\n width:2px;\r\n height:calc(100% - 10px);\r\n background:#dfe3e8;\r\n }\r\n .year-block:last-child::before{display:none;}\r\n .year-dot{\r\n position:absolute;\r\n left:0;top:5px;\r\n width:13px;height:13px;\r\n border-radius:50%;\r\n background:var(--green);\r\n border:3px solid var(--bg-light);\r\n box-shadow:0 0 0 1px var(--green);\r\n }\r\n .year-block.gold .year-dot{background:var(--gold);box-shadow:0 0 0 1px var(--gold);}\r\n\r\n .year-heading{\r\n display:flex;align-items:center;gap:8px;\r\n font-size:18px;font-weight:700;color:#13202c;\r\n margin-bottom:14px;\r\n }\r\n .year-heading .cal-icon{font-size:15px;color:var(--text-gray);}\r\n\r\n .school-list{list-style:none;}\r\n .school-row{\r\n display:flex;align-items:center;gap:10px;\r\n background:#fff;\r\n border:1px solid #ebeef1;\r\n border-radius:10px;\r\n padding:13px 16px;\r\n margin-bottom:10px;\r\n font-size:13.5px;\r\n font-weight:500;\r\n color:#2c3744;\r\n transition:transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n }\r\n .school-row:hover{\r\n transform:translateX(4px);\r\n box-shadow:0 6px 16px rgba(0,0,0,0.06);\r\n background:#fafdfb;\r\n }\r\n .school-row .dot-icon{\r\n width:16px;height:16px;\r\n border-radius:50%;\r\n background:#eef1f5;\r\n flex-shrink:0;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:9px;\r\n color:#9aa3ad;\r\n }\r\n\r\n \/* ===== Testimonials ===== *\/\r\n .testimonials{\r\n padding:70px 60px 30px;\r\n text-align:center;\r\n }\r\n .testimonials h2{\r\n font-size:42px;font-weight:800;color:#13202c;margin-bottom:14px;\r\n }\r\n .testimonials .sub{\r\n font-size:13px;font-weight:700;letter-spacing:1px;\r\n color:var(--green);margin-bottom:18px;\r\n }\r\n .testimonials .underline{\r\n width:60px;height:3px;background:var(--gold);\r\n border-radius:3px;margin:0 auto 50px;\r\n }\r\n\r\n .testimonial-grid{\r\n max-width:1180px;margin:0 auto;\r\n display:flex;gap:26px;flex-wrap:wrap;justify-content:center;\r\n }\r\n .testimonial-card{\r\n flex:1;min-width:300px;max-width:380px;\r\n background:#fff;\r\n border-radius:16px;\r\n padding:34px 28px 28px;\r\n text-align:left;\r\n box-shadow:0 4px 18px rgba(0,0,0,0.05);\r\n position:relative;\r\n }\r\n .quote-icon{\r\n width:38px;height:38px;\r\n background:var(--gold);\r\n border-radius:10px;\r\n display:flex;align-items:center;justify-content:center;\r\n color:#fff;font-size:18px;font-weight:800;\r\n margin-bottom:20px;\r\n }\r\n .testimonial-card p{\r\n font-size:15px;font-weight:400;\r\n font-style:italic;\r\n line-height:1.75;\r\n color:#2c3744;\r\n margin-bottom:8px;\r\n }\r\n .more-link{\r\n font-size:13px;font-weight:700;color:var(--green) !important;\r\n display:inline-flex;align-items:center;gap:4px;\r\n margin-bottom:22px;\r\n cursor:pointer;\r\n background:none;\r\n border:none;\r\n outline:none;\r\n -webkit-tap-highlight-color:transparent;\r\n }\r\n .more-link:hover,\r\n .more-link:focus,\r\n .more-link:active,\r\n .more-link:visited{\r\n color:var(--green) !important;\r\n background:none;\r\n }\r\n .testimonial-author{\r\n font-size:12.5px;font-weight:700;letter-spacing:0.3px;\r\n color:#13202c;\r\n text-transform:uppercase;\r\n line-height:1.5;\r\n }\r\n\r\n \/* ===== Read More text ===== *\/\r\n .testimonial-text-hidden{\r\n display:none;\r\n }\r\n\r\n \/* ===== Final CTA ===== *\/\r\n .final-cta-wrap{\r\n padding:70px 60px 100px;\r\n display:flex;justify-content:center;\r\n }\r\n .final-cta{\r\n background:linear-gradient(135deg,#0d6b4f,#0a5a42);\r\n border-radius:24px;\r\n color:#fff;text-align:center;\r\n padding:70px 30px;\r\n max-width:1180px;width:100%;\r\n box-shadow:0 30px 60px rgba(13,107,79,0.2);\r\n }\r\n .final-cta h2{\r\n font-size:38px;font-weight:800;line-height:1.3;margin-bottom:22px;\r\n color:#ffffff !important;\r\n}\r\n .final-cta p{\r\n font-size:16px;font-weight:400;line-height:1.75;\r\n color:#ffffff;max-width:680px;margin:0 auto 36px;\r\n }\r\n .btn-solid-white-outline{\r\n background:var(--gold);\r\n color:#fff;\r\n font-size:13.5px;font-weight:700;letter-spacing:0.4px;\r\n padding:16px 34px;border-radius:30px;border:none;cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .btn-solid-white-outline:hover{\r\n background:#a98f5c;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 22px rgba(0,0,0,0.25);\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media(max-width:900px){\r\n .topbar{padding:16px 24px;}\r\n .intro{padding:60px 24px 50px;}\r\n .intro h2{font-size:32px;}\r\n .categories, .timelines, .testimonials, .final-cta-wrap{padding-left:24px;padding-right:24px;}\r\n .timelines{gap:40px;}\r\n .testimonials h2{font-size:30px;}\r\n .final-cta h2{font-size:28px;}\r\n }\r\n @media(max-width:600px){\r\n .topbar-titles p{display:none;}\r\n .intro h2{font-size:26px;}\r\n .category-card{flex-direction:column;text-align:center;}\r\n .timeline-col{min-width:100%;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"topbar\">\r\n <div class=\"topbar-left\">\r\n <div class=\"topbar-icon\">\ud83c\udfeb<\/div>\r\n <div class=\"topbar-titles\">\r\n <h1>Piloting Schools and Testimonials<\/h1>\r\n <p>IDEALS NETWORK<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/idealslearning.cite.hku.hk\/\" class=\"back-btn\">BACK \u2715<\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"intro\">\r\n <span class=\"badge fade-up\">OUR COMMUNITY<\/span>\r\n <h2 class=\"fade-up\">Transforming Education Across Hong Kong<\/h2>\r\n <p class=\"intro-desc fade-up delay-1\">We are proud to partner with leading primary and secondary schools committed to pedagogical excellence and digital educational innovation.<\/p>\r\n <\/section>\r\n\r\n \r\n <div class=\"categories\">\r\n <div class=\"category-card hover-lift fade-up\">\r\n <div class=\"category-icon\">\ud83c\udfeb<\/div>\r\n <div>\r\n <h3>Primary Schools<\/h3>\r\n <p>Fostering early digital competence<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card hover-lift fade-up delay-1\">\r\n <div class=\"category-icon\">\ud83c\udf93<\/div>\r\n <div>\r\n <h3>Secondary Schools<\/h3>\r\n <p>Empowering future problem solvers<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timelines\">\r\n \r\n <div class=\"timeline-col\">\r\n <div class=\"year-block fade-up\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2025-2026<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Canossa Primary School (San Po Kong) \/ \u5609\u8af7\u81e8\u5c0f\u5b78 (\u65b0\u84b2\u5d17)<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Jordan Valley St. Joseph's Catholic Primary School \/ \u4f50\u6566\u8c37\u8056\u82e5\u745f\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Yan Tak Catholic Primary School \/ \u4ec1\u5fb7\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> SKH Yuen Chen Maun Chen Jubilee Primary School \/ \u8056\u516c\u6703\u962e\u912d\u5922\u82b9\u9280\u79a7\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Sau Mau Ping Catholic Primary School \/ \u79c0\u8302\u576a\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Pui Kiu College \/ \u57f9\u50d1\u66f8\u9662<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"year-block fade-up delay-1\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2024-2025<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Canossa Primary School (San Po Kong) \/ \u5609\u8af7\u81e8\u5c0f\u5b78 (\u65b0\u84b2\u5d17)<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> HKTA Shun Yeung Primary School \/ \u9999\u6e2f\u9053\u6559\u806f\u5408\u6703\u7d14\u967d\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Jordan Valley St. Joseph's Catholic Primary School \/ \u4f50\u6566\u8c37\u8056\u82e5\u745f\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Yan Tak Catholic Primary School \/ \u4ec1\u5fb7\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> SKH Yuen Chen Maun Chen Jubilee Primary School \/ \u8056\u516c\u6703\u962e\u912d\u5922\u82b9\u9280\u79a7\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Chai Wan Kok Catholic Primary School \/ \u67f4\u7063\u89d2\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Sau Mau Ping Catholic Primary School \/ \u79c0\u8302\u576a\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Pui Kiu College \/ \u57f9\u50d1\u66f8\u9662<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"year-block fade-up delay-2\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2023-2024<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Canossa Primary School (San Po Kong) \/ \u5609\u8af7\u81e8\u5c0f\u5b78 (\u65b0\u84b2\u5d17)<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> HKTA Shun Yeung Primary School \/ \u9999\u6e2f\u9053\u6559\u806f\u5408\u6703\u7d14\u967d\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> SKH Yuen Chen Maun Chen Jubilee Primary School \/ \u8056\u516c\u6703\u962e\u912d\u5922\u82b9\u9280\u79a7\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Jordan Valley St. Joseph's Catholic Primary School \/ \u4f50\u6566\u8c37\u8056\u82e5\u745f\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Yan Tak Catholic Primary School \/ \u4ec1\u5fb7\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-col\">\r\n <div class=\"year-block fade-up\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2025-2026<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Caritas Fanling Chan Chun Ha Secondary School \/ \u660e\u611b\u7c89\u5dba\u9673\u9707\u590f\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> CUHK FAA Thomas Cheung Secondary School \/ \u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u6821\u53cb\u6703\u806f\u6703\u5f35\u714a\u660c\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> ELCHK Lutheran Academy \/ \u57fa\u7763\u6559\u9999\u6e2f\u4fe1\u7fa9\u6703\u5b8f\u4fe1\u66f8\u9662<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Hon Wah College \/ \u6f22\u83ef\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Kau Yan College \/ \u6551\u6069\u66f8\u9662<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> The Church of Christ in China Yenching College \/ \u4e2d\u83ef\u57fa\u7763\u6559\u6703\u71d5\u4eac\u66f8\u9662<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"year-block fade-up delay-1\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2024-2025<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Caritas Fanling Chan Chun Ha Secondary School \/ \u660e\u611b\u7c89\u5dba\u9673\u9707\u590f\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> CUHK FAA Thomas Cheung Secondary School \/ \u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u6821\u53cb\u6703\u806f\u6703\u5f35\u714a\u660c\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> ELCHK Lutheran Academy \/ \u57fa\u7763\u6559\u9999\u6e2f\u4fe1\u7fa9\u6703\u5b8f\u4fe1\u66f8\u9662<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Hon Wah College \/ \u6f22\u83ef\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Kau Yan College \/ \u6551\u6069\u66f8\u9662<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"year-block gold fade-up delay-2\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2023-2024<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Kau Yan College \/ \u6551\u6069\u66f8\u9662<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Caritas Fanling Chan Chun Ha Secondary School \/ \u660e\u611b\u7c89\u5dba\u9673\u9707\u590f\u4e2d\u5b78<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"testimonials\" id=\"testimonials\">\r\n <span class=\"badge gold fade-up\">TESTIMONIALS<\/span>\r\n <h2 class=\"fade-up\">Testimonials<\/h2>\r\n <p class=\"sub fade-up\">VOICE OF EDUCATORS<\/p>\r\n <div class=\"underline fade-up\"><\/div>\r\n\r\n <div class=\"testimonial-grid\">\r\n <div class=\"testimonial-card hover-lift fade-up\">\r\n <div class=\"quote-icon\">\"<\/div>\r\n <p>With iLAP's provision of real-time data and performance scores, I can rapidly identify students' learning difficulties, <span class=\"testimonial-text-hidden\">an approach far more efficient than manually marking exercise books. Beyond collecting immediate diagnostic information, the platform also enables students to review and analyze their peers' work. This peer-review function not only supports my instructional decision-making but also fosters peer learning among students.<\/span><\/p>\r\n <button type=\"button\" class=\"more-link\" onclick=\"toggleTestimonial(this)\">more \u2304<\/button>\r\n <div class=\"testimonial-author\">MS LAI SAN YI FROM KAU YAN COLLEGE<\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card hover-lift fade-up delay-1\">\r\n <div class=\"quote-icon\">\"<\/div>\r\n <p>With the student learning data and corresponding analysis on IDEALS, we can know the percentage of users who have <span class=\"testimonial-text-hidden\">completed the tasks and identify the areas in which they perform better. Another straightforward indicator is whether they have accessed the assigned articles. Although we may not be able to measure the exact time spent reading, we can at least verify that the materials were opened and track their overall learning progress.<\/span><\/p>\r\n <button type=\"button\" class=\"more-link\" onclick=\"toggleTestimonial(this)\">more \u2304<\/button>\r\n <div class=\"testimonial-author\">MS TO FROM CANOSSA PRIMARY SCHOOL (SAN PO KONG)<\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card hover-lift fade-up delay-2\">\r\n <div class=\"quote-icon\">\"<\/div>\r\n <p>Now, with different options in the Workshop tool, it's much faster (than the traditional way of peer assessment), and we <span class=\"testimonial-text-hidden\">can immediately see who hasn't submitted and follow up right away. It also helps us see whether students understand how to use the scoring criteria. We can identify those who gave careless scores and follow up with them. Having digital feedback really speeds things up a lot.<\/span><\/p>\r\n <button type=\"button\" class=\"more-link\" onclick=\"toggleTestimonial(this)\">more \u2304<\/button>\r\n <div class=\"testimonial-author\">VICE PRINCIPAL CHOI CHARN CHING FROM KAU YAN COLLEGE<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"final-cta-wrap\">\r\n <div class=\"final-cta fade-up\">\r\n <h2>Ready to join the IDEALS Network?<\/h2>\r\n <p>We are looking for visionary schools to pilot our latest AI-enabled tools and join a community of innovative educators.<\/p>\r\n <a href=\"mailto:ideals@hku.hk?subject=IDEALS:%20Request%20a%20Demo\" \r\n\r\n style=\"display:inline-block; background:#ffffff; color:#0d6b4f; border:1.5px solid #ffffff; padding:14px 30px; border-radius:30px; font-size:12.5px; font-weight:700; letter-spacing:0.4px; text-decoration:none;\">\r\n\r\n REQUEST PARTNERSHIP\r\n\r\n<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const elements = document.querySelectorAll('.fade-up');\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n });\r\n\r\n function toggleTestimonial(btn) {\r\n const card = btn.closest('.testimonial-card');\r\n const hiddenText = card.querySelector('.testimonial-text-hidden');\r\n const isExpanded = hiddenText.style.display === 'inline';\r\n\r\n if (isExpanded) {\r\n hiddenText.style.display = 'none';\r\n btn.textContent = 'more \u2304';\r\n } else {\r\n hiddenText.style.display = 'inline';\r\n btn.textContent = 'SHOW LESS \u2303';\r\n }\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Piloting Schools and Testimonials \ud83c\udfeb Piloting Schools and Testimonials IDEALS NETWORK BACK \u2715 OUR COMMUNITY Transforming Education Across Hong Kong We are proud to partner with leading primary and secondary schools committed to pedagogical excellence and digital educational innovation. \ud83c\udfeb Primary Schools Fostering early digital competence \ud83c\udf93 Secondary Schools Empowering future problem solvers \ud83d\udcc5 2025-2026 […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-770","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=770"}],"version-history":[{"count":26,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions"}],"predecessor-version":[{"id":1620,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions\/1620"}],"wp:attachment":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPiloting Schools and Testimonials<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --green:#0d6b4f;\r\n --green-dark:#0a5a42;\r\n --gold:#bda06a;\r\n --text-dark:#13202c;\r\n --text-gray:#5b6573;\r\n --bg-light:#f3f5f8;\r\n --bg-row:#fff;\r\n --white:#ffffff;\r\n --shadow:0 10px 30px rgba(0,0,0,0.06);\r\n }\r\n\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n body{\r\n font-family:'Poppins', sans-serif;\r\n font-weight:400;\r\n font-size:16px;\r\n color:var(--text-dark);\r\n background:var(--bg-light);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n\r\n img{max-width:100%;display:block;}\r\n a{text-decoration:none;color:inherit;}\r\n\r\n \/* ===== Animation Utility ===== *\/\r\n .fade-up{\r\n opacity:0;\r\n transform:translateY(28px);\r\n transition:opacity 0.8s ease, transform 0.8s ease;\r\n }\r\n .fade-up.visible{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n .fade-up.delay-1{transition-delay:0.1s;}\r\n .fade-up.delay-2{transition-delay:0.22s;}\r\n .fade-up.delay-3{transition-delay:0.34s;}\r\n\r\n .hover-lift{\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .hover-lift:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 16px 34px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* ===== Top Bar ===== *\/\r\n .topbar{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n padding:18px 60px;\r\n background:var(--white);\r\n border-bottom:1px solid #eee;\r\n }\r\n .topbar-left{display:flex;align-items:center;gap:12px;}\r\n .topbar-icon{\r\n width:38px;height:38px;\r\n background:var(--green);\r\n border-radius:10px;\r\n display:flex;align-items:center;justify-content:center;\r\n color:#fff;font-size:17px;\r\n }\r\n .topbar-titles h1{font-size:15px;font-weight:800;letter-spacing:0.3px;color:#13202c;}\r\n .topbar-titles p{font-size:11px;color:#8a93a0;font-weight:600;letter-spacing:0.4px;margin-top:2px;}\r\n .back-btn{\r\n display:flex;align-items:center;gap:8px;\r\n padding:10px 22px;\r\n border:1px solid #d8dde3;\r\n border-radius:30px;\r\n font-size:13px;font-weight:700;\r\n color:#1c2530;background:#fff;cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .back-btn:hover{background:#f3f3f3;border-color:#bbb;}\r\n\r\n \/* ===== Hero \/ Intro ===== *\/\r\n .intro{\r\n padding:80px 60px 60px;\r\n text-align:center;\r\n }\r\n .badge{\r\n display:inline-block;\r\n background:#daf1e7;\r\n color:var(--green);\r\n font-size:12px;font-weight:700;letter-spacing:0.6px;\r\n padding:8px 20px;border-radius:20px;margin-bottom:26px;\r\n }\r\n .badge.gold{background:#f1ece1;color:#8c7440;}\r\n .intro h2{\r\n font-size:48px;font-weight:800;line-height:1.2;color:#13202c;\r\n margin-bottom:22px;\r\n }\r\n .intro-desc{\r\n font-size:17px;font-weight:400;line-height:1.75;color:var(--text-gray);\r\n max-width:760px;margin:0 auto;\r\n }\r\n\r\n \/* ===== Category headers ===== *\/\r\n .categories{\r\n max-width:1180px;margin:0 auto;\r\n padding:50px 60px 10px;\r\n display:flex;gap:30px;flex-wrap:wrap;\r\n }\r\n .category-card{\r\n flex:1;min-width:320px;\r\n background:#fff;\r\n border:1px solid #e7eaee;\r\n border-radius:16px;\r\n padding:26px 28px;\r\n display:flex;align-items:center;gap:18px;\r\n box-shadow:0 4px 14px rgba(0,0,0,0.03);\r\n }\r\n .category-icon{\r\n width:50px;height:50px;\r\n background:#f3f5f8;\r\n border-radius:12px;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:21px;color:var(--green);\r\n flex-shrink:0;\r\n }\r\n .category-card h3{font-size:19px;font-weight:700;color:#13202c;margin-bottom:4px;}\r\n .category-card p{font-size:13.5px;font-weight:400;color:var(--text-gray);}\r\n\r\n \/* ===== School Timelines ===== *\/\r\n .timelines{\r\n max-width:1180px;margin:0 auto;\r\n padding:40px 60px 30px;\r\n display:flex;gap:60px;flex-wrap:wrap;\r\n }\r\n .timeline-col{flex:1;min-width:340px;}\r\n\r\n .year-block{\r\n position:relative;\r\n padding-left:34px;\r\n margin-bottom:36px;\r\n }\r\n .year-block::before{\r\n content:'';\r\n position:absolute;\r\n left:6px;top:24px;\r\n width:2px;\r\n height:calc(100% - 10px);\r\n background:#dfe3e8;\r\n }\r\n .year-block:last-child::before{display:none;}\r\n .year-dot{\r\n position:absolute;\r\n left:0;top:5px;\r\n width:13px;height:13px;\r\n border-radius:50%;\r\n background:var(--green);\r\n border:3px solid var(--bg-light);\r\n box-shadow:0 0 0 1px var(--green);\r\n }\r\n .year-block.gold .year-dot{background:var(--gold);box-shadow:0 0 0 1px var(--gold);}\r\n\r\n .year-heading{\r\n display:flex;align-items:center;gap:8px;\r\n font-size:18px;font-weight:700;color:#13202c;\r\n margin-bottom:14px;\r\n }\r\n .year-heading .cal-icon{font-size:15px;color:var(--text-gray);}\r\n\r\n .school-list{list-style:none;}\r\n .school-row{\r\n display:flex;align-items:center;gap:10px;\r\n background:#fff;\r\n border:1px solid #ebeef1;\r\n border-radius:10px;\r\n padding:13px 16px;\r\n margin-bottom:10px;\r\n font-size:13.5px;\r\n font-weight:500;\r\n color:#2c3744;\r\n transition:transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n }\r\n .school-row:hover{\r\n transform:translateX(4px);\r\n box-shadow:0 6px 16px rgba(0,0,0,0.06);\r\n background:#fafdfb;\r\n }\r\n .school-row .dot-icon{\r\n width:16px;height:16px;\r\n border-radius:50%;\r\n background:#eef1f5;\r\n flex-shrink:0;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:9px;\r\n color:#9aa3ad;\r\n }\r\n\r\n \/* ===== Testimonials ===== *\/\r\n .testimonials{\r\n padding:70px 60px 30px;\r\n text-align:center;\r\n }\r\n .testimonials h2{\r\n font-size:42px;font-weight:800;color:#13202c;margin-bottom:14px;\r\n }\r\n .testimonials .sub{\r\n font-size:13px;font-weight:700;letter-spacing:1px;\r\n color:var(--green);margin-bottom:18px;\r\n }\r\n .testimonials .underline{\r\n width:60px;height:3px;background:var(--gold);\r\n border-radius:3px;margin:0 auto 50px;\r\n }\r\n\r\n .testimonial-grid{\r\n max-width:1180px;margin:0 auto;\r\n display:flex;gap:26px;flex-wrap:wrap;justify-content:center;\r\n }\r\n .testimonial-card{\r\n flex:1;min-width:300px;max-width:380px;\r\n background:#fff;\r\n border-radius:16px;\r\n padding:34px 28px 28px;\r\n text-align:left;\r\n box-shadow:0 4px 18px rgba(0,0,0,0.05);\r\n position:relative;\r\n }\r\n .quote-icon{\r\n width:38px;height:38px;\r\n background:var(--gold);\r\n border-radius:10px;\r\n display:flex;align-items:center;justify-content:center;\r\n color:#fff;font-size:18px;font-weight:800;\r\n margin-bottom:20px;\r\n }\r\n .testimonial-card p{\r\n font-size:15px;font-weight:400;\r\n font-style:italic;\r\n line-height:1.75;\r\n color:#2c3744;\r\n margin-bottom:8px;\r\n }\r\n .more-link{\r\n font-size:13px;font-weight:700;color:var(--green) !important;\r\n display:inline-flex;align-items:center;gap:4px;\r\n margin-bottom:22px;\r\n cursor:pointer;\r\n background:none;\r\n border:none;\r\n outline:none;\r\n -webkit-tap-highlight-color:transparent;\r\n }\r\n .more-link:hover,\r\n .more-link:focus,\r\n .more-link:active,\r\n .more-link:visited{\r\n color:var(--green) !important;\r\n background:none;\r\n }\r\n .testimonial-author{\r\n font-size:12.5px;font-weight:700;letter-spacing:0.3px;\r\n color:#13202c;\r\n text-transform:uppercase;\r\n line-height:1.5;\r\n }\r\n\r\n \/* ===== Read More text ===== *\/\r\n .testimonial-text-hidden{\r\n display:none;\r\n }\r\n\r\n \/* ===== Final CTA ===== *\/\r\n .final-cta-wrap{\r\n padding:70px 60px 100px;\r\n display:flex;justify-content:center;\r\n }\r\n .final-cta{\r\n background:linear-gradient(135deg,#0d6b4f,#0a5a42);\r\n border-radius:24px;\r\n color:#fff;text-align:center;\r\n padding:70px 30px;\r\n max-width:1180px;width:100%;\r\n box-shadow:0 30px 60px rgba(13,107,79,0.2);\r\n }\r\n .final-cta h2{\r\n font-size:38px;font-weight:800;line-height:1.3;margin-bottom:22px;\r\n color:#ffffff !important;\r\n}\r\n .final-cta p{\r\n font-size:16px;font-weight:400;line-height:1.75;\r\n color:#ffffff;max-width:680px;margin:0 auto 36px;\r\n }\r\n .btn-solid-white-outline{\r\n background:var(--gold);\r\n color:#fff;\r\n font-size:13.5px;font-weight:700;letter-spacing:0.4px;\r\n padding:16px 34px;border-radius:30px;border:none;cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .btn-solid-white-outline:hover{\r\n background:#a98f5c;\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 22px rgba(0,0,0,0.25);\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media(max-width:900px){\r\n .topbar{padding:16px 24px;}\r\n .intro{padding:60px 24px 50px;}\r\n .intro h2{font-size:32px;}\r\n .categories, .timelines, .testimonials, .final-cta-wrap{padding-left:24px;padding-right:24px;}\r\n .timelines{gap:40px;}\r\n .testimonials h2{font-size:30px;}\r\n .final-cta h2{font-size:28px;}\r\n }\r\n @media(max-width:600px){\r\n .topbar-titles p{display:none;}\r\n .intro h2{font-size:26px;}\r\n .category-card{flex-direction:column;text-align:center;}\r\n .timeline-col{min-width:100%;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"topbar\">\r\n <div class=\"topbar-left\">\r\n <div class=\"topbar-icon\">\ud83c\udfeb<\/div>\r\n <div class=\"topbar-titles\">\r\n <h1>Piloting Schools and Testimonials<\/h1>\r\n <p>IDEALS NETWORK<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/idealslearning.cite.hku.hk\/\" class=\"back-btn\">BACK \u2715<\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"intro\">\r\n <span class=\"badge fade-up\">OUR COMMUNITY<\/span>\r\n <h2 class=\"fade-up\">Transforming Education Across Hong Kong<\/h2>\r\n <p class=\"intro-desc fade-up delay-1\">We are proud to partner with leading primary and secondary schools committed to pedagogical excellence and digital educational innovation.<\/p>\r\n <\/section>\r\n\r\n \r\n <div class=\"categories\">\r\n <div class=\"category-card hover-lift fade-up\">\r\n <div class=\"category-icon\">\ud83c\udfeb<\/div>\r\n <div>\r\n <h3>Primary Schools<\/h3>\r\n <p>Fostering early digital competence<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card hover-lift fade-up delay-1\">\r\n <div class=\"category-icon\">\ud83c\udf93<\/div>\r\n <div>\r\n <h3>Secondary Schools<\/h3>\r\n <p>Empowering future problem solvers<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timelines\">\r\n \r\n <div class=\"timeline-col\">\r\n <div class=\"year-block fade-up\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2025-2026<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Canossa Primary School (San Po Kong) \/ \u5609\u8af7\u81e8\u5c0f\u5b78 (\u65b0\u84b2\u5d17)<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Jordan Valley St. Joseph's Catholic Primary School \/ \u4f50\u6566\u8c37\u8056\u82e5\u745f\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Yan Tak Catholic Primary School \/ \u4ec1\u5fb7\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> SKH Yuen Chen Maun Chen Jubilee Primary School \/ \u8056\u516c\u6703\u962e\u912d\u5922\u82b9\u9280\u79a7\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Sau Mau Ping Catholic Primary School \/ \u79c0\u8302\u576a\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Pui Kiu College \/ \u57f9\u50d1\u66f8\u9662<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"year-block fade-up delay-1\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2024-2025<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Canossa Primary School (San Po Kong) \/ \u5609\u8af7\u81e8\u5c0f\u5b78 (\u65b0\u84b2\u5d17)<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> HKTA Shun Yeung Primary School \/ \u9999\u6e2f\u9053\u6559\u806f\u5408\u6703\u7d14\u967d\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Jordan Valley St. Joseph's Catholic Primary School \/ \u4f50\u6566\u8c37\u8056\u82e5\u745f\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Yan Tak Catholic Primary School \/ \u4ec1\u5fb7\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> SKH Yuen Chen Maun Chen Jubilee Primary School \/ \u8056\u516c\u6703\u962e\u912d\u5922\u82b9\u9280\u79a7\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Chai Wan Kok Catholic Primary School \/ \u67f4\u7063\u89d2\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Sau Mau Ping Catholic Primary School \/ \u79c0\u8302\u576a\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Pui Kiu College \/ \u57f9\u50d1\u66f8\u9662<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"year-block fade-up delay-2\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2023-2024<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Canossa Primary School (San Po Kong) \/ \u5609\u8af7\u81e8\u5c0f\u5b78 (\u65b0\u84b2\u5d17)<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> HKTA Shun Yeung Primary School \/ \u9999\u6e2f\u9053\u6559\u806f\u5408\u6703\u7d14\u967d\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> SKH Yuen Chen Maun Chen Jubilee Primary School \/ \u8056\u516c\u6703\u962e\u912d\u5922\u82b9\u9280\u79a7\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Jordan Valley St. Joseph's Catholic Primary School \/ \u4f50\u6566\u8c37\u8056\u82e5\u745f\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Yan Tak Catholic Primary School \/ \u4ec1\u5fb7\u5929\u4e3b\u6559\u5c0f\u5b78<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"timeline-col\">\r\n <div class=\"year-block fade-up\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2025-2026<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Caritas Fanling Chan Chun Ha Secondary School \/ \u660e\u611b\u7c89\u5dba\u9673\u9707\u590f\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> CUHK FAA Thomas Cheung Secondary School \/ \u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u6821\u53cb\u6703\u806f\u6703\u5f35\u714a\u660c\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> ELCHK Lutheran Academy \/ \u57fa\u7763\u6559\u9999\u6e2f\u4fe1\u7fa9\u6703\u5b8f\u4fe1\u66f8\u9662<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Hon Wah College \/ \u6f22\u83ef\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Kau Yan College \/ \u6551\u6069\u66f8\u9662<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> The Church of Christ in China Yenching College \/ \u4e2d\u83ef\u57fa\u7763\u6559\u6703\u71d5\u4eac\u66f8\u9662<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"year-block fade-up delay-1\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2024-2025<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Caritas Fanling Chan Chun Ha Secondary School \/ \u660e\u611b\u7c89\u5dba\u9673\u9707\u590f\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> CUHK FAA Thomas Cheung Secondary School \/ \u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u6821\u53cb\u6703\u806f\u6703\u5f35\u714a\u660c\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> ELCHK Lutheran Academy \/ \u57fa\u7763\u6559\u9999\u6e2f\u4fe1\u7fa9\u6703\u5b8f\u4fe1\u66f8\u9662<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Hon Wah College \/ \u6f22\u83ef\u4e2d\u5b78<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Kau Yan College \/ \u6551\u6069\u66f8\u9662<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"year-block gold fade-up delay-2\">\r\n <div class=\"year-dot\"><\/div>\r\n <div class=\"year-heading\"><span class=\"cal-icon\">\ud83d\udcc5<\/span> 2023-2024<\/div>\r\n <ul class=\"school-list\">\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Kau Yan College \/ \u6551\u6069\u66f8\u9662<\/li>\r\n <li class=\"school-row\"><span class=\"dot-icon\">\u25cf<\/span> Caritas Fanling Chan Chun Ha Secondary School \/ \u660e\u611b\u7c89\u5dba\u9673\u9707\u590f\u4e2d\u5b78<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"testimonials\" id=\"testimonials\">\r\n <span class=\"badge gold fade-up\">TESTIMONIALS<\/span>\r\n <h2 class=\"fade-up\">Testimonials<\/h2>\r\n <p class=\"sub fade-up\">VOICE OF EDUCATORS<\/p>\r\n <div class=\"underline fade-up\"><\/div>\r\n\r\n <div class=\"testimonial-grid\">\r\n <div class=\"testimonial-card hover-lift fade-up\">\r\n <div class=\"quote-icon\">\"<\/div>\r\n <p>With iLAP's provision of real-time data and performance scores, I can rapidly identify students' learning difficulties, <span class=\"testimonial-text-hidden\">an approach far more efficient than manually marking exercise books. Beyond collecting immediate diagnostic information, the platform also enables students to review and analyze their peers' work. This peer-review function not only supports my instructional decision-making but also fosters peer learning among students.<\/span><\/p>\r\n <button type=\"button\" class=\"more-link\" onclick=\"toggleTestimonial(this)\">more \u2304<\/button>\r\n <div class=\"testimonial-author\">MS LAI SAN YI FROM KAU YAN COLLEGE<\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card hover-lift fade-up delay-1\">\r\n <div class=\"quote-icon\">\"<\/div>\r\n <p>With the student learning data and corresponding analysis on IDEALS, we can know the percentage of users who have <span class=\"testimonial-text-hidden\">completed the tasks and identify the areas in which they perform better. Another straightforward indicator is whether they have accessed the assigned articles. Although we may not be able to measure the exact time spent reading, we can at least verify that the materials were opened and track their overall learning progress.<\/span><\/p>\r\n <button type=\"button\" class=\"more-link\" onclick=\"toggleTestimonial(this)\">more \u2304<\/button>\r\n <div class=\"testimonial-author\">MS TO FROM CANOSSA PRIMARY SCHOOL (SAN PO KONG)<\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card hover-lift fade-up delay-2\">\r\n <div class=\"quote-icon\">\"<\/div>\r\n <p>Now, with different options in the Workshop tool, it's much faster (than the traditional way of peer assessment), and we <span class=\"testimonial-text-hidden\">can immediately see who hasn't submitted and follow up right away. It also helps us see whether students understand how to use the scoring criteria. We can identify those who gave careless scores and follow up with them. Having digital feedback really speeds things up a lot.<\/span><\/p>\r\n <button type=\"button\" class=\"more-link\" onclick=\"toggleTestimonial(this)\">more \u2304<\/button>\r\n <div class=\"testimonial-author\">VICE PRINCIPAL CHOI CHARN CHING FROM KAU YAN COLLEGE<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"final-cta-wrap\">\r\n <div class=\"final-cta fade-up\">\r\n <h2>Ready to join the IDEALS Network?<\/h2>\r\n <p>We are looking for visionary schools to pilot our latest AI-enabled tools and join a community of innovative educators.<\/p>\r\n <a href=\"mailto:ideals@hku.hk?subject=IDEALS:%20Request%20a%20Demo\" \r\n\r\n style=\"display:inline-block; background:#ffffff; color:#0d6b4f; border:1.5px solid #ffffff; padding:14px 30px; border-radius:30px; font-size:12.5px; font-weight:700; letter-spacing:0.4px; text-decoration:none;\">\r\n\r\n REQUEST PARTNERSHIP\r\n\r\n<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const elements = document.querySelectorAll('.fade-up');\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n });\r\n\r\n function toggleTestimonial(btn) {\r\n const card = btn.closest('.testimonial-card');\r\n const hiddenText = card.querySelector('.testimonial-text-hidden');\r\n const isExpanded = hiddenText.style.display === 'inline';\r\n\r\n if (isExpanded) {\r\n hiddenText.style.display = 'none';\r\n btn.textContent = 'more \u2304';\r\n } else {\r\n hiddenText.style.display = 'inline';\r\n btn.textContent = 'SHOW LESS \u2303';\r\n }\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Piloting Schools and Testimonials \ud83c\udfeb Piloting Schools and Testimonials IDEALS NETWORK BACK \u2715 OUR COMMUNITY Transforming Education Across Hong Kong We are proud to partner with leading primary and secondary schools committed to pedagogical excellence and digital educational innovation. \ud83c\udfeb Primary Schools Fostering early digital competence \ud83c\udf93 Secondary Schools Empowering future problem solvers \ud83d\udcc5 2025-2026 […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-770","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=770"}],"version-history":[{"count":26,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions"}],"predecessor-version":[{"id":1620,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions\/1620"}],"wp:attachment":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}