{"id":1145,"date":"2026-01-19T12:24:26","date_gmt":"2026-01-19T04:24:26","guid":{"rendered":"https:\/\/wmea.charity\/?page_id=1145"},"modified":"2026-03-11T11:01:25","modified_gmt":"2026-03-11T03:01:25","slug":"liberal-education","status":"publish","type":"page","link":"https:\/\/wmea.charity\/index.php\/liberal-education\/","title":{"rendered":"liberal education"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1145\" class=\"elementor elementor-1145\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a9c75c e-con-full e-flex e-con e-parent\" data-id=\"2a9c75c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b7a50a elementor-widget elementor-widget-html\" data-id=\"6b7a50a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>WMEA Charity Foundation - Libera Education<\/title>\n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brandCream: '#f6f4ce',\n                        brandBlue: '#7ac0db',\n                        brandDarkBlue: '#5a9eb8',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+HK:wght@400;700&family=Montserrat:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* Base styles for Elementor compatibility *\/\n        #wmea-landing-page {\n            font-family: 'Montserrat', sans-serif;\n            color: #374151;\n            line-height: 1.6;\n            background-color: #f9fafb;\n        }\n        #wmea-landing-page h1, \n        #wmea-landing-page h2, \n        #wmea-landing-page h3 { \n            font-family: 'Noto Serif HK', serif; \n        }\n        .bg-gradient-hero {\n            background: linear-gradient(135deg, #f6f4ce 0%, #7ac0db 100%);\n        }\n        .sticky-nav { \n            position: sticky; \n            top: 0; \n            z-index: 50; \n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(4px);\n        }\n        .wmea-prose p { margin-bottom: 1.25rem; }\n        .wmea-prose h3 { margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; font-size: 1.5rem; color: #1f2937; }\n        \n        \/* Smooth scrolling *\/\n        html { scroll-behavior: smooth; }\n\n        .brand-img {\n            filter: none;\n        }\n\n        \/* Dropdown hover logic *\/\n        .dropdown:hover .dropdown-menu {\n            display: block;\n        }\n\n        \/* Mobile Menu Transitions *\/\n        #mobile-menu {\n            transition: all 0.3s ease-in-out;\n            transform: translateY(-100%);\n            opacity: 0;\n            pointer-events: none;\n        }\n        #mobile-menu.active {\n            transform: translateY(0);\n            opacity: 1;\n            pointer-events: auto;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div id=\"wmea-landing-page\">\n        <!-- Header\/Navigation -->\n        <header class=\"bg-white shadow-sm sticky-nav border-b border-slate-100\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center relative z-[60]\">\n                <div class=\"flex items-center space-x-2\">\n                    <div class=\"w-10 h-10 bg-brandBlue rounded-full flex items-center justify-center text-white font-bold text-xl\">W<\/div>\n                    <div class=\"flex flex-col\">\n                        <span class=\"text-lg font-bold text-slate-900 leading-none\">WMEA<\/span>\n                        <span class=\"text-xs text-brandDarkBlue font-medium uppercase tracking-wider\">Charity Foundation<\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- Desktop Nav -->\n                <nav class=\"hidden md:flex space-x-8 text-sm font-semibold text-slate-600 items-center\">\n                    <a href=\"https:\/\/wmea.charity\" class=\"hover:text-brandBlue transition\">Home<\/a>\n                    \n                    <div class=\"relative dropdown\">\n                        <button class=\"flex items-center hover:text-brandBlue transition\">\n                            Liberal Education\n                            <svg class=\"ml-1 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                        <\/button>\n                        <div class=\"dropdown-menu absolute hidden bg-white border border-slate-100 shadow-xl rounded-lg py-2 w-48 mt-1 z-50\">\n                            <a href=\"https:\/\/wmea.charity\/index.php\/elite-training\/\" class=\"block px-4 py-2 hover:bg-brandCream hover:text-brandDarkBlue transition\">Elite Training<\/a>\n                            <a href=\"https:\/\/wmea.charity\/index.php\/liberal-education-infographic\/\" class=\"block px-4 py-2 hover:bg-brandCream hover:text-brandDarkBlue transition\">What's Liberal Education<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"#elements\" class=\"hover:text-brandBlue transition\">Elements<\/a>\n                    <a href=\"#certification\" class=\"hover:text-brandBlue transition\">Certification<\/a>\n                    <a href=\"https:\/\/wa.link\/xh1v4c\" class=\"bg-brandBlue text-white px-5 py-2 rounded-full hover:bg-brandDarkBlue transition shadow-sm\">Contact<\/a>\n                <\/nav>\n\n                <!-- Mobile Menu Toggle Button -->\n                <button id=\"menu-toggle\" class=\"md:hidden text-slate-500 p-2 focus:outline-none\" aria-label=\"Toggle Menu\">\n                    <svg id=\"menu-icon-open\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\" \/>\n                    <\/svg>\n                    <svg id=\"menu-icon-close\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 hidden\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Mobile Menu Dropdown Panel -->\n            <div id=\"mobile-menu\" class=\"absolute top-full left-0 w-full bg-white border-b border-slate-100 shadow-xl md:hidden z-50\">\n                <nav class=\"flex flex-col p-4 space-y-4 text-slate-600 font-semibold\">\n                    <a href=\"https:\/\/wmea.charity\" class=\"py-2 border-b border-slate-50\">Home<\/a>\n                    <div class=\"flex flex-col space-y-2\">\n                        <span class=\"text-xs uppercase text-brandDarkBlue tracking-widest pt-2\">Liberal Education<\/span>\n                        <a href=\"https:\/\/wmea.charity\/index.php\/elite-training\/\" class=\"pl-4 py-1 text-sm\">Elite Training<\/a>\n                        <a href=\"https:\/\/wmea.charity\/index.php\/liberal-education-infographic\/\" class=\"pl-4 py-1 text-sm\">What's Liberal Education<\/a>\n                    <\/div>\n                    <a href=\"#elements\" class=\"py-2 border-b border-slate-50 mobile-link\">Elements<\/a>\n                    <a href=\"#certification\" class=\"py-2 border-b border-slate-50 mobile-link\">Certification<\/a>\n                    <a href=\"https:\/\/wa.link\/5syvug\" class=\"bg-brandBlue text-white px-5 py-3 rounded-xl text-center shadow-md\">Contact Us<\/a>\n                <\/nav>\n            <\/div>\n        <\/header>\n\n        <!-- Hero Section -->\n        <section class=\"bg-gradient-hero py-16 md:py-24 overflow-hidden\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n                    <div class=\"space-y-8\">\n                        <div class=\"inline-block px-4 py-1 bg-white\/60 text-brandDarkBlue text-xs font-bold tracking-widest uppercase rounded-full border border-white\/40\">\n                            Official WMEA Accreditation\n                        <\/div>\n                        <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-slate-900 leading-tight\">\n                            Nurturing Characters, <br\/><span class=\"text-brandDarkBlue\">Empowering Futures<\/span>\n                        <\/h1>\n                        <p class=\"text-lg text-slate-700 leading-relaxed max-w-lg\">\n                            <strong>Liberal Education<\/strong> is the core philosophy of Libera Education. We are dedicated to providing students with a comprehensive, balanced, and in-depth humanistic education.\n                        <\/p>\n                        <div class=\"flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4\">\n                            <a href=\"#certification\" class=\"bg-slate-900 text-white px-8 py-4 rounded-xl font-bold text-center hover:bg-slate-800 transition shadow-lg\">Our Programs<\/a>\n                            <a href=\"#about\" class=\"bg-white\/80 text-slate-900 px-8 py-4 rounded-xl font-bold text-center border border-slate-200 hover:bg-white transition shadow-sm\">The Philosophy<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative\">\n                        <div class=\"absolute -top-4 -right-4 w-64 h-64 bg-brandBlue\/20 rounded-full blur-3xl\"><\/div>\n                        <img decoding=\"async\" \n                            src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-20-at-11.31.36.jpeg\" \n                            alt=\"WMEA Foundation Students\" \n                            class=\"rounded-3xl shadow-2xl w-full h-[400px] object-cover relative z-10 brand-img\"\n                        \/>\n                        <div class=\"absolute -bottom-10 -left-6 bg-white p-6 rounded-2xl shadow-xl z-20 hidden lg:block border border-slate-100\">\n                            <div class=\"flex items-center space-x-2 text-brandDarkBlue mb-2\">\n                                <span class=\"font-bold text-sm uppercase tracking-tighter\">Recognized in Hong Kong<\/span>\n                            <\/div>\n                            <p class=\"text-xs text-slate-500 leading-relaxed font-medium italic\">\"One of the few education groups in <br\/>Asia recognized by globally <br\/>authoritative institutions.\"<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Main Content Block -->\n        <section id=\"about\" class=\"py-20 bg-white\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"flex flex-col lg:flex-row gap-16\">\n                    <div class=\"lg:w-3\/5 wmea-prose\">\n                        <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-8\">What is Liberal Education?<\/h2>\n                        <p class=\"text-slate-600 text-lg\">\n                            Liberal Education traces its roots to ancient Greek and Roman traditions, derived from the Latin term <em>artes liberales<\/em> (\"the skills of a free person\"). It aims to develop the full range of abilities required for a free individual, rather than focusing solely on vocational or professional training.\n                        <\/p>\n                        <p class=\"text-slate-600 text-lg\">\n                            Unlike specialized or career-oriented education, liberal education emphasizes broad knowledge, general intellectual horizons, critical thinking, and character development. This equips students to think independently, make rational judgments, and actively engage in society amid complex and rapidly changing environments.\n                        <\/p>\n                        <div class=\"bg-brandCream\/40 p-8 rounded-3xl border border-brandCream mt-10\">\n                            <h3 class=\"mt-0 text-brandDarkBlue\">WMEA Accreditation<\/h3>\n                            <p class=\"text-slate-700 m-0\">\n                                Libera Education is officially accredited by <strong>WMEA<\/strong> (a specialized international accreditation body focused on liberal education standards), ensuring its curriculum aligns with standards of top-tier liberal schools in the UK and globally.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"lg:w-2\/5 space-y-6\">\n                        <div class=\"grid grid-cols-2 gap-4\">\n                            <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-20-at-11.29.53.jpeg\" class=\"rounded-2xl w-full h-48 object-cover brand-img shadow-md\" alt=\"Hong Kong student studying\" \/>\n                            <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-20-at-11.33.59.jpeg\" class=\"rounded-2xl w-full h-48 object-cover brand-img shadow-md mt-6\" alt=\"Children reading\" \/>\n                        <\/div>\n                        <div class=\"bg-slate-900 p-8 rounded-3xl text-white shadow-xl\">\n                           <h4 class=\"text-xl font-bold mb-4 flex items-center\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 mr-2 text-brandBlue\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n                                <\/svg>\n                                <span class=\"text-white\">Modern Impact<\/span>\n                            <\/h4>\n                            <p class=\"text-slate-400 text-sm leading-relaxed\">\n                                In today's world, liberal education empowers students to transcend the limitations of narrow specialization, fostering adaptability for lifelong learning and interdisciplinary challenges.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Key Elements Section -->\n        <section id=\"elements\" class=\"py-20 bg-slate-50\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Key Elements of Liberal Education<\/h2>\n                    <div class=\"w-20 h-1 bg-brandBlue mx-auto\"><\/div>\n                <\/div>\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                    <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition duration-300\">\n                        <div class=\"w-12 h-12 bg-brandCream rounded-xl flex items-center justify-center text-brandDarkBlue mb-6\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-slate-900\">Broad Knowledge Foundation<\/h3>\n                        <p class=\"text-slate-600 text-sm\">Covering humanities, social sciences, natural sciences, arts, languages, and more, to avoid premature specialization.<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition duration-300\">\n                        <div class=\"w-12 h-12 bg-brandBlue rounded-xl flex items-center justify-center text-white mb-6\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.364-5.636l-.707-.707M6.364 17.636l-.707.707M12 21v-1m0-11a3 3 0 100-6 3 3 0 000 6z\" \/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-slate-900\">Critical Thinking<\/h3>\n                        <p class=\"text-slate-600 text-sm\">Training students to analyze problems, discern truth from falsehood, and construct sound logical arguments.<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition duration-300\">\n                        <div class=\"w-12 h-12 bg-brandCream rounded-xl flex items-center justify-center text-brandDarkBlue mb-6\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\" \/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-slate-900\">Effective Communication<\/h3>\n                        <p class=\"text-slate-600 text-sm\">Including written expression, public speaking, and cross-cultural communication to train clear articulation.<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition duration-300\">\n                        <div class=\"w-12 h-12 bg-slate-100 rounded-xl flex items-center justify-center text-slate-900 mb-6\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.065M15 20.288\" \/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-slate-900\">Civic Responsibility<\/h3>\n                        <p class=\"text-slate-600 text-sm\">Developing moral judgment, social compassion, and a global perspective for modern citizens.<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition duration-300\">\n                        <div class=\"w-12 h-12 bg-brandBlue rounded-xl flex items-center justify-center text-white mb-6\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-slate-900\">Aesthetic Cultivation<\/h3>\n                        <p class=\"text-slate-600 text-sm\">Through literature, art, music, and philosophy to enhance aesthetic sensitivity and emotional depth.<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition duration-300\">\n                        <div class=\"w-12 h-12 bg-brandCream rounded-xl flex items-center justify-center text-brandDarkBlue mb-6\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\" \/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-slate-900\">Physical & Life Skills<\/h3>\n                        <p class=\"text-slate-600 text-sm\">Emphasizing sportsmanship, healthy living, and refined personal demeanor like etiquette and poise.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Advanced Life Skills -->\n        <section class=\"py-20 bg-white\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n                    <div class=\"order-2 lg:order-1\">\n                        <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-20-at-13.15.46.jpeg\" alt=\"Advanced Life Skills Activity\" class=\"rounded-3xl shadow-2xl brand-img\" \/>\n                    <\/div>\n                    <div class=\"order-1 lg:order-2 space-y-8\">\n                        <h2 class=\"text-3xl font-bold text-slate-900\">Advanced Life Skills<\/h2>\n                        <p class=\"text-slate-600\">Upon completing foundational studies, Libera Education places special emphasis on practical life skills development:<\/p>\n                        <ul class=\"space-y-4\">\n                            <li class=\"flex items-center p-4 bg-slate-50 rounded-xl border-l-4 border-brandBlue\">\n                                <span class=\"font-bold text-slate-800 mr-4\">Table Manners<\/span>\n                                <span class=\"text-sm text-slate-500\">Western and Chinese dining etiquette and meal culture.<\/span>\n                            <\/li>\n                            <li class=\"flex items-center p-4 bg-slate-50 rounded-xl border-l-4 border-brandBlue\">\n                                <span class=\"font-bold text-slate-800 mr-4\">Personal Poise<\/span>\n                                <span class=\"text-sm text-slate-500\">Grooming, body language, and confident public behavior.<\/span>\n                            <\/li>\n                            <li class=\"flex items-center p-4 bg-slate-50 rounded-xl border-l-4 border-brandBlue\">\n                                <span class=\"font-bold text-slate-800 mr-4\">Specialized Sports<\/span>\n                                <span class=\"text-sm text-slate-500\">Golf and tennis, stressing technique and mental resilience.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Certification Section -->\n        <section id=\"certification\" class=\"py-20 bg-brandDarkBlue text-white relative overflow-hidden\">\n            <div class=\"absolute top-0 left-0 w-full h-full opacity-10\">\n                <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n                    <path d=\"M0 0 L100 100 M100 0 L0 100\" stroke=\"white\" stroke-width=\"0.1\"><\/path>\n                <\/svg>\n            <\/div>\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\">\n                <h2 class=\"text-3xl md:text-5xl font-bold mb-12\">Certification Standards<\/h2>\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                    <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-2xl border border-white\/20\">\n                        <h4 class=\"font-bold mb-2\">Core Courses<\/h4>\n                        <p class=\"text-xs text-blue-100\">Full completion of humanities, sciences, and arts.<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-2xl border border-white\/20\">\n                        <h4 class=\"font-bold mb-2\">Abilities<\/h4>\n                        <p class=\"text-xs text-blue-100\">Critical thinking and practical problem-solving proficiency.<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-2xl border border-white\/20\">\n                        <h4 class=\"font-bold mb-2\">Communication<\/h4>\n                        <p class=\"text-xs text-blue-100\">Public speaking, reports, and clear logical articulation.<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-2xl border border-white\/20\">\n                        <h4 class=\"font-bold mb-2\">Civic Awareness<\/h4>\n                        <p class=\"text-xs text-blue-100\">Moral responsibility and global cross-cultural experience.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"mt-16 bg-white rounded-3xl p-8 md:p-12 text-slate-900 shadow-2xl max-w-4xl mx-auto\">\n                    <h3 class=\"text-2xl font-bold mb-6 text-brandDarkBlue\">Beyond Classroom Learning<\/h3>\n                    <p class=\"text-slate-600 mb-8 leading-relaxed\">\n                        Liberal education extends far beyond the classroom, stressing the <strong>unity of knowledge and action<\/strong> (\"knowing and doing\"). Students must apply what they learn through project-based research and practical initiatives.\n                    <\/p>\n                    <div class=\"flex flex-col md:flex-row justify-center items-center gap-4\">\n                        <div class=\"flex items-center space-x-2 text-sm font-semibold text-slate-500\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 text-green-500\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" \/><\/svg>\n                            <span>Digital Literacy<\/span>\n                        <\/div>\n                        <div class=\"flex items-center space-x-2 text-sm font-semibold text-slate-500\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 text-green-500\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" \/><\/svg>\n                            <span>Environmental Responsibility<\/span>\n                        <\/div>\n                        <div class=\"flex items-center space-x-2 text-sm font-semibold text-slate-500\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 text-green-500\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" \/><\/svg>\n                            <span>Technology Ethics<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Footer \/ Contact Section -->\n        <footer id=\"contact\" class=\"bg-slate-900 text-white pt-20 pb-10\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-16 mb-16\">\n                    <div class=\"space-y-6\">\n                        <div class=\"flex items-center space-x-2\">\n                            <div class=\"w-10 h-10 bg-brandBlue rounded-full flex items-center justify-center text-white font-bold text-xl\">W<\/div>\n                            <span class=\"text-xl font-bold tracking-tight\">WMEA Foundation<\/span>\n                        <\/div>\n                        <p class=\"text-slate-400 text-sm leading-relaxed\">\n                            We firmly believe that true liberal education enables children to flourish fully in academics, character, and future potential. Join us in Hong Kong to transform education.\n                        <\/p>\n                    <\/div>\n                    <div class=\"space-y-6\">\n                        <h4 class=\"text-lg font-bold border-b border-slate-700 pb-2 text-white\">Our Network<\/h4>\n                        <ul class=\"text-slate-400 text-sm space-y-3\">\n                            <li>\u2022 UK Partner Schools<\/li>\n                            <li>\u2022 Asian Regional Groups<\/li>\n                            <li>\u2022 Accreditation Standards<\/li>\n                            <li>\u2022 Student Life Skills Program<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"bg-slate-800 p-8 rounded-3xl space-y-6\">\n                        <h4 class=\"text-lg font-bold text-white\">Embark on the Journey<\/h4>\n                        <p class=\"text-slate-400 text-sm italic\">\"We warmly invite parents and students to contact us and embark together on this enriching journey!\"<\/p>\n                        <a href=\"https:\/\/wa.link\/xh1v4c\" class=\"block w-full text-center bg-brandBlue text-white py-3 rounded-xl font-bold hover:bg-brandDarkBlue transition shadow-lg\">Contact Us Today<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"border-t border-slate-800 pt-10 flex flex-col md:flex-row justify-between items-center text-xs text-slate-500\">\n                    <p>&copy; 2026 WMEA Charity Foundation. Official Liberal Education Accredited.<\/p>\n                    <div class=\"flex space-x-6 mt-4 md:mt-0\">\n                        <a href=\"#\" class=\"hover:text-white\">Privacy<\/a>\n                        <a href=\"#\" class=\"hover:text-white\">Terms<\/a>\n                        <a href=\"#\" class=\"hover:text-white\">Hong Kong Offices<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ Mobile menu toggle functionality\n        document.addEventListener('DOMContentLoaded', function() {\n            const toggleBtn = document.getElementById('menu-toggle');\n            const mobileMenu = document.getElementById('mobile-menu');\n            const iconOpen = document.getElementById('menu-icon-open');\n            const iconClose = document.getElementById('menu-icon-close');\n            const links = document.querySelectorAll('.mobile-link');\n\n            function toggleMenu() {\n                const isOpen = mobileMenu.classList.contains('active');\n                if (isOpen) {\n                    mobileMenu.classList.remove('active');\n                    iconOpen.classList.remove('hidden');\n                    iconClose.classList.add('hidden');\n                } else {\n                    mobileMenu.classList.add('active');\n                    iconOpen.classList.add('hidden');\n                    iconClose.classList.remove('hidden');\n                }\n            }\n\n            \/\/ Click listener\n            toggleBtn.addEventListener('click', function(e) {\n                e.stopPropagation();\n                toggleMenu();\n            });\n\n            \/\/ Close on link click\n            links.forEach(link => {\n                link.addEventListener('click', () => {\n                    mobileMenu.classList.remove('active');\n                    iconOpen.classList.remove('hidden');\n                    iconClose.classList.add('hidden');\n                });\n            });\n\n            \/\/ Close when clicking outside\n            document.addEventListener('click', (e) => {\n                if (!mobileMenu.contains(e.target) && !toggleBtn.contains(e.target)) {\n                    mobileMenu.classList.remove('active');\n                    iconOpen.classList.remove('hidden');\n                    iconClose.classList.add('hidden');\n                }\n            });\n        });\n    <\/script>\n<\/body>\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>WMEA Charity Foundation &#8211; Libera Education W WMEA Charity Foundation Home Liberal Education Elite Training What&#8217;s Liberal Education Elements Certification Contact Home Liberal Education Elite Training What&#8217;s Liberal Education Elements Certification Contact Us Official WMEA Accreditation Nurturing Characters, Empowering Futures Liberal Education is the core philosophy of Libera Education. We are dedicated to providing students &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wmea.charity\/index.php\/liberal-education\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;liberal education&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-1145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/comments?post=1145"}],"version-history":[{"count":46,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1145\/revisions"}],"predecessor-version":[{"id":1468,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1145\/revisions\/1468"}],"wp:attachment":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/media?parent=1145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}