ICT STEP BASIC \u2013 \u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc3\u0db3\u0dc4\u0dcf \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd2\u0dad \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0 – Heyon Institute<\/title>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Sinhala:wght@400;600;700;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n \/* Vibrant Kids-Friendly Premium Color Palette *\/\n --gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%);\n --gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);\n --gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n --gradient-success: linear-gradient(135deg, #22c55e 0%, #15803d 100%);\n \n --brand-primary: #2563eb;\n --brand-dark: #0f172a;\n --accent-amber: #f59e0b;\n --card-bg: #ffffff;\n --text-main: #334155;\n \n \/* Premium Depth Shadows & Effects *\/\n --luxury-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.08);\n --border-radius-lg: 24px;\n --border-radius-md: 16px;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n color: var(--text-main);\n background: #f8fafc;\n line-height: 1.8;\n font-family: 'Noto Sans Sinhala', 'Plus Jakarta Sans', sans-serif;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* CINEMATIC HERO BANNER DESIGN *\/\n .premium-hero {\n position: relative;\n background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 27, 75, 0.92) 100%), \n url('https:\/\/heyoninstitute.lk\/wp-content\/uploads\/2026\/04\/school2.png') no-repeat center center;\n background-size: cover;\n padding: 100px 20px 140px 20px;\n text-align: center;\n overflow: hidden;\n border-bottom: 5px solid transparent;\n border-image: linear-gradient(to right, #f59e0b, #2563eb, #10b981) 1;\n }\n\n .premium-hero::before, .premium-hero::after {\n content: '';\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.15;\n z-index: 1;\n }\n .premium-hero::before {\n top: -10%; left: -10%; width: 400px; height: 400px; background: #2563eb;\n }\n .premium-hero::after {\n bottom: -10%; right: -10%; width: 300px; height: 300px; background: #f59e0b;\n }\n\n .hero-inner {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .premium-badge {\n background: var(--gradient-amber);\n color: #ffffff;\n font-weight: 800;\n padding: 8px 24px;\n border-radius: 50px;\n display: inline-block;\n font-size: 0.95rem;\n margin-bottom: 25px;\n box-shadow: 0 10px 20px rgba(245, 158, 11, 0.3);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .hero-inner h1 {\n font-size: 3.2rem;\n font-weight: 900;\n color: #ffffff;\n margin-bottom: 20px;\n line-height: 1.3;\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\n }\n\n .hero-inner p {\n font-size: 1.3rem;\n color: #cbd5e1;\n max-width: 750px;\n margin: 0 auto;\n line-height: 1.9;\n font-weight: 400;\n }\n\n \/* MASTER ROW GRID ARCHITECTURE *\/\n .master-layout-grid {\n max-width: 1280px;\n margin: -60px auto 0 auto;\n padding: 0 20px 80px 20px;\n display: grid;\n grid-template-columns: 2.1fr 1fr;\n gap: 35px;\n position: relative;\n z-index: 10;\n }\n\n \/* LEFT CONTENT AREA *\/\n .content-showcase {\n background: var(--card-bg);\n padding: 50px;\n border-radius: var(--border-radius-lg);\n box-shadow: var(--luxury-shadow);\n border: 1px solid rgba(226, 232, 240, 0.8);\n }\n\n .section-gradient-title {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--brand-dark);\n margin-bottom: 35px;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .section-gradient-title i {\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: 1.8rem;\n }\n\n \/* PREMIUM SCHEDULE MATRICES *\/\n .launch-luxury-box {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n border-radius: var(--border-radius-md);\n padding: 35px;\n margin-bottom: 55px;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\n }\n\n .launch-stat {\n text-align: center;\n padding: 10px;\n position: relative;\n }\n\n .launch-stat:not(:last-child)::after {\n content: '';\n position: absolute;\n right: -12px;\n top: 20%;\n height: 60%;\n width: 1px;\n background: #cbd5e1;\n }\n\n .launch-stat i {\n font-size: 2rem;\n color: var(--brand-primary);\n margin-bottom: 12px;\n }\n\n .launch-stat .stat-label {\n font-size: 0.9rem;\n color: #64748b;\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 5px;\n }\n\n .launch-stat .stat-value {\n font-size: 1.25rem;\n font-weight: 800;\n color: var(--brand-dark);\n }\n\n \/* HOVER EXPONENTIAL FEATURE CARDS SECTION *\/\n .features-isometric-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .feature-glass-box {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n padding: 35px;\n border-radius: var(--border-radius-md);\n display: flex;\n gap: 25px;\n align-items: flex-start;\n position: relative;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .feature-glass-box:hover {\n transform: translateY(-6px);\n background: #ffffff;\n border-color: var(--brand-primary);\n box-shadow: 0 20px 35px rgba(37, 99, 235, 0.08);\n }\n\n .feature-icon-avatar {\n width: 64px;\n height: 64px;\n background: #ffffff;\n color: var(--brand-primary);\n border-radius: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.8rem;\n flex-shrink: 0;\n box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);\n border: 1px solid #e2e8f0;\n transition: all 0.4s ease;\n }\n\n .feature-glass-box:hover .feature-icon-avatar {\n background: var(--gradient-primary);\n color: #ffffff;\n box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);\n border-color: transparent;\n }\n\n .feature-inner-content h4 {\n font-size: 1.3rem;\n color: var(--brand-dark);\n margin-bottom: 10px;\n font-weight: 800;\n }\n\n .feature-inner-content p {\n font-size: 1.05rem;\n color: #475569;\n line-height: 1.8;\n }\n\n \/* RIGHT FLOATING SIDEBAR DECK *\/\n .sidebar-deck {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n\n \/* ELIGIBILITY LUXURY PANEL *\/\n .eligibility-luxury-badge {\n background: var(--gradient-dark);\n color: #ffffff;\n padding: 35px 30px;\n border-radius: var(--border-radius-lg);\n text-align: center;\n box-shadow: var(--luxury-shadow);\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n .eligibility-title-label {\n font-size: 0.95rem;\n font-weight: 600;\n color: #94a3b8;\n margin-bottom: 8px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .eligibility-value {\n font-size: 2.2rem;\n font-weight: 900;\n background: var(--gradient-amber);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* INTERACTIVE CTA APPLICATION & REGISTRATION CONTAINERS *\/\n .action-engagement-hub {\n background: var(--card-bg);\n border-radius: var(--border-radius-lg);\n padding: 45px 30px;\n box-shadow: var(--luxury-shadow);\n border: 1px solid #e2e8f0;\n text-align: center;\n }\n\n .hub-icon-glow {\n width: 80px;\n height: 80px;\n margin: 0 auto 20px auto;\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.8rem;\n }\n\n .action-engagement-hub h3 {\n font-size: 1.45rem;\n color: var(--brand-dark);\n margin-bottom: 12px;\n font-weight: 900;\n }\n\n .action-engagement-hub p {\n font-size: 1rem;\n color: #475569;\n margin-bottom: 30px;\n line-height: 1.8;\n }\n\n .registration-format-box {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: var(--border-radius-md);\n padding: 15px 20px;\n margin-bottom: 25px;\n font-size: 0.95rem;\n color: #475569;\n text-align: left;\n border-left: 4px solid var(--accent-amber);\n }\n\n \/* HIGH END CONTOURED UI ACTION LINKS *\/\n .btn-portal-link, .btn-whatsapp-link {\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n padding: 18px 30px;\n border-radius: var(--border-radius-md);\n font-weight: 800;\n font-size: 1.25rem;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .btn-portal-link {\n background: var(--gradient-primary);\n color: #ffffff;\n box-shadow: 0 10px 30px rgba(2, 132, 199, 0.35);\n }\n\n .btn-portal-link:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 15px 35px rgba(2, 132, 199, 0.5);\n }\n\n .btn-whatsapp-link {\n background: var(--gradient-success);\n color: #ffffff;\n box-shadow: 0 10px 30px rgba(34, 197, 94, 0.35);\n }\n\n .btn-whatsapp-link:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 15px 35px rgba(34, 197, 94, 0.5);\n }\n\n \/* BRAND CHANNELS CONTAINER *\/\n .brand-channels-card {\n background: var(--card-bg);\n border-radius: var(--border-radius-lg);\n padding: 35px 30px;\n box-shadow: var(--luxury-shadow);\n border: 1px solid #e2e8f0;\n }\n\n .channel-title {\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--brand-dark);\n margin-bottom: 20px;\n text-transform: uppercase;\n text-align: center;\n }\n\n .channel-item {\n display: flex;\n align-items: center;\n gap: 15px;\n padding: 14px 20px;\n border-radius: var(--border-radius-md);\n background: #f8fafc;\n margin-bottom: 12px;\n color: var(--text-main);\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n border: 1px solid #e2e8f0;\n }\n\n .channel-item:hover {\n background: #ffffff;\n border-color: var(--brand-primary);\n color: var(--brand-primary);\n transform: translateX(4px);\n }\n\n .channel-item i {\n font-size: 1.3rem;\n }\n\n \/* BRAND SIGNATURE FOOTER MODULAR CARD *\/\n .brand-footer-block {\n background: var(--gradient-dark);\n color: #ffffff;\n border-radius: var(--border-radius-lg);\n padding: 45px 35px;\n text-align: center;\n position: relative;\n border: 1px solid rgba(255,255,255,0.03);\n box-shadow: var(--luxury-shadow);\n }\n\n .brand-footer-block h3 {\n font-size: 1.8rem;\n font-weight: 900;\n margin-bottom: 8px;\n }\n\n .brand-footer-block p {\n font-size: 1.15rem;\n font-weight: 700;\n color: #f59e0b;\n }\n\n \/* RESPONSIVE MEDIA SYSTEM *\/\n @media (max-width: 1024px) {\n .master-layout-grid {\n grid-template-columns: 1.6fr 1.4fr;\n gap: 25px;\n }\n .hero-inner h1 { font-size: 2.6rem; }\n .content-showcase { padding: 35px; }\n }\n\n @media (max-width: 900px) {\n .master-layout-grid {\n grid-template-columns: 1fr;\n margin-top: -30px;\n }\n .premium-hero { padding: 80px 20px 100px 20px; }\n .launch-luxury-box { padding: 25px 15px; }\n }\n\n @media (max-width: 480px) {\n .hero-inner h1 { font-size: 2.1rem; }\n .hero-inner p { font-size: 1.1rem; }\n .content-showcase { padding: 30px 15px; }\n .launch-luxury-box { grid-template-columns: 1fr; gap: 20px; }\n .launch-stat:not(:last-child)::after { display: none; }\n .feature-glass-box { flex-direction: column; align-items: center; text-align: center; }\n .btn-portal-link, .btn-whatsapp-link { font-size: 1.15rem; padding: 16px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"premium-hero\">\n <div class=\"hero-inner\">\n <span class=\"premium-badge\">ICT STEP BASIC<\/span>\n <h1>\u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc3\u0db3\u0dc4\u0dcf \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd2\u0dad \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0!<\/h1>\n <p>\u0d94\u0db6\u0dda \u0daf\u0dbb\u0dd4\u0dc0\u0dcf\u0d9c\u0dda \u0d85\u0db1\u0dcf\u0d9c\u0dad\u0dba \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dba\u0dd9\u0db1\u0dca \u0daf\u0dd2\u0dba\u0dd4\u0dab\u0dd4 \u0d9a\u0dd2\u0dbb\u0dd3\u0db8\u0da7 \u0d85\u0daf\u0db8 \u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0d9a\u0dca \u0dad\u0db6\u0db1\u0dca\u0db1. 3 \u2013 5 \u0dc0\u0dc3\u0dbb\u0dda \u0dc3\u0dd2\u0dc3\u0dd4 \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc0\u0dd9\u0db1\u0dd4\u0dc0\u0dd9\u0db1\u0dca\u0db8 \u0dc3\u0d9a\u0dc3\u0dca \u0d9a\u0dc5 \u0dc3\u0dd4\u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd3 \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0d85\u0db0\u0dca\u200d\u0dba\u0dcf\u0db4\u0db1 \u0dc3\u0dad\u0dca\u0d9a\u0dcf\u0dbb\u0dba.<\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"master-layout-grid\">\n \n \n <main class=\"content-showcase\">\n \n <h2 class=\"section-gradient-title\"><i class=\"fa-solid fa-clock\"><\/i> \u0db4\u0db1\u0dca\u0dad\u0dd2 \u0d9a\u0dcf\u0dbd\u0dc3\u0da7\u0dc4\u0db1 \u0dc3\u0dc4 \u0d86\u0dbb\u0db8\u0dca\u0db7\u0dba (Schedule)<\/h2>\n \n \n <div class=\"launch-luxury-box\">\n \n <div class=\"launch-stat\">\n <i class=\"fa-solid fa-calendar-week\"><\/i>\n <div class=\"stat-label\">\u0dc3\u0dad\u0dd2\u0db4\u0dad\u0dcf \u0daf\u0dd2\u0db1\u0dba<\/div>\n <div class=\"stat-value\">\u0dc3\u0dd2\u0d9a\u0dd4\u0dbb\u0dcf\u0daf\u0dcf (Friday)<\/div>\n <\/div>\n <div class=\"launch-stat\">\n <i class=\"fa-solid fa-hourglass-start\"><\/i>\n <div class=\"stat-label\">\u0dc0\u0dda\u0dbd\u0dcf\u0dc0<\/div>\n <div class=\"stat-value\">\u0db4.\u0dc0. 4.00 \u2013 \u0db4.\u0dc0. 6.00<\/div>\n <\/div>\n <\/div>\n\n \n <div>\n <h2 class=\"section-gradient-title\"><i class=\"fa-solid fa-star\"><\/i> \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0\u0dda \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dad\u0dcf<\/h2>\n <div class=\"features-isometric-grid\">\n <div class=\"feature-glass-box\">\n <div class=\"feature-icon-avatar\"><i class=\"fa-solid fa-desktop\"><\/i><\/div>\n <div class=\"feature-inner-content\">\n <h4>\u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a \u0db4\u0dd4\u0dc4\u0dd4\u0dab\u0dd4\u0dc0 (Practical First)<\/h4>\n <p>\u0dc3\u0dd1\u0db8 \u0dc3\u0dd2\u0dc3\u0dd4\u0dc0\u0dd9\u0d9a\u0dca \u0dc3\u0db3\u0dc4\u0dcf\u0db8 \u0db4\u0dde\u0daf\u0dca\u0d9c\u0dbd\u0dd2\u0d9a\u0dc0 \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a\u0dba\u0d9a\u0dca \u0dbd\u0db6\u0dcf \u0daf\u0dd3 \u0d8b\u0db4\u0dbb\u0dd2\u0db8 \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a \u0d9a\u0dca\u200d\u0dbb\u0dd2\u0dba\u0dcf\u0d9a\u0dcf\u0dbb\u0dd3 \u0daf\u0dcf\u0dba\u0d9a\u0dad\u0dca\u0dc0\u0dba \u0dc3\u0dc4 \u0db4\u0dd4\u0dc4\u0dd4\u0dab\u0dd4\u0dc0 \u0dad\u0dc4\u0dc0\u0dd4\u0dbb\u0dd4 \u0d9a\u0dd9\u0dbb\u0dda.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-glass-box\">\n <div class=\"feature-icon-avatar\"><i class=\"fa-solid fa-child\"><\/i><\/div>\n <div class=\"feature-inner-content\">\n <h4>\u0dc5\u0db8\u0dcf \u0db8\u0db1\u0ddd\u0dc0\u0dd2\u0daf\u0dca\u200d\u0dba\u0dcf\u0dc0\u0da7 \u0d9c\u0dd0\u0dbd\u0db4\u0dd9\u0db1 \u0d89\u0d9c\u0dd0\u0db1\u0dca\u0dc0\u0dd3\u0db8\u0dca<\/h4>\n <p>\u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca\u0d9c\u0dda \u0db8\u0db1\u0dc3\u0da7 \u0db6\u0dbb\u0d9a\u0dca \u0db1\u0ddc\u0dc0\u0db1 \u0db4\u0dbb\u0dd2\u0daf\u0dd2, \u0d9a\u0dca\u200d\u0dbb\u0dd3\u0da9\u0dcf\u0dc1\u0dd3\u0dbd\u0dd3 \u0dc3\u0dc4 \u0d86\u0d9a\u0dbb\u0dca\u0dc2\u0dab\u0dd3\u0dba \u0d9a\u0dca\u200d\u0dbb\u0db8\u0dc0\u0dda\u0daf \u0d94\u0dc3\u0dca\u0dc3\u0dda \u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0daf\u0dd0\u0db1\u0dd4\u0db8 \u0db1\u0dd2\u0dc0\u0dd0\u0dbb\u0daf\u0dd2\u0dc0 \u0dbd\u0db6\u0dcf \u0daf\u0dda.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-glass-box\">\n <div class=\"feature-icon-avatar\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n <div class=\"feature-inner-content\">\n <h4>\u0db1\u0dd2\u0db4\u0dd4\u0dab\u0dad\u0dcf \u0dc3\u0dc4 \u0d86\u0dad\u0dca\u0db8\u0dc0\u0dd2\u0dc1\u0dca\u0dc0\u0dcf\u0dc3\u0dba \u0dc3\u0d82\u0dc0\u0dbb\u0dca\u0db0\u0db1\u0dba<\/h4>\n <p>\u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0dc4\u0dcf \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dd2\u0d9a \u0db8\u0dd9\u0dc0\u0dbd\u0db8\u0dca \u0db7\u0dcf\u0dc0\u0dd2\u0dad\u0dba \u0db4\u0dd2\u0dc5\u0dd2\u0db6\u0db3 \u0daf\u0dbb\u0dd4\u0dc0\u0dcf \u0dad\u0dd4\u0dc5 \u0d87\u0dad\u0dd2 \u0db6\u0dd2\u0dba \u0dc3\u0dc4 \u0db8\u0dd0\u0daf\u0dd2\u0dbb\u0dd2\u0d9c\u0dd0\u0dc3\u0dd3\u0db8\u0dca \u0dc3\u0db8\u0dca\u0db4\u0dd6\u0dbb\u0dca\u0dab\u0dba\u0dd9\u0db1\u0dca\u0db8 \u0daf\u0dd4\u0dbb\u0dd4 \u0d9a\u0dbb\u0db8\u0dd2\u0db1\u0dca \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dd2\u0d9a \u0d9a\u0dd4\u0dc3\u0dbd\u0dad\u0dcf \u0daf\u0dd2\u0dba\u0dd4\u0dab\u0dd4 \u0d9a\u0dd9\u0dbb\u0dda.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n\n \n <aside class=\"sidebar-deck\">\n \n \n <div class=\"eligibility-luxury-badge\">\n <div class=\"eligibility-title-label\">\u0db4\u0dca\u200d\u0dbb\u0dcf\u0dae\u0db8\u0dd2\u0d9a \u0d85\u0d82\u0dc1\u0dba (Primary)<\/div>\n <div class=\"eligibility-value\">3, 4, 5 \u0dc0\u0dc3\u0dbb \u0dc3\u0dd2\u0dc3\u0dd4\u0db1\u0dca<\/div>\n <\/div>\n\n \n <div class=\"action-engagement-hub\" style=\"border: 2px solid #2563eb; box-shadow: 0 20px 40px rgba(37,99,235,0.12);\">\n <div class=\"hub-icon-glow\" style=\"background: rgba(37, 99, 235, 0.08); color: #2563eb;\">\n <i class=\"fa-solid fa-id-card-clip\"><\/i>\n <\/div>\n <h3>\u0db8\u0dcf\u0dbb\u0dca\u0d9c\u0d9c\u0dad\u0dc0 \u0d85\u0dba\u0daf\u0dd4\u0db8\u0dca\u0db4\u0dad\u0dca \u0dba\u0ddc\u0db8\u0dd4 \u0d9a\u0dbb\u0db1\u0dca\u0db1<\/h3>\n <p>\u0d85\u0db4\u0d9c\u0dda \u0db1\u0dd2\u0dbd \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2 \u0d9a\u0dd2\u0dbb\u0dd3\u0db8\u0dda \u0db4\u0ddd\u0dbb\u0db8\u0dba \u0dc0\u0dd2\u0dc0\u0dd8\u0dad \u0d9a\u0dbb, \u0daf\u0dad\u0dca\u0dad \u0db1\u0dd2\u0dc0\u0dd0\u0dbb\u0daf\u0dd2\u0dc0 \u0dc3\u0db8\u0dca\u0db4\u0dd4\u0dbb\u0dca\u0dab \u0d9a\u0dbb \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0 \u0dc3\u0db3\u0dc4\u0dcf \u0d85\u0daf\u0db8 \u0d85\u0dba\u0daf\u0dd4\u0db8\u0dca \u0d9a\u0dbb\u0db1\u0dca\u0db1.<\/p>\n \n <a href=\"https:\/\/heyoninstitute.lk\/?page_id=189\" target=\"_blank\" class=\"btn-portal-link\">\n <i class=\"fa-solid fa-file-signature\"><\/i> \u0d85\u0dba\u0daf\u0dd4\u0db8\u0dca\u0db4\u0dad \u0dc3\u0db8\u0dca\u0db4\u0dd6\u0dbb\u0dca\u0dab \u0d9a\u0dbb\u0db1\u0dca\u0db1\n <\/a>\n <\/div>\n\n \n <div class=\"action-engagement-hub\" style=\"border: 2px solid #22c55e; box-shadow: 0 20px 40px rgba(34,197,94,0.12);\">\n <div class=\"hub-icon-glow\" style=\"background: rgba(34, 197, 94, 0.08); color: #22c55e;\">\n <i class=\"fa-brands fa-whatsapp\"><\/i>\n <\/div>\n <h3>WhatsApp \u0dc4\u0dbb\u0dc4\u0dcf \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2\u0dba<\/h3>\n <p>\u0db4\u0dc4\u0dad \u0d86\u0d9a\u0dd8\u0dad\u0dd2\u0dba\u0da7 \u0d85\u0db1\u0dd4\u0dc0 \u0dc0\u0dd2\u0dc3\u0dca\u0dad\u0dbb \u0dc3\u0d9a\u0dc3\u0dcf \u0dc3\u0dd8\u0da2\u0dd4\u0dc0\u0db8 \u0d85\u0db4\u0d9c\u0dda \u0db1\u0dd2\u0dbd WhatsApp \u0d85\u0d82\u0d9a\u0dba\u0da7 \u0db4\u0dab\u0dd2\u0dc0\u0dd2\u0da9\u0dba\u0d9a\u0dca \u0dba\u0ddc\u0db8\u0dd4 \u0d9a\u0dbb\u0db1\u0dca\u0db1.<\/p>\n \n <div class=\"registration-format-box\">\n <strong>\u0db4\u0dab\u0dd2\u0dc0\u0dd2\u0da9\u0dba\u0dda \u0d86\u0d9a\u0dd8\u0dad\u0dd2\u0dba:<\/strong><br>\n [\u0daf\u0dbb\u0dd4\u0dc0\u0dcf\u0d9c\u0dda \u0db1\u0db8], [\u0dbd\u0dd2\u0db4\u0dd2\u0db1\u0dba] \u0dc3\u0dc4 <strong>“ICT STEP BASIC”<\/strong>\n <\/div>\n \n <a href=\"https:\/\/wa.me\/94742226938?text=ICT%20STEP%20BASIC%20Registration\" target=\"_blank\" class=\"btn-whatsapp-link\">\n <i class=\"fa-brands fa-whatsapp\"><\/i> 074 222 6938\n <\/a>\n <\/div>\n\n \n <div class=\"brand-channels-card\">\n <div class=\"channel-title\">\u0d85\u0db4\u0d9c\u0dda \u0db1\u0dd2\u0dbd \u0dc3\u0db8\u0dca\u0db6\u0db1\u0dca\u0db0\u0dad\u0dcf<\/div>\n \n <a href=\"https:\/\/heyoninstitute.lk\" target=\"_blank\" class=\"channel-item\">\n <i class=\"fa-solid fa-globe\" style=\"color: #2563eb;\"><\/i> heyoninstitute.lk\n <\/a>\n \n <a href=\"https:\/\/facebook.com\/HeyonInstitute\" target=\"_blank\" class=\"channel-item\">\n <i class=\"fa-brands fa-facebook\" style=\"color: #1877f2;\"><\/i> HeyonInstitute Official\n <\/a>\n <\/div>\n\n \n <footer class=\"brand-footer-block\">\n <h3>\u0dc4\u0dd9\u0dba\u0ddd\u0db1\u0dca \u0d86\u0dba\u0dad\u0db1\u0dba<\/h3>\n <p>\u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dd2\u0d9a \u0dbd\u0ddc\u0dc0 \u0da2\u0dba\u0d9c\u0db1\u0dca\u0db1\u0dcf \u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0d9a\u0dca!<\/p>\n <\/footer>\n\n <\/aside>\n\n <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ICT STEP BASIC \u2013 \u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc3\u0db3\u0dc4\u0dcf \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd2\u0dad \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0 – Heyon Institute ICT STEP BASIC \u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc3\u0db3\u0dc4\u0dcf \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd2\u0dad \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0! \u0d94\u0db6\u0dda \u0daf\u0dbb\u0dd4\u0dc0\u0dcf\u0d9c\u0dda \u0d85\u0db1\u0dcf\u0d9c\u0dad\u0dba \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dba\u0dd9\u0db1\u0dca \u0daf\u0dd2\u0dba\u0dd4\u0dab\u0dd4 \u0d9a\u0dd2\u0dbb\u0dd3\u0db8\u0da7 \u0d85\u0daf\u0db8 \u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0d9a\u0dca \u0dad\u0db6\u0db1\u0dca\u0db1. 3 \u2013 5 \u0dc0\u0dc3\u0dbb\u0dda \u0dc3\u0dd2\u0dc3\u0dd4 \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc0\u0dd9\u0db1\u0dd4\u0dc0\u0dd9\u0db1\u0dca\u0db8 \u0dc3\u0d9a\u0dc3\u0dca \u0d9a\u0dc5 \u0dc3\u0dd4\u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd3 \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0d85\u0db0\u0dca\u200d\u0dba\u0dcf\u0db4\u0db1 \u0dc3\u0dad\u0dca\u0d9a\u0dcf\u0dbb\u0dba. \u0db4\u0db1\u0dca\u0dad\u0dd2 \u0d9a\u0dcf\u0dbd\u0dc3\u0da7\u0dc4\u0db1 \u0dc3\u0dc4 \u0d86\u0dbb\u0db8\u0dca\u0db7\u0dba (Schedule) \u0dc3\u0dad\u0dd2\u0db4\u0dad\u0dcf \u0daf\u0dd2\u0db1\u0dba \u0dc3\u0dd2\u0d9a\u0dd4\u0dbb\u0dcf\u0daf\u0dcf (Friday) \u0dc0\u0dda\u0dbd\u0dcf\u0dc0 \u0db4.\u0dc0. […]<\/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-210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/210","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=210"}],"version-history":[{"count":8,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/210\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/210\/revisions\/557"}],"wp:attachment":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":210,"date":"2026-04-02T10:29:42","date_gmt":"2026-04-02T10:29:42","guid":{"rendered":"http:\/\/localhost\/heyoninstitute.lk-new\/?page_id=210"},"modified":"2026-06-03T06:36:39","modified_gmt":"2026-06-03T06:36:39","slug":"kids-courses","status":"publish","type":"page","link":"https:\/\/heyoninstitute.lk\/?page_id=210","title":{"rendered":"Kids Courses"},"content":{"rendered":"\n\n\n\n \n \n ICT STEP BASIC \u2013 \u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc3\u0db3\u0dc4\u0dcf \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd2\u0dad \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0 – Heyon Institute<\/title>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Sinhala:wght@400;600;700;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n \/* Vibrant Kids-Friendly Premium Color Palette *\/\n --gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%);\n --gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);\n --gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n --gradient-success: linear-gradient(135deg, #22c55e 0%, #15803d 100%);\n \n --brand-primary: #2563eb;\n --brand-dark: #0f172a;\n --accent-amber: #f59e0b;\n --card-bg: #ffffff;\n --text-main: #334155;\n \n \/* Premium Depth Shadows & Effects *\/\n --luxury-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.08);\n --border-radius-lg: 24px;\n --border-radius-md: 16px;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n color: var(--text-main);\n background: #f8fafc;\n line-height: 1.8;\n font-family: 'Noto Sans Sinhala', 'Plus Jakarta Sans', sans-serif;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* CINEMATIC HERO BANNER DESIGN *\/\n .premium-hero {\n position: relative;\n background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 27, 75, 0.92) 100%), \n url('https:\/\/heyoninstitute.lk\/wp-content\/uploads\/2026\/04\/school2.png') no-repeat center center;\n background-size: cover;\n padding: 100px 20px 140px 20px;\n text-align: center;\n overflow: hidden;\n border-bottom: 5px solid transparent;\n border-image: linear-gradient(to right, #f59e0b, #2563eb, #10b981) 1;\n }\n\n .premium-hero::before, .premium-hero::after {\n content: '';\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.15;\n z-index: 1;\n }\n .premium-hero::before {\n top: -10%; left: -10%; width: 400px; height: 400px; background: #2563eb;\n }\n .premium-hero::after {\n bottom: -10%; right: -10%; width: 300px; height: 300px; background: #f59e0b;\n }\n\n .hero-inner {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .premium-badge {\n background: var(--gradient-amber);\n color: #ffffff;\n font-weight: 800;\n padding: 8px 24px;\n border-radius: 50px;\n display: inline-block;\n font-size: 0.95rem;\n margin-bottom: 25px;\n box-shadow: 0 10px 20px rgba(245, 158, 11, 0.3);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .hero-inner h1 {\n font-size: 3.2rem;\n font-weight: 900;\n color: #ffffff;\n margin-bottom: 20px;\n line-height: 1.3;\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\n }\n\n .hero-inner p {\n font-size: 1.3rem;\n color: #cbd5e1;\n max-width: 750px;\n margin: 0 auto;\n line-height: 1.9;\n font-weight: 400;\n }\n\n \/* MASTER ROW GRID ARCHITECTURE *\/\n .master-layout-grid {\n max-width: 1280px;\n margin: -60px auto 0 auto;\n padding: 0 20px 80px 20px;\n display: grid;\n grid-template-columns: 2.1fr 1fr;\n gap: 35px;\n position: relative;\n z-index: 10;\n }\n\n \/* LEFT CONTENT AREA *\/\n .content-showcase {\n background: var(--card-bg);\n padding: 50px;\n border-radius: var(--border-radius-lg);\n box-shadow: var(--luxury-shadow);\n border: 1px solid rgba(226, 232, 240, 0.8);\n }\n\n .section-gradient-title {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--brand-dark);\n margin-bottom: 35px;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .section-gradient-title i {\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: 1.8rem;\n }\n\n \/* PREMIUM SCHEDULE MATRICES *\/\n .launch-luxury-box {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid #e2e8f0;\n border-radius: var(--border-radius-md);\n padding: 35px;\n margin-bottom: 55px;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\n }\n\n .launch-stat {\n text-align: center;\n padding: 10px;\n position: relative;\n }\n\n .launch-stat:not(:last-child)::after {\n content: '';\n position: absolute;\n right: -12px;\n top: 20%;\n height: 60%;\n width: 1px;\n background: #cbd5e1;\n }\n\n .launch-stat i {\n font-size: 2rem;\n color: var(--brand-primary);\n margin-bottom: 12px;\n }\n\n .launch-stat .stat-label {\n font-size: 0.9rem;\n color: #64748b;\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 5px;\n }\n\n .launch-stat .stat-value {\n font-size: 1.25rem;\n font-weight: 800;\n color: var(--brand-dark);\n }\n\n \/* HOVER EXPONENTIAL FEATURE CARDS SECTION *\/\n .features-isometric-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .feature-glass-box {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n padding: 35px;\n border-radius: var(--border-radius-md);\n display: flex;\n gap: 25px;\n align-items: flex-start;\n position: relative;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .feature-glass-box:hover {\n transform: translateY(-6px);\n background: #ffffff;\n border-color: var(--brand-primary);\n box-shadow: 0 20px 35px rgba(37, 99, 235, 0.08);\n }\n\n .feature-icon-avatar {\n width: 64px;\n height: 64px;\n background: #ffffff;\n color: var(--brand-primary);\n border-radius: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.8rem;\n flex-shrink: 0;\n box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);\n border: 1px solid #e2e8f0;\n transition: all 0.4s ease;\n }\n\n .feature-glass-box:hover .feature-icon-avatar {\n background: var(--gradient-primary);\n color: #ffffff;\n box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);\n border-color: transparent;\n }\n\n .feature-inner-content h4 {\n font-size: 1.3rem;\n color: var(--brand-dark);\n margin-bottom: 10px;\n font-weight: 800;\n }\n\n .feature-inner-content p {\n font-size: 1.05rem;\n color: #475569;\n line-height: 1.8;\n }\n\n \/* RIGHT FLOATING SIDEBAR DECK *\/\n .sidebar-deck {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n\n \/* ELIGIBILITY LUXURY PANEL *\/\n .eligibility-luxury-badge {\n background: var(--gradient-dark);\n color: #ffffff;\n padding: 35px 30px;\n border-radius: var(--border-radius-lg);\n text-align: center;\n box-shadow: var(--luxury-shadow);\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n .eligibility-title-label {\n font-size: 0.95rem;\n font-weight: 600;\n color: #94a3b8;\n margin-bottom: 8px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .eligibility-value {\n font-size: 2.2rem;\n font-weight: 900;\n background: var(--gradient-amber);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* INTERACTIVE CTA APPLICATION & REGISTRATION CONTAINERS *\/\n .action-engagement-hub {\n background: var(--card-bg);\n border-radius: var(--border-radius-lg);\n padding: 45px 30px;\n box-shadow: var(--luxury-shadow);\n border: 1px solid #e2e8f0;\n text-align: center;\n }\n\n .hub-icon-glow {\n width: 80px;\n height: 80px;\n margin: 0 auto 20px auto;\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.8rem;\n }\n\n .action-engagement-hub h3 {\n font-size: 1.45rem;\n color: var(--brand-dark);\n margin-bottom: 12px;\n font-weight: 900;\n }\n\n .action-engagement-hub p {\n font-size: 1rem;\n color: #475569;\n margin-bottom: 30px;\n line-height: 1.8;\n }\n\n .registration-format-box {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: var(--border-radius-md);\n padding: 15px 20px;\n margin-bottom: 25px;\n font-size: 0.95rem;\n color: #475569;\n text-align: left;\n border-left: 4px solid var(--accent-amber);\n }\n\n \/* HIGH END CONTOURED UI ACTION LINKS *\/\n .btn-portal-link, .btn-whatsapp-link {\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n padding: 18px 30px;\n border-radius: var(--border-radius-md);\n font-weight: 800;\n font-size: 1.25rem;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .btn-portal-link {\n background: var(--gradient-primary);\n color: #ffffff;\n box-shadow: 0 10px 30px rgba(2, 132, 199, 0.35);\n }\n\n .btn-portal-link:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 15px 35px rgba(2, 132, 199, 0.5);\n }\n\n .btn-whatsapp-link {\n background: var(--gradient-success);\n color: #ffffff;\n box-shadow: 0 10px 30px rgba(34, 197, 94, 0.35);\n }\n\n .btn-whatsapp-link:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 15px 35px rgba(34, 197, 94, 0.5);\n }\n\n \/* BRAND CHANNELS CONTAINER *\/\n .brand-channels-card {\n background: var(--card-bg);\n border-radius: var(--border-radius-lg);\n padding: 35px 30px;\n box-shadow: var(--luxury-shadow);\n border: 1px solid #e2e8f0;\n }\n\n .channel-title {\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--brand-dark);\n margin-bottom: 20px;\n text-transform: uppercase;\n text-align: center;\n }\n\n .channel-item {\n display: flex;\n align-items: center;\n gap: 15px;\n padding: 14px 20px;\n border-radius: var(--border-radius-md);\n background: #f8fafc;\n margin-bottom: 12px;\n color: var(--text-main);\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n border: 1px solid #e2e8f0;\n }\n\n .channel-item:hover {\n background: #ffffff;\n border-color: var(--brand-primary);\n color: var(--brand-primary);\n transform: translateX(4px);\n }\n\n .channel-item i {\n font-size: 1.3rem;\n }\n\n \/* BRAND SIGNATURE FOOTER MODULAR CARD *\/\n .brand-footer-block {\n background: var(--gradient-dark);\n color: #ffffff;\n border-radius: var(--border-radius-lg);\n padding: 45px 35px;\n text-align: center;\n position: relative;\n border: 1px solid rgba(255,255,255,0.03);\n box-shadow: var(--luxury-shadow);\n }\n\n .brand-footer-block h3 {\n font-size: 1.8rem;\n font-weight: 900;\n margin-bottom: 8px;\n }\n\n .brand-footer-block p {\n font-size: 1.15rem;\n font-weight: 700;\n color: #f59e0b;\n }\n\n \/* RESPONSIVE MEDIA SYSTEM *\/\n @media (max-width: 1024px) {\n .master-layout-grid {\n grid-template-columns: 1.6fr 1.4fr;\n gap: 25px;\n }\n .hero-inner h1 { font-size: 2.6rem; }\n .content-showcase { padding: 35px; }\n }\n\n @media (max-width: 900px) {\n .master-layout-grid {\n grid-template-columns: 1fr;\n margin-top: -30px;\n }\n .premium-hero { padding: 80px 20px 100px 20px; }\n .launch-luxury-box { padding: 25px 15px; }\n }\n\n @media (max-width: 480px) {\n .hero-inner h1 { font-size: 2.1rem; }\n .hero-inner p { font-size: 1.1rem; }\n .content-showcase { padding: 30px 15px; }\n .launch-luxury-box { grid-template-columns: 1fr; gap: 20px; }\n .launch-stat:not(:last-child)::after { display: none; }\n .feature-glass-box { flex-direction: column; align-items: center; text-align: center; }\n .btn-portal-link, .btn-whatsapp-link { font-size: 1.15rem; padding: 16px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"premium-hero\">\n <div class=\"hero-inner\">\n <span class=\"premium-badge\">ICT STEP BASIC<\/span>\n <h1>\u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc3\u0db3\u0dc4\u0dcf \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd2\u0dad \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0!<\/h1>\n <p>\u0d94\u0db6\u0dda \u0daf\u0dbb\u0dd4\u0dc0\u0dcf\u0d9c\u0dda \u0d85\u0db1\u0dcf\u0d9c\u0dad\u0dba \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dba\u0dd9\u0db1\u0dca \u0daf\u0dd2\u0dba\u0dd4\u0dab\u0dd4 \u0d9a\u0dd2\u0dbb\u0dd3\u0db8\u0da7 \u0d85\u0daf\u0db8 \u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0d9a\u0dca \u0dad\u0db6\u0db1\u0dca\u0db1. 3 \u2013 5 \u0dc0\u0dc3\u0dbb\u0dda \u0dc3\u0dd2\u0dc3\u0dd4 \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc0\u0dd9\u0db1\u0dd4\u0dc0\u0dd9\u0db1\u0dca\u0db8 \u0dc3\u0d9a\u0dc3\u0dca \u0d9a\u0dc5 \u0dc3\u0dd4\u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd3 \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0d85\u0db0\u0dca\u200d\u0dba\u0dcf\u0db4\u0db1 \u0dc3\u0dad\u0dca\u0d9a\u0dcf\u0dbb\u0dba.<\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"master-layout-grid\">\n \n \n <main class=\"content-showcase\">\n \n <h2 class=\"section-gradient-title\"><i class=\"fa-solid fa-clock\"><\/i> \u0db4\u0db1\u0dca\u0dad\u0dd2 \u0d9a\u0dcf\u0dbd\u0dc3\u0da7\u0dc4\u0db1 \u0dc3\u0dc4 \u0d86\u0dbb\u0db8\u0dca\u0db7\u0dba (Schedule)<\/h2>\n \n \n <div class=\"launch-luxury-box\">\n \n <div class=\"launch-stat\">\n <i class=\"fa-solid fa-calendar-week\"><\/i>\n <div class=\"stat-label\">\u0dc3\u0dad\u0dd2\u0db4\u0dad\u0dcf \u0daf\u0dd2\u0db1\u0dba<\/div>\n <div class=\"stat-value\">\u0dc3\u0dd2\u0d9a\u0dd4\u0dbb\u0dcf\u0daf\u0dcf (Friday)<\/div>\n <\/div>\n <div class=\"launch-stat\">\n <i class=\"fa-solid fa-hourglass-start\"><\/i>\n <div class=\"stat-label\">\u0dc0\u0dda\u0dbd\u0dcf\u0dc0<\/div>\n <div class=\"stat-value\">\u0db4.\u0dc0. 4.00 \u2013 \u0db4.\u0dc0. 6.00<\/div>\n <\/div>\n <\/div>\n\n \n <div>\n <h2 class=\"section-gradient-title\"><i class=\"fa-solid fa-star\"><\/i> \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0\u0dda \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dad\u0dcf<\/h2>\n <div class=\"features-isometric-grid\">\n <div class=\"feature-glass-box\">\n <div class=\"feature-icon-avatar\"><i class=\"fa-solid fa-desktop\"><\/i><\/div>\n <div class=\"feature-inner-content\">\n <h4>\u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a \u0db4\u0dd4\u0dc4\u0dd4\u0dab\u0dd4\u0dc0 (Practical First)<\/h4>\n <p>\u0dc3\u0dd1\u0db8 \u0dc3\u0dd2\u0dc3\u0dd4\u0dc0\u0dd9\u0d9a\u0dca \u0dc3\u0db3\u0dc4\u0dcf\u0db8 \u0db4\u0dde\u0daf\u0dca\u0d9c\u0dbd\u0dd2\u0d9a\u0dc0 \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a\u0dba\u0d9a\u0dca \u0dbd\u0db6\u0dcf \u0daf\u0dd3 \u0d8b\u0db4\u0dbb\u0dd2\u0db8 \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a \u0d9a\u0dca\u200d\u0dbb\u0dd2\u0dba\u0dcf\u0d9a\u0dcf\u0dbb\u0dd3 \u0daf\u0dcf\u0dba\u0d9a\u0dad\u0dca\u0dc0\u0dba \u0dc3\u0dc4 \u0db4\u0dd4\u0dc4\u0dd4\u0dab\u0dd4\u0dc0 \u0dad\u0dc4\u0dc0\u0dd4\u0dbb\u0dd4 \u0d9a\u0dd9\u0dbb\u0dda.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-glass-box\">\n <div class=\"feature-icon-avatar\"><i class=\"fa-solid fa-child\"><\/i><\/div>\n <div class=\"feature-inner-content\">\n <h4>\u0dc5\u0db8\u0dcf \u0db8\u0db1\u0ddd\u0dc0\u0dd2\u0daf\u0dca\u200d\u0dba\u0dcf\u0dc0\u0da7 \u0d9c\u0dd0\u0dbd\u0db4\u0dd9\u0db1 \u0d89\u0d9c\u0dd0\u0db1\u0dca\u0dc0\u0dd3\u0db8\u0dca<\/h4>\n <p>\u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca\u0d9c\u0dda \u0db8\u0db1\u0dc3\u0da7 \u0db6\u0dbb\u0d9a\u0dca \u0db1\u0ddc\u0dc0\u0db1 \u0db4\u0dbb\u0dd2\u0daf\u0dd2, \u0d9a\u0dca\u200d\u0dbb\u0dd3\u0da9\u0dcf\u0dc1\u0dd3\u0dbd\u0dd3 \u0dc3\u0dc4 \u0d86\u0d9a\u0dbb\u0dca\u0dc2\u0dab\u0dd3\u0dba \u0d9a\u0dca\u200d\u0dbb\u0db8\u0dc0\u0dda\u0daf \u0d94\u0dc3\u0dca\u0dc3\u0dda \u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0daf\u0dd0\u0db1\u0dd4\u0db8 \u0db1\u0dd2\u0dc0\u0dd0\u0dbb\u0daf\u0dd2\u0dc0 \u0dbd\u0db6\u0dcf \u0daf\u0dda.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-glass-box\">\n <div class=\"feature-icon-avatar\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n <div class=\"feature-inner-content\">\n <h4>\u0db1\u0dd2\u0db4\u0dd4\u0dab\u0dad\u0dcf \u0dc3\u0dc4 \u0d86\u0dad\u0dca\u0db8\u0dc0\u0dd2\u0dc1\u0dca\u0dc0\u0dcf\u0dc3\u0dba \u0dc3\u0d82\u0dc0\u0dbb\u0dca\u0db0\u0db1\u0dba<\/h4>\n <p>\u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0dc4\u0dcf \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dd2\u0d9a \u0db8\u0dd9\u0dc0\u0dbd\u0db8\u0dca \u0db7\u0dcf\u0dc0\u0dd2\u0dad\u0dba \u0db4\u0dd2\u0dc5\u0dd2\u0db6\u0db3 \u0daf\u0dbb\u0dd4\u0dc0\u0dcf \u0dad\u0dd4\u0dc5 \u0d87\u0dad\u0dd2 \u0db6\u0dd2\u0dba \u0dc3\u0dc4 \u0db8\u0dd0\u0daf\u0dd2\u0dbb\u0dd2\u0d9c\u0dd0\u0dc3\u0dd3\u0db8\u0dca \u0dc3\u0db8\u0dca\u0db4\u0dd6\u0dbb\u0dca\u0dab\u0dba\u0dd9\u0db1\u0dca\u0db8 \u0daf\u0dd4\u0dbb\u0dd4 \u0d9a\u0dbb\u0db8\u0dd2\u0db1\u0dca \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dd2\u0d9a \u0d9a\u0dd4\u0dc3\u0dbd\u0dad\u0dcf \u0daf\u0dd2\u0dba\u0dd4\u0dab\u0dd4 \u0d9a\u0dd9\u0dbb\u0dda.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n\n \n <aside class=\"sidebar-deck\">\n \n \n <div class=\"eligibility-luxury-badge\">\n <div class=\"eligibility-title-label\">\u0db4\u0dca\u200d\u0dbb\u0dcf\u0dae\u0db8\u0dd2\u0d9a \u0d85\u0d82\u0dc1\u0dba (Primary)<\/div>\n <div class=\"eligibility-value\">3, 4, 5 \u0dc0\u0dc3\u0dbb \u0dc3\u0dd2\u0dc3\u0dd4\u0db1\u0dca<\/div>\n <\/div>\n\n \n <div class=\"action-engagement-hub\" style=\"border: 2px solid #2563eb; box-shadow: 0 20px 40px rgba(37,99,235,0.12);\">\n <div class=\"hub-icon-glow\" style=\"background: rgba(37, 99, 235, 0.08); color: #2563eb;\">\n <i class=\"fa-solid fa-id-card-clip\"><\/i>\n <\/div>\n <h3>\u0db8\u0dcf\u0dbb\u0dca\u0d9c\u0d9c\u0dad\u0dc0 \u0d85\u0dba\u0daf\u0dd4\u0db8\u0dca\u0db4\u0dad\u0dca \u0dba\u0ddc\u0db8\u0dd4 \u0d9a\u0dbb\u0db1\u0dca\u0db1<\/h3>\n <p>\u0d85\u0db4\u0d9c\u0dda \u0db1\u0dd2\u0dbd \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2 \u0d9a\u0dd2\u0dbb\u0dd3\u0db8\u0dda \u0db4\u0ddd\u0dbb\u0db8\u0dba \u0dc0\u0dd2\u0dc0\u0dd8\u0dad \u0d9a\u0dbb, \u0daf\u0dad\u0dca\u0dad \u0db1\u0dd2\u0dc0\u0dd0\u0dbb\u0daf\u0dd2\u0dc0 \u0dc3\u0db8\u0dca\u0db4\u0dd4\u0dbb\u0dca\u0dab \u0d9a\u0dbb \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0 \u0dc3\u0db3\u0dc4\u0dcf \u0d85\u0daf\u0db8 \u0d85\u0dba\u0daf\u0dd4\u0db8\u0dca \u0d9a\u0dbb\u0db1\u0dca\u0db1.<\/p>\n \n <a href=\"https:\/\/heyoninstitute.lk\/?page_id=189\" target=\"_blank\" class=\"btn-portal-link\">\n <i class=\"fa-solid fa-file-signature\"><\/i> \u0d85\u0dba\u0daf\u0dd4\u0db8\u0dca\u0db4\u0dad \u0dc3\u0db8\u0dca\u0db4\u0dd6\u0dbb\u0dca\u0dab \u0d9a\u0dbb\u0db1\u0dca\u0db1\n <\/a>\n <\/div>\n\n \n <div class=\"action-engagement-hub\" style=\"border: 2px solid #22c55e; box-shadow: 0 20px 40px rgba(34,197,94,0.12);\">\n <div class=\"hub-icon-glow\" style=\"background: rgba(34, 197, 94, 0.08); color: #22c55e;\">\n <i class=\"fa-brands fa-whatsapp\"><\/i>\n <\/div>\n <h3>WhatsApp \u0dc4\u0dbb\u0dc4\u0dcf \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2\u0dba<\/h3>\n <p>\u0db4\u0dc4\u0dad \u0d86\u0d9a\u0dd8\u0dad\u0dd2\u0dba\u0da7 \u0d85\u0db1\u0dd4\u0dc0 \u0dc0\u0dd2\u0dc3\u0dca\u0dad\u0dbb \u0dc3\u0d9a\u0dc3\u0dcf \u0dc3\u0dd8\u0da2\u0dd4\u0dc0\u0db8 \u0d85\u0db4\u0d9c\u0dda \u0db1\u0dd2\u0dbd WhatsApp \u0d85\u0d82\u0d9a\u0dba\u0da7 \u0db4\u0dab\u0dd2\u0dc0\u0dd2\u0da9\u0dba\u0d9a\u0dca \u0dba\u0ddc\u0db8\u0dd4 \u0d9a\u0dbb\u0db1\u0dca\u0db1.<\/p>\n \n <div class=\"registration-format-box\">\n <strong>\u0db4\u0dab\u0dd2\u0dc0\u0dd2\u0da9\u0dba\u0dda \u0d86\u0d9a\u0dd8\u0dad\u0dd2\u0dba:<\/strong><br>\n [\u0daf\u0dbb\u0dd4\u0dc0\u0dcf\u0d9c\u0dda \u0db1\u0db8], [\u0dbd\u0dd2\u0db4\u0dd2\u0db1\u0dba] \u0dc3\u0dc4 <strong>“ICT STEP BASIC”<\/strong>\n <\/div>\n \n <a href=\"https:\/\/wa.me\/94742226938?text=ICT%20STEP%20BASIC%20Registration\" target=\"_blank\" class=\"btn-whatsapp-link\">\n <i class=\"fa-brands fa-whatsapp\"><\/i> 074 222 6938\n <\/a>\n <\/div>\n\n \n <div class=\"brand-channels-card\">\n <div class=\"channel-title\">\u0d85\u0db4\u0d9c\u0dda \u0db1\u0dd2\u0dbd \u0dc3\u0db8\u0dca\u0db6\u0db1\u0dca\u0db0\u0dad\u0dcf<\/div>\n \n <a href=\"https:\/\/heyoninstitute.lk\" target=\"_blank\" class=\"channel-item\">\n <i class=\"fa-solid fa-globe\" style=\"color: #2563eb;\"><\/i> heyoninstitute.lk\n <\/a>\n \n <a href=\"https:\/\/facebook.com\/HeyonInstitute\" target=\"_blank\" class=\"channel-item\">\n <i class=\"fa-brands fa-facebook\" style=\"color: #1877f2;\"><\/i> HeyonInstitute Official\n <\/a>\n <\/div>\n\n \n <footer class=\"brand-footer-block\">\n <h3>\u0dc4\u0dd9\u0dba\u0ddd\u0db1\u0dca \u0d86\u0dba\u0dad\u0db1\u0dba<\/h3>\n <p>\u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dd2\u0d9a \u0dbd\u0ddc\u0dc0 \u0da2\u0dba\u0d9c\u0db1\u0dca\u0db1\u0dcf \u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0d9a\u0dca!<\/p>\n <\/footer>\n\n <\/aside>\n\n <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ICT STEP BASIC \u2013 \u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc3\u0db3\u0dc4\u0dcf \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd2\u0dad \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0 – Heyon Institute ICT STEP BASIC \u0d9a\u0dd4\u0da9\u0dcf \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc3\u0db3\u0dc4\u0dcf \u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd2\u0dad \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf\u0dc0! \u0d94\u0db6\u0dda \u0daf\u0dbb\u0dd4\u0dc0\u0dcf\u0d9c\u0dda \u0d85\u0db1\u0dcf\u0d9c\u0dad\u0dba \u0dad\u0dcf\u0d9a\u0dca\u0dc2\u0dab\u0dba\u0dd9\u0db1\u0dca \u0daf\u0dd2\u0dba\u0dd4\u0dab\u0dd4 \u0d9a\u0dd2\u0dbb\u0dd3\u0db8\u0da7 \u0d85\u0daf\u0db8 \u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0d9a\u0dca \u0dad\u0db6\u0db1\u0dca\u0db1. 3 \u2013 5 \u0dc0\u0dc3\u0dbb\u0dda \u0dc3\u0dd2\u0dc3\u0dd4 \u0daf\u0dbb\u0dd4\u0dc0\u0db1\u0dca \u0dc0\u0dd9\u0db1\u0dd4\u0dc0\u0dd9\u0db1\u0dca\u0db8 \u0dc3\u0d9a\u0dc3\u0dca \u0d9a\u0dc5 \u0dc3\u0dd4\u0dc0\u0dd2\u0dc1\u0dda\u0dc2\u0dd3 \u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a \u0d85\u0db0\u0dca\u200d\u0dba\u0dcf\u0db4\u0db1 \u0dc3\u0dad\u0dca\u0d9a\u0dcf\u0dbb\u0dba. \u0db4\u0db1\u0dca\u0dad\u0dd2 \u0d9a\u0dcf\u0dbd\u0dc3\u0da7\u0dc4\u0db1 \u0dc3\u0dc4 \u0d86\u0dbb\u0db8\u0dca\u0db7\u0dba (Schedule) \u0dc3\u0dad\u0dd2\u0db4\u0dad\u0dcf \u0daf\u0dd2\u0db1\u0dba \u0dc3\u0dd2\u0d9a\u0dd4\u0dbb\u0dcf\u0daf\u0dcf (Friday) \u0dc0\u0dda\u0dbd\u0dcf\u0dc0 \u0db4.\u0dc0. […]<\/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-210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/210","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=210"}],"version-history":[{"count":8,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/210\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/210\/revisions\/557"}],"wp:attachment":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}