{"id":57,"date":"2026-04-02T03:17:19","date_gmt":"2026-04-02T03:17:19","guid":{"rendered":"http:\/\/localhost\/heyoninstitute.lk-new\/?page_id=57"},"modified":"2026-06-14T17:17:38","modified_gmt":"2026-06-14T17:17:38","slug":"front_page","status":"publish","type":"page","link":"https:\/\/heyoninstitute.lk\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-sp-smart-post-show-news-ticker alignwide\"><\/div>\n\n\n\n<!-- HEYON Clean Minimal Intro Component -->\n<div class=\"heyon-minimal-wrapper\">\n    \n    <!-- Deep Navy & Gold Accent Header -->\n    <div class=\"heyon-minimal-header\">\n        <span class=\"heyon-minimal-tag\">WELCOME TO HEYON INSTITUTE<\/span>\n        <h1 class=\"heyon-minimal-title\">Empowering Sri Lanka Through Quality Higher Education<\/h1>\n        <div class=\"heyon-minimal-bar\"><\/div>\n    <\/div>\n\n    <!-- The Requested Core Paragraph Section -->\n    <div class=\"heyon-minimal-content\">\n        <p>\n          Founded in 2019 in Pugoda, Heyon Institute is a fast-growing, government-registered (TVEC) higher education center offering internationally recognized qualifications across four tailored paths: Government &#038; Corporate programs that upgrade tech and leadership skills for modern working professionals; Career Foundation certificate courses in IT and management for O\/L and A\/L school leavers looking to build clear career paths; Young Learners foundational programs designed to complement school education; and the Junior Academy, which guides young children through their first steps in tech and essential skills.\n        <\/p>\n    <\/div>\n\n    <!-- Middle Page Redirect Alert Box -->\n    <div class=\"heyon-minimal-alert\">\n        <div class=\"heyon-minimal-alert-text\">\n            <strong>Looking for Specific Course Tracks?<\/strong> \n            <span>To view full details, entry paths, and active intake schedules for Government &#038; Corporate Capacity Building, Career Foundations, Young Learners, or the Junior Academy, please explore our specialized program pages.<\/span>\n        <\/div>\n        <div class=\"heyon-minimal-alert-action\">\n            <span class=\"heyon-minimal-btn\">Explore Internal Pages <\/span>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- Isolated Premium Minimal CSS Stylesheet -->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n    .heyon-minimal-wrapper {\n        font-family: 'Inter', sans-serif;\n        max-width: 850px;\n        margin: 40px auto;\n        padding: 40px;\n        background: #ffffff;\n        border-radius: 20px;\n        border: 1px solid #e2e8f0;\n        box-shadow: 0 10px 30px rgba(15, 34, 80, 0.04);\n        box-sizing: border-box;\n    }\n\n    .heyon-minimal-header {\n        text-align: center;\n        margin-bottom: 30px;\n    }\n\n    .heyon-minimal-tag {\n        background-color: #f0f4ff;\n        color: #1e40af;\n        font-weight: 700;\n        padding: 5px 12px;\n        border-radius: 6px;\n        font-size: 0.72rem;\n        letter-spacing: 1.2px;\n        display: inline-block;\n        margin-bottom: 12px;\n    }\n\n    .heyon-minimal-title {\n        font-size: 2.1rem !important;\n        color: #0f172a !important;\n        line-height: 1.3 !important;\n        font-weight: 700 !important;\n        margin: 0 0 15px 0 !important;\n        letter-spacing: -0.5px;\n    }\n\n    .heyon-minimal-bar {\n        width: 50px;\n        height: 4px;\n        background: linear-gradient(90deg, #ff9900, #ff6600);\n        margin: 0 auto;\n        border-radius: 2px;\n    }\n\n    \/* Clean Corporate Paragraph Styling *\/\n    .heyon-minimal-content p {\n        font-size: 1.05rem !important;\n        line-height: 1.85 !important;\n        color: #475569 !important;\n        margin: 0 !important;\n        text-align: justify;\n    }\n\n    \/* Router Callout Bar *\/\n    .heyon-minimal-alert {\n        background-color: #f8fafc;\n        border: 1px solid #e2e8f0;\n        border-radius: 12px;\n        padding: 20px;\n        margin-top: 35px;\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n        align-items: flex-start;\n    }\n\n    @media (min-width: 640px) {\n        .heyon-minimal-alert {\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n        }\n    }\n\n    .heyon-minimal-alert-text {\n        font-size: 0.92rem;\n        line-height: 1.5;\n        color: #475569;\n    }\n\n    .heyon-minimal-alert-text strong {\n        color: #1e3a8a;\n        display: block;\n        margin-bottom: 3px;\n        font-size: 0.98rem;\n    }\n\n    .heyon-minimal-btn {\n        font-size: 0.85rem;\n        font-weight: 700;\n        color: #ff9900;\n        white-space: nowrap;\n        background: #ffffff;\n        padding: 8px 16px;\n        border-radius: 8px;\n        border: 1px solid #cbd5e1;\n        display: inline-block;\n    }\n\n    @media (max-width: 600px) {\n        .heyon-minimal-wrapper { padding: 25px 20px; }\n        .heyon-minimal-title { font-size: 1.6rem !important; }\n    }\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Latest News<\/h3>\n\n\n\n<div class=\"wp-block-sp-smart-post-show-post-carousel\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Our Courses<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-column-course-card\">\n    <div class=\"card-img-area\">\n        <span class=\"card-badge\">Professional<\/span>\n        <img decoding=\"async\" src=\"https:\/\/heyoninstitute.lk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_plxmamplxmamplxm.png\" alt=\"Capacity Building Training\">\n    <\/div>\n    <div class=\"card-body-content\">\n        <div class=\"card-tagline\">Government &#038; Corporate<\/div>\n        <h4 class=\"card-heading-title\">Capacity Building <\/h4>\n        <a href=\"https:\/\/heyoninstitute.lk\/?page_id=324\" class=\"card-action-link\">\n           See All Courses \n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n\n<style>\n    :root {\n        --wp-card-primary: linear-gradient(46deg, #00adb5, #095f5c);\n        --wp-card-hover: linear-gradient(270deg, #00adb5, #095f5c);\n        --wp-card-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    \/* Structural design to sit neatly inside a 3-Column layout *\/\n    .wp-column-course-card {\n        background: #ffffff;\n        border-radius: 16px;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n        overflow: hidden;\n        transition: var(--wp-card-transition);\n        border: 1px solid rgba(0, 0, 0, 0.04);\n        display: flex;\n        flex-direction: column;\n        height: 100%; \/* Keeps all multi-column blocks identical heights *\/\n        font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n    }\n    \n    .wp-column-course-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 15px 35px rgba(0, 173, 181, 0.15);\n    }\n    \n    .card-img-area {\n        position: relative;\n        height: 200px;\n        overflow: hidden;\n        background: #eef2f3;\n    }\n    \n    .card-img-area img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: var(--wp-card-transition);\n    }\n    \n    .wp-column-course-card:hover .card-img-area img {\n        transform: scale(1.04);\n    }\n    \n    .card-badge {\n        position: absolute;\n        top: 14px;\n        left: 14px;\n        background: rgba(9, 95, 92, 0.92);\n        backdrop-filter: blur(4px);\n        color: #ffffff;\n        padding: 5px 12px;\n        font-size: 0.7rem;\n        font-weight: 600;\n        border-radius: 20px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        z-index: 2;\n    }\n    \n    .card-body-content {\n        padding: 24px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1; \/* Pushes the button downwards systematically *\/\n    }\n    \n    .card-tagline {\n        color: #00adb5;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin-bottom: 8px;\n        letter-spacing: 1px;\n    }\n    \n    .card-heading-title {\n        color: #2d2d2d;\n        font-size: 1.2rem;\n        line-height: 1.4;\n        margin: 0 0 24px 0;\n        font-weight: 700;\n        flex-grow: 1; \/* Self-adjusts spacing if text runs to multiple lines *\/\n    }\n    \n    .card-action-link {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        align-self: flex-start;\n        padding: 10px 22px;\n        background: var(--wp-card-primary);\n        color: #ffffff;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.85rem;\n        border-radius: 50px;\n        transition: var(--wp-card-transition);\n        box-shadow: 0 4px 12px rgba(0, 173, 181, 0.15);\n    }\n    \n    .card-action-link:hover {\n        background: var(--wp-card-hover);\n        box-shadow: 0 6px 18px rgba(0, 173, 181, 0.3);\n        transform: translateX(2px);\n    }\n    \n    .card-action-link svg {\n        margin-left: 6px;\n        transition: var(--wp-card-transition);\n    }\n    \n    .card-action-link:hover svg {\n        transform: translateX(3px);\n    }\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-column-course-card\">\n    <div class=\"card-img-area\">\n        <span class=\"card-badge\">School Leavers &#038; Job Seekers<\/span>\n        <img decoding=\"async\" src=\"https:\/\/heyoninstitute.lk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_f1txwzf1txwzf1tx.png\" alt=\"Professional Certificate Training\">\n    <\/div>\n    <div class=\"card-body-content\">\n        <div class=\"card-tagline\">Career Foundation<\/div>\n        <h4 class=\"card-heading-title\">Professional Certificate<\/h4>\n        <a href=\"https:\/\/heyoninstitute.lk\/?page_id=315\" class=\"card-action-link\">\n            See All Courses \n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n\n<style>\n    :root {\n        --wp-card-primary: linear-gradient(46deg, #00adb5, #095f5c);\n        --wp-card-hover: linear-gradient(270deg, #00adb5, #095f5c);\n        --wp-card-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    \/* Structural design to sit neatly inside a 3-Column layout *\/\n    .wp-column-course-card {\n        background: #ffffff;\n        border-radius: 16px;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n        overflow: hidden;\n        transition: var(--wp-card-transition);\n        border: 1px solid rgba(0, 0, 0, 0.04);\n        display: flex;\n        flex-direction: column;\n        height: 100%; \/* Keeps all multi-column blocks identical heights *\/\n        font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n    }\n    \n    .wp-column-course-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 15px 35px rgba(0, 173, 181, 0.15);\n    }\n    \n    .card-img-area {\n        position: relative;\n        height: 200px;\n        overflow: hidden;\n        background: #eef2f3;\n    }\n    \n    .card-img-area img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: var(--wp-card-transition);\n    }\n    \n    .wp-column-course-card:hover .card-img-area img {\n        transform: scale(1.04);\n    }\n    \n    .card-badge {\n        position: absolute;\n        top: 14px;\n        left: 14px;\n        background: rgba(9, 95, 92, 0.92);\n        backdrop-filter: blur(4px);\n        color: #ffffff;\n        padding: 5px 12px;\n        font-size: 0.7rem;\n        font-weight: 600;\n        border-radius: 20px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        z-index: 2;\n    }\n    \n    .card-body-content {\n        padding: 24px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1; \/* Pushes the button downwards systematically *\/\n    }\n    \n    .card-tagline {\n        color: #00adb5;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin-bottom: 8px;\n        letter-spacing: 1px;\n    }\n    \n    .card-heading-title {\n        color: #2d2d2d;\n        font-size: 1.2rem;\n        line-height: 1.4;\n        margin: 0 0 24px 0;\n        font-weight: 700;\n        flex-grow: 1; \/* Self-adjusts spacing if text runs to multiple lines *\/\n    }\n    \n    .card-action-link {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        align-self: flex-start;\n        padding: 10px 22px;\n        background: var(--wp-card-primary);\n        color: #ffffff;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.85rem;\n        border-radius: 50px;\n        transition: var(--wp-card-transition);\n        box-shadow: 0 4px 12px rgba(0, 173, 181, 0.15);\n    }\n    \n    .card-action-link:hover {\n        background: var(--wp-card-hover);\n        box-shadow: 0 6px 18px rgba(0, 173, 181, 0.3);\n        transform: translateX(2px);\n    }\n    \n    .card-action-link svg {\n        margin-left: 6px;\n        transition: var(--wp-card-transition);\n    }\n    \n    .card-action-link:hover svg {\n        transform: translateX(3px);\n    }\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-column-course-card\">\n    <div class=\"card-img-area\">\n        <span class=\"card-badge\">Young Learners<\/span>\n        <img decoding=\"async\" src=\"https:\/\/heyoninstitute.lk\/wp-content\/uploads\/2026\/04\/653711759_1533233662142429_383444746439519378_n.jpg\" alt=\"School ICT Courses\">\n    <\/div>\n    <div class=\"card-body-content\">\n        <div class=\"card-tagline\">Foundation Learning<\/div>\n        <h4 class=\"card-heading-title\">School Courses<\/h4>\n        <a href=\"https:\/\/heyoninstitute.lk\/?page_id=198\" class=\"card-action-link\">\n            See All Courses \n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n\n<style>\n    :root {\n        --wp-card-primary: linear-gradient(46deg, #00adb5, #095f5c);\n        --wp-card-hover: linear-gradient(270deg, #00adb5, #095f5c);\n        --wp-card-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    \/* Structural design to sit neatly inside a 3-Column layout *\/\n    .wp-column-course-card {\n        background: #ffffff;\n        border-radius: 16px;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n        overflow: hidden;\n        transition: var(--wp-card-transition);\n        border: 1px solid rgba(0, 0, 0, 0.04);\n        display: flex;\n        flex-direction: column;\n        height: 100%; \/* Keeps all multi-column blocks identical heights *\/\n        font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n    }\n    \n    .wp-column-course-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 15px 35px rgba(0, 173, 181, 0.15);\n    }\n    \n    .card-img-area {\n        position: relative;\n        height: 200px;\n        overflow: hidden;\n        background: #eef2f3;\n    }\n    \n    .card-img-area img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: var(--wp-card-transition);\n    }\n    \n    .wp-column-course-card:hover .card-img-area img {\n        transform: scale(1.04);\n    }\n    \n    .card-badge {\n        position: absolute;\n        top: 14px;\n        left: 14px;\n        background: rgba(9, 95, 92, 0.92);\n        backdrop-filter: blur(4px);\n        color: #ffffff;\n        padding: 5px 12px;\n        font-size: 0.7rem;\n        font-weight: 600;\n        border-radius: 20px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        z-index: 2;\n    }\n    \n    .card-body-content {\n        padding: 24px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1; \/* Pushes the button downwards systematically *\/\n    }\n    \n    .card-tagline {\n        color: #00adb5;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin-bottom: 8px;\n        letter-spacing: 1px;\n    }\n    \n    .card-heading-title {\n        color: #2d2d2d;\n        font-size: 1.2rem;\n        line-height: 1.4;\n        margin: 0 0 24px 0;\n        font-weight: 700;\n        flex-grow: 1; \/* Self-adjusts spacing if text runs to multiple lines *\/\n    }\n    \n    .card-action-link {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        align-self: flex-start;\n        padding: 10px 22px;\n        background: var(--wp-card-primary);\n        color: #ffffff;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.85rem;\n        border-radius: 50px;\n        transition: var(--wp-card-transition);\n        box-shadow: 0 4px 12px rgba(0, 173, 181, 0.15);\n    }\n    \n    .card-action-link:hover {\n        background: var(--wp-card-hover);\n        box-shadow: 0 6px 18px rgba(0, 173, 181, 0.3);\n        transform: translateX(2px);\n    }\n    \n    .card-action-link svg {\n        margin-left: 6px;\n        transition: var(--wp-card-transition);\n    }\n    \n    .card-action-link:hover svg {\n        transform: translateX(3px);\n    }\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WELCOME TO HEYON INSTITUTE Empowering Sri Lanka Through Quality Higher Education Founded in 2019 in Pugoda, Heyon Institute is a fast-growing, government-registered (TVEC) higher education center offering internationally recognized qualifications across four tailored paths: Government &#038; Corporate programs that upgrade tech and leadership skills for modern working professionals; Career Foundation certificate courses in IT and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":75,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":696,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/696"}],"wp:attachment":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}