WordPress Course – Heyon Institute<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+Sinhala:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \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 --primary: #0f172a; \/* Sleek Slate 900 *\/\n --wp-gradient: linear-gradient(135deg, #21759b 0%, #00669b 100%); \/* WordPress Blue *\/\n --accent: #f59e0b; \/* Energetic Amber *\/\n --success: #10b981; \/* Premium Emerald *\/\n --text-main: #334155; \/* Slate 700 *\/\n --text-dark: #0f172a; \/* Slate 900 *\/\n --text-muted: #64748b; \/* Slate 500 *\/\n --bg-glass: rgba(255, 255, 255, 0.85);\n --bg-light: #f8fafc; \/* Slate 50 *\/\n --white: #ffffff;\n --shadow-sm: 0 4px 6px -1px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 12px 24px -4px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 20px 40px -4px rgba(15, 23, 42, 0.12);\n --radius-sm: 10px;\n --radius-md: 16px;\n --radius-lg: 24px;\n }\n\n \/* Reset & Base Styling *\/\n .heyon-course-body * {\n box-sizing: border-box;\n font-family: 'Plus Jakarta Sans', 'Noto Sans Sinhala', sans-serif;\n margin: 0;\n padding: 0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .heyon-course-body {\n color: var(--text-main);\n background-color: #f1f5f9;\n line-height: 1.7;\n padding-bottom: 60px;\n }\n\n \/* Premium Hero Section *\/\n .course-hero {\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n color: var(--white);\n padding: 90px 24px;\n text-align: center;\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n position: relative;\n overflow: hidden;\n max-width: 1202px;\n margin: 40px auto 0;\n }\n\n .wp-hero-bg {\n background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(33, 117, 155, 0.85) 100%), \n url('https:\/\/heyoninstitute.lk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_mm40u7mm40u7mm40.png');\n background-size: cover;\n }\n\n .course-hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .badge-container {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-bottom: 24px;\n flex-wrap: wrap;\n }\n\n .course-badge {\n background: rgba(255, 255, 255, 0.12);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: var(--white);\n font-weight: 700;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .wp-badge {\n background: var(--wp-gradient);\n border-color: transparent;\n box-shadow: 0 4px 12px rgba(33, 117, 155, 0.3);\n }\n\n .course-hero h1 {\n font-size: 2.6rem;\n font-weight: 800;\n margin-bottom: 20px;\n letter-spacing: -1px;\n line-height: 1.3;\n color: var(--white);\n }\n\n \/* Layout Grid *\/\n .course-container {\n max-width: 1250px;\n margin: 32px auto 0;\n padding: 0 24px;\n display: grid;\n grid-template-columns: 1.65fr 1fr;\n gap: 32px;\n }\n\n \/* Left Main Content Card *\/\n .course-main-content {\n background: var(--bg-glass);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n padding: 48px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-lg);\n border: 1px solid var(--white);\n }\n\n \/* Sidebar Containers *\/\n .course-sidebar {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\n\n \/* Elegant Section Headers *\/\n .content-section {\n margin-bottom: 40px;\n }\n\n .content-section:last-child {\n margin-bottom: 0;\n }\n\n .content-section h2 {\n font-size: 1.5rem;\n color: var(--text-dark);\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n gap: 14px;\n font-weight: 800;\n }\n\n .content-section h2 i {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n color: #21759b;\n background: rgba(33, 117, 155, 0.08);\n }\n\n \/* Syllabus Layout Design *\/\n .syllabus-list {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .syllabus-item {\n display: flex;\n align-items: center;\n gap: 18px;\n background: var(--white);\n padding: 18px 24px;\n border-radius: var(--radius-sm);\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--text-dark);\n box-shadow: var(--shadow-sm);\n border: 1px solid #e2e8f0;\n }\n\n .syllabus-item:hover {\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n border-color: #21759b;\n }\n\n .syllabus-item i {\n font-size: 1.3rem;\n width: 28px;\n text-align: center;\n background: var(--wp-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* Features Premium Blocks *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n }\n\n .feature-card {\n background: var(--white);\n border: 1px solid #e2e8f0;\n padding: 24px;\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-sm);\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n opacity: 0;\n transition: opacity 0.25s ease;\n background: var(--wp-gradient);\n }\n\n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n border-color: #cbd5e1;\n }\n\n .feature-card:hover::before {\n opacity: 1;\n }\n\n .feature-card i {\n font-size: 1.8rem;\n margin-bottom: 16px;\n display: inline-block;\n }\n\n .feature-card h3 {\n font-size: 1.1rem;\n color: var(--text-dark);\n margin-bottom: 8px;\n font-weight: 700;\n }\n\n .feature-card p {\n font-size: 0.95rem;\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n \/* Sidebar Widgets *\/\n .facts-card {\n background: var(--white);\n padding: 36px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-md);\n border: 1px solid #e2e8f0;\n border-top: 6px solid #21759b;\n }\n\n .facts-card h3 {\n font-size: 1.3rem;\n color: var(--text-dark);\n margin-bottom: 24px;\n font-weight: 800;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .fact-item {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n padding: 18px 0;\n border-bottom: 1px solid #f1f5f9;\n }\n\n .fact-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .fact-item:first-of-type {\n padding-top: 0;\n }\n\n .fact-icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n flex-shrink: 0;\n background: rgba(33, 117, 155, 0.06); \n color: #21759b;\n }\n\n .fact-text label {\n display: block;\n font-size: 0.8rem;\n color: var(--text-muted);\n text-transform: uppercase;\n font-weight: 700;\n letter-spacing: 0.5px;\n margin-bottom: 4px;\n }\n\n .fact-text value {\n display: block;\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.4;\n }\n\n \/* Dedicated Portals Section Widget *\/\n .portals-card {\n background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);\n color: var(--white);\n padding: 32px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-md);\n }\n\n .portals-card h3 {\n font-size: 1.25rem;\n margin-bottom: 20px;\n font-weight: 700;\n color: var(--white);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .portal-btn-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .portal-link {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 16px 20px;\n border-radius: var(--radius-sm);\n color: var(--white);\n text-decoration: none;\n font-weight: 600;\n }\n\n .portal-link:hover {\n background: rgba(255, 255, 255, 0.12);\n transform: translateX(4px);\n border-color: #21759b;\n }\n\n .portal-link div {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n .portal-link i.arrow {\n font-size: 0.9rem;\n opacity: 0.6;\n }\n\n \/* Functional Enrollment Box *\/\n .action-card {\n background: var(--white);\n padding: 36px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-lg);\n border: 1px solid #e2e8f0;\n }\n\n .action-card h3 {\n font-size: 1.3rem;\n margin-bottom: 24px;\n font-weight: 800;\n text-align: center;\n color: var(--text-dark);\n }\n\n \/* Buttons Layout *\/\n .btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n width: 100%;\n padding: 16px 24px;\n border-radius: var(--radius-sm);\n font-weight: 700;\n text-decoration: none;\n font-size: 1rem;\n box-shadow: var(--shadow-sm);\n }\n\n .btn-wp {\n background: var(--wp-gradient);\n color: var(--white);\n box-shadow: 0 4px 14px rgba(33, 117, 155, 0.25);\n }\n\n .btn-wp:hover {\n box-shadow: 0 6px 20px rgba(33, 117, 155, 0.4);\n transform: translateY(-2px);\n }\n\n .btn-whatsapp {\n background: #25d366;\n color: var(--white);\n margin-top: 12px;\n box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25);\n }\n\n .btn-whatsapp:hover {\n background: #20ba5a;\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\n transform: translateY(-2px);\n }\n\n \/* Instructions Framework *\/\n .guideline-box {\n background: var(--bg-light);\n border: 1px solid #e2e8f0;\n padding: 24px;\n border-radius: var(--radius-sm);\n margin-top: 24px;\n }\n\n .guideline-box h4 {\n color: var(--text-dark);\n margin-bottom: 12px;\n font-size: 0.95rem;\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 700;\n }\n\n .guideline-box h4 i { color: #21759b; }\n\n .guideline-box p {\n font-size: 0.9rem;\n color: var(--text-main);\n line-height: 1.6;\n margin-bottom: 12px;\n }\n .guideline-box p:last-child { margin-bottom: 0; }\n\n \/* General Info Connections *\/\n .info-panel {\n border-top: 1px dashed #e2e8f0;\n margin-top: 24px;\n padding-top: 20px;\n }\n\n .info-panel h4 {\n font-size: 0.95rem;\n color: var(--text-dark);\n margin-bottom: 14px;\n font-weight: 700;\n }\n\n .info-link {\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--text-main);\n text-decoration: none;\n font-size: 0.9rem;\n margin-bottom: 10px;\n font-weight: 500;\n }\n\n .info-link:last-child { margin-bottom: 0; }\n .info-link:hover { color: #21759b; }\n .info-link i { width: 20px; color: var(--text-muted); }\n\n \/* Continuous Bottom Footer Branding *\/\n .footer-note {\n text-align: center;\n padding: 40px 24px 0;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1.15rem;\n border-top: 1px solid #e2e8f0;\n margin: 40px auto 0;\n max-width: 1202px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n }\n\n .footer-note i {\n color: #21759b;\n font-size: 1.4rem;\n }\n\n \/* Responsive Breakpoints *\/\n @media (max-width: 992px) {\n .course-container {\n grid-template-columns: 1fr;\n }\n .course-hero h1 { font-size: 2rem; }\n .course-main-content { padding: 32px 24px; }\n }\n <\/style>\n<\/head>\n<body class=\"heyon-course-body\">\n\n \n \n \n <section class=\"course-hero wp-hero-bg\">\n <div class=\"badge-container\">\n <span class=\"course-badge\">WEB DESIGNING WITH WORDPRESS<\/span>\n <span class=\"course-badge wp-badge\"><i class=\"fa-brands fa-wordpress\"><\/i> \u0dc3\u0dbb\u0dbd\u0dc0\u0db8 \u0d89\u0d9c\u0dd9\u0db1 \u0d9c\u0db1\u0dca\u0db1<\/span>\n <\/div>\n <h1>\u0d94\u0db6\u0dda\u0db8 \u0dc0\u0dca\u200d\u0dba\u0dcf\u0db4\u0dcf\u0dbb\u0dba\u0d9a\u0da7 \u0dc4\u0ddd \u0dc0\u0dd8\u0dad\u0dca\u0dad\u0dd3\u0dba \u0d9c\u0db8\u0db1\u0d9a\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2\u0dba\u0d9a\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba \u0d9a\u0dbb\u0d9c\u0dd0\u0db1\u0dd3\u0db8\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0daf\u0dd0\u0db1\u0dd4\u0db8 \u0d89\u0dad\u0dcf\u0db8\u0dad\u0dca \u0dc3\u0dbb\u0dbd\u0dc0 \u0dbd\u0db6\u0dcf\u0d9c\u0db1\u0dca\u0db1.<\/h1>\n <\/section>\n\n <div class=\"course-container\">\n <main class=\"course-main-content\">\n <div class=\"content-section\">\n <h2><i class=\"fa-solid fa-laptop-code\"><\/i> \u0d85\u0db4 \u0d89\u0d9c\u0dd0\u0db1\u0dca\u0dc0\u0dd3\u0db8\u0da7 \u0db6\u0dbd\u0dcf\u0db4\u0ddc\u0dbb\u0ddc\u0dad\u0dca\u0dad\u0dd4 \u0dc0\u0db1 \u0daf\u0dda<\/h2>\n <p style=\"color: var(--text-muted); margin-bottom: 15px; font-weight: 500;\">\u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0dd9\u0db1\u0dca \u0db4\u0dd2\u0dba\u0dc0\u0dbb \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a\u0dc0 \u0d86\u0dc0\u0dbb\u0dab\u0dba \u0dc0\u0db1 \u0dc3\u0db8\u0dca\u0db4\u0cc2\u0cb0\u0ccd\u0ca3 \u0dc0\u0dd2\u0dc2\u0dba \u0db1\u0dd2\u0dbb\u0dca\u0daf\u0dda\u0dc1\u0dba:<\/p>\n <div class=\"syllabus-list\">\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-globe\"><\/i> \u0dc0\u0dd9\u0db6\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0d9a\u0dbb\u0dab\u0dba \u0db4\u0dd2\u0dc5\u0dd2\u0db6\u0db3 \u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0dc4\u0dd0\u0db3\u0dd2\u0db1\u0dca\u0dc0\u0dd3\u0db8<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-server\"><\/i> Local Servers \u0dc3\u0dca\u0dae\u0dcf\u0db4\u0db1\u0dba \u0dc3\u0dc4 \u0dc4\u0dd0\u0dc3\u0dd2\u0dbb\u0dc0\u0dd3\u0db8<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-brands fa-wordpress\"><\/i> WordPress \u0dc3\u0dca\u0dae\u0dcf\u0db4\u0db1\u0dba \u0dc3\u0dc4 Dashboard \u0d91\u0d9a \u0db7\u0dcf\u0dc0\u0dd2\u0dad\u0dba<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-cubes\"><\/i> Themes \u0dc3\u0dc4 Plugins \u0db1\u0dd2\u0dc0\u0dd0\u0dbb\u0daf\u0dd2\u0dc0 \u0db7\u0dcf\u0dc0\u0dd2\u0dad\u0dba<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-code\"><\/i> Static \u0dc3\u0dc4 Dynamic \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2 \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-cloud-arrow-up\"><\/i> \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2\u0dba\u0d9a\u0dca \u0d85\u0db1\u0dca\u0dad\u0dbb\u0dca\u0da2\u0dcf\u0dbd\u0dba\u0da7 \u0db8\u0dd4\u0daf\u0dcf \u0dc4\u0dd0\u0dbb\u0dd3\u0db8 (Hosting)<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-diagram-project\"><\/i> \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf \u0dc0\u0dca\u200d\u0dba\u0dcf\u0db4\u0dd8\u0dad\u0dd2\u0dba\u0d9a\u0dca (Course Project)<\/div>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h2><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> \u0dc0\u0dd2\u0dc1\u0dda\u0dc2 \u0db4\u0dc4\u0dc3\u0dd4\u0d9a\u0db8\u0dca<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-graduation-cap\" style=\"color: #21759b;\"><\/i>\n <h3>LMS \u0db4\u0dc4\u0dc3\u0dd4\u0d9a\u0db8\u0dca<\/h3>\n <p>LMS \u0db4\u0daf\u0dca\u0db0\u0dad\u0dd2\u0dba \u0dc4\u0dbb\u0dc4\u0dcf \u0dc3\u0dd2\u0dba\u0dbd\u0dd4\u0db8 \u0d89\u0d9c\u0dd9\u0db1\u0dd4\u0db8\u0dca \u0daf\u0dca\u200d\u0dbb\u0dc0\u0dca\u200d\u0dba (Learning Materials) \u0d9a\u0dca\u200d\u0dbb\u0db8\u0dc0\u0dad\u0dca\u0dc0 \u0dbd\u0db6\u0dcf \u0daf\u0dd3\u0db8.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-circle-check\" style=\"color: #10b981;\"><\/i>\n <h3>100% \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a\u0dba\u0dd2<\/h3>\n <p>\u0db1\u0dca\u200d\u0dba\u0dcf\u0dba\u0dcf\u0dad\u0dca\u0db8\u0d9a \u0d9a\u0dbb\u0dd4\u0dab\u0dd4\u0dc0\u0dbd\u0da7 \u0dc3\u0dd3\u0db8\u0dcf \u0db1\u0ddc\u0dc0\u0dd3, \u0dad\u0db1\u0dd2\u0dc0\u0db8 \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2\u0dba\u0d9a\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba \u0d9a\u0dd2\u0dbb\u0dd3\u0db8\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0db4\u0dd6\u0dbb\u0dca\u0dab \u0db4\u0dd4\u0dc4\u0dd4\u0dab\u0dd4\u0dc0.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <aside class=\"course-sidebar\">\n <div class=\"facts-card\">\n <h3><i class=\"fa-solid fa-circle-info\"><\/i> \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf \u0dc0\u0dd2\u0dc3\u0dca\u0dad\u0dbb<\/h3>\n <div class=\"fact-item\">\n <div class=\"fact-icon\"><i class=\"fa-solid fa-hourglass-half\"><\/i><\/div>\n <div class=\"fact-text\"><label>\u0d9a\u0dcf\u0dbd\u0dc3\u0dd3\u0db8\u0dcf\u0dc0<\/label><value>\u0db8\u0dcf\u0dc3 02 \u0dba\u0dd2<\/value><\/div>\n <\/div>\n <div class=\"fact-item\">\n <div class=\"fact-icon\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\n <div class=\"fact-text\"><label>\u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba\u0dad\u0dcf\u0dc0\u0dba<\/label><value>\u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a\u0dba \u0db4\u0dd2\u0dc5\u0dd2\u0db6\u0db3 \u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0daf\u0dd0\u0db1\u0dd4\u0db8 (Basic Computer Knowledge)<\/value><\/div>\n <\/div>\n <\/div>\n\n <div class=\"portals-card\">\n <h3><i class=\"fa-solid fa-network-wired\"><\/i> \u0d86\u0dba\u0dad\u0db1\u0dd2\u0d9a \u0da9\u0dd2\u0da2\u0dd2\u0da7\u0dbd\u0dca \u0db4\u0daf\u0dca\u0db0\u0dad\u0dd2<\/h3>\n <div class=\"portal-btn-grid\">\n <a href=\"https:\/\/lms.heyoninstitute.lk\/\" target=\"_blank\" class=\"portal-link\">\n <div><i class=\"fa-solid fa-graduation-cap\" style=\"color: #38bdf8;\"><\/i><span>LMS Portal<\/span><\/div>\n <i class=\"fa-solid fa-chevron-right arrow\"><\/i>\n <\/a>\n <a href=\"https:\/\/heyoninstitute.lk\/student_search.php\" target=\"_blank\" class=\"portal-link\">\n <div><i class=\"fa-solid fa-user-gear\" style=\"color: #34d399;\"><\/i><span>Student Portal<\/span><\/div>\n <i class=\"fa-solid fa-chevron-right arrow\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"action-card\">\n <h3>\u0daf\u0dd0\u0db1\u0dca\u0db8 \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2 \u0dc0\u0db1\u0dca\u0db1!<\/h3>\n <a href=\"https:\/\/wa.me\/94742226938?text=Web%20Designing%20With%20WordPress\" target=\"_blank\" class=\"btn btn-whatsapp\">\n <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp \u0db8\u0d9c\u0dd2\u0db1\u0dca \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2 \u0dc0\u0db1\u0dca\u0db1\n <\/a>\n\n <div class=\"guideline-box\" style=\"border-left: 3px solid #21759b;\">\n <h4><i class=\"fa-solid fa-circle-nodes\"><\/i> \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2 \u0dc0\u0db1 \u0d86\u0d9a\u0dcf\u0dbb\u0dba<\/h4>\n <p><strong>\u201cWeb Designing With WordPress\u201d<\/strong> \u0dbd\u0dd9\u0dc3 \u0dc3\u0db3\u0dc4\u0db1\u0dca \u0d9a\u0dbb \u0d94\u0db6\u0d9c\u0dda <strong>\u0db1\u0db8, \u0dbd\u0dd2\u0db4\u0dd2\u0db1\u0dba \u0dc3\u0dc4 WhatsApp \u0d85\u0d82\u0d9a\u0dba<\/strong> \u0db4\u0dc4\u0dad \u0daf\u0dd4\u0dbb\u0d9a\u0dae\u0db1 \u0d85\u0d82\u0d9a\u0dba\u0da7 \u0dba\u0ddc\u0db8\u0dd4 \u0d9a\u0dbb\u0db1\u0dca\u0db1:<\/p>\n <p style=\"font-size: 1.1rem; font-weight: 800; text-align: center; color: var(--text-dark); margin-top: 10px;\">\n <i class=\"fa-solid fa-phone\"><\/i> 074 222 6938\n <\/p>\n <\/div>\n\n <div class=\"info-panel\">\n <h4>\u0dc0\u0dd0\u0da9\u0dd2 \u0dc0\u0dd2\u0dc3\u0dca\u0dad\u0dbb \u0dc3\u0db3\u0dc4\u0dcf \u0dc3\u0db8\u0dca\u0db6\u0db1\u0dca\u0db0 \u0dc0\u0db1\u0dca\u0db1<\/h4>\n <a href=\"https:\/\/heyoninstitute.lk\" target=\"_blank\" class=\"info-link\"><i class=\"fa-solid fa-globe\"><\/i> <span>heyoninstitute.lk<\/span><\/a>\n <a href=\"https:\/\/facebook.com\/HeyonInstitute\" target=\"_blank\" class=\"info-link\"><i class=\"fa-brands fa-facebook\"><\/i> <span>facebook.com\/HeyonInstitute<\/span><\/a>\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n\n \n <footer class=\"footer-note\">\n <i class=\"fa-solid fa-briefcase\"><\/i> Heyon Institute \u2013 \u0d94\u0db6\u0dda \u0dc0\u0dd8\u0dad\u0dca\u0dad\u0dd3\u0dba \u0d9c\u0db8\u0db1\u0dda \u0dc3\u0dcf\u0dbb\u0dca\u0dae\u0d9a\u0dad\u0dca\u0dc0\u0dba\u0da7 \u0db1\u0dd2\u0dc0\u0dd0\u0dbb\u0daf\u0dd2\u0db8 \u0db4\u0dd2\u0dba\u0dc0\u0dbb!\n <\/footer>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress Course – Heyon Institute WEB DESIGNING WITH WORDPRESS \u0dc3\u0dbb\u0dbd\u0dc0\u0db8 \u0d89\u0d9c\u0dd9\u0db1 \u0d9c\u0db1\u0dca\u0db1 \u0d94\u0db6\u0dda\u0db8 \u0dc0\u0dca\u200d\u0dba\u0dcf\u0db4\u0dcf\u0dbb\u0dba\u0d9a\u0da7 \u0dc4\u0ddd \u0dc0\u0dd8\u0dad\u0dca\u0dad\u0dd3\u0dba \u0d9c\u0db8\u0db1\u0d9a\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2\u0dba\u0d9a\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba \u0d9a\u0dbb\u0d9c\u0dd0\u0db1\u0dd3\u0db8\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0daf\u0dd0\u0db1\u0dd4\u0db8 \u0d89\u0dad\u0dcf\u0db8\u0dad\u0dca \u0dc3\u0dbb\u0dbd\u0dc0 \u0dbd\u0db6\u0dcf\u0d9c\u0db1\u0dca\u0db1. \u0d85\u0db4 \u0d89\u0d9c\u0dd0\u0db1\u0dca\u0dc0\u0dd3\u0db8\u0da7 \u0db6\u0dbd\u0dcf\u0db4\u0ddc\u0dbb\u0ddc\u0dad\u0dca\u0dad\u0dd4 \u0dc0\u0db1 \u0daf\u0dda \u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0dd9\u0db1\u0dca \u0db4\u0dd2\u0dba\u0dc0\u0dbb \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a\u0dc0 \u0d86\u0dc0\u0dbb\u0dab\u0dba \u0dc0\u0db1 \u0dc3\u0db8\u0dca\u0db4\u0cc2\u0cb0\u0ccd\u0ca3 \u0dc0\u0dd2\u0dc2\u0dba \u0db1\u0dd2\u0dbb\u0dca\u0daf\u0dda\u0dc1\u0dba: \u0dc0\u0dd9\u0db6\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0d9a\u0dbb\u0dab\u0dba \u0db4\u0dd2\u0dc5\u0dd2\u0db6\u0db3 \u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0dc4\u0dd0\u0db3\u0dd2\u0db1\u0dca\u0dc0\u0dd3\u0db8 Local Servers \u0dc3\u0dca\u0dae\u0dcf\u0db4\u0db1\u0dba \u0dc3\u0dc4 \u0dc4\u0dd0\u0dc3\u0dd2\u0dbb\u0dc0\u0dd3\u0db8 WordPress \u0dc3\u0dca\u0dae\u0dcf\u0db4\u0db1\u0dba \u0dc3\u0dc4 Dashboard \u0d91\u0d9a […]<\/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-219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/219","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=219"}],"version-history":[{"count":4,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":628,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/219\/revisions\/628"}],"wp:attachment":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":219,"date":"2026-04-02T10:42:43","date_gmt":"2026-04-02T10:42:43","guid":{"rendered":"http:\/\/localhost\/heyoninstitute.lk-new\/?page_id=219"},"modified":"2026-06-03T11:40:19","modified_gmt":"2026-06-03T11:40:19","slug":"certificate-in-web-designing-with-wordpress","status":"publish","type":"page","link":"https:\/\/heyoninstitute.lk\/?page_id=219","title":{"rendered":"Certificate in Web Designing With WordPress"},"content":{"rendered":"\n\n\n\n \n \n WordPress Course – Heyon Institute<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+Sinhala:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \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 --primary: #0f172a; \/* Sleek Slate 900 *\/\n --wp-gradient: linear-gradient(135deg, #21759b 0%, #00669b 100%); \/* WordPress Blue *\/\n --accent: #f59e0b; \/* Energetic Amber *\/\n --success: #10b981; \/* Premium Emerald *\/\n --text-main: #334155; \/* Slate 700 *\/\n --text-dark: #0f172a; \/* Slate 900 *\/\n --text-muted: #64748b; \/* Slate 500 *\/\n --bg-glass: rgba(255, 255, 255, 0.85);\n --bg-light: #f8fafc; \/* Slate 50 *\/\n --white: #ffffff;\n --shadow-sm: 0 4px 6px -1px rgba(15, 23, 42, 0.05);\n --shadow-md: 0 12px 24px -4px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 20px 40px -4px rgba(15, 23, 42, 0.12);\n --radius-sm: 10px;\n --radius-md: 16px;\n --radius-lg: 24px;\n }\n\n \/* Reset & Base Styling *\/\n .heyon-course-body * {\n box-sizing: border-box;\n font-family: 'Plus Jakarta Sans', 'Noto Sans Sinhala', sans-serif;\n margin: 0;\n padding: 0;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .heyon-course-body {\n color: var(--text-main);\n background-color: #f1f5f9;\n line-height: 1.7;\n padding-bottom: 60px;\n }\n\n \/* Premium Hero Section *\/\n .course-hero {\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n color: var(--white);\n padding: 90px 24px;\n text-align: center;\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n position: relative;\n overflow: hidden;\n max-width: 1202px;\n margin: 40px auto 0;\n }\n\n .wp-hero-bg {\n background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(33, 117, 155, 0.85) 100%), \n url('https:\/\/heyoninstitute.lk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_mm40u7mm40u7mm40.png');\n background-size: cover;\n }\n\n .course-hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .badge-container {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-bottom: 24px;\n flex-wrap: wrap;\n }\n\n .course-badge {\n background: rgba(255, 255, 255, 0.12);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n color: var(--white);\n font-weight: 700;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .wp-badge {\n background: var(--wp-gradient);\n border-color: transparent;\n box-shadow: 0 4px 12px rgba(33, 117, 155, 0.3);\n }\n\n .course-hero h1 {\n font-size: 2.6rem;\n font-weight: 800;\n margin-bottom: 20px;\n letter-spacing: -1px;\n line-height: 1.3;\n color: var(--white);\n }\n\n \/* Layout Grid *\/\n .course-container {\n max-width: 1250px;\n margin: 32px auto 0;\n padding: 0 24px;\n display: grid;\n grid-template-columns: 1.65fr 1fr;\n gap: 32px;\n }\n\n \/* Left Main Content Card *\/\n .course-main-content {\n background: var(--bg-glass);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n padding: 48px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-lg);\n border: 1px solid var(--white);\n }\n\n \/* Sidebar Containers *\/\n .course-sidebar {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\n\n \/* Elegant Section Headers *\/\n .content-section {\n margin-bottom: 40px;\n }\n\n .content-section:last-child {\n margin-bottom: 0;\n }\n\n .content-section h2 {\n font-size: 1.5rem;\n color: var(--text-dark);\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n gap: 14px;\n font-weight: 800;\n }\n\n .content-section h2 i {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n color: #21759b;\n background: rgba(33, 117, 155, 0.08);\n }\n\n \/* Syllabus Layout Design *\/\n .syllabus-list {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .syllabus-item {\n display: flex;\n align-items: center;\n gap: 18px;\n background: var(--white);\n padding: 18px 24px;\n border-radius: var(--radius-sm);\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--text-dark);\n box-shadow: var(--shadow-sm);\n border: 1px solid #e2e8f0;\n }\n\n .syllabus-item:hover {\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n border-color: #21759b;\n }\n\n .syllabus-item i {\n font-size: 1.3rem;\n width: 28px;\n text-align: center;\n background: var(--wp-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* Features Premium Blocks *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n }\n\n .feature-card {\n background: var(--white);\n border: 1px solid #e2e8f0;\n padding: 24px;\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-sm);\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n opacity: 0;\n transition: opacity 0.25s ease;\n background: var(--wp-gradient);\n }\n\n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n border-color: #cbd5e1;\n }\n\n .feature-card:hover::before {\n opacity: 1;\n }\n\n .feature-card i {\n font-size: 1.8rem;\n margin-bottom: 16px;\n display: inline-block;\n }\n\n .feature-card h3 {\n font-size: 1.1rem;\n color: var(--text-dark);\n margin-bottom: 8px;\n font-weight: 700;\n }\n\n .feature-card p {\n font-size: 0.95rem;\n color: var(--text-muted);\n line-height: 1.6;\n }\n\n \/* Sidebar Widgets *\/\n .facts-card {\n background: var(--white);\n padding: 36px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-md);\n border: 1px solid #e2e8f0;\n border-top: 6px solid #21759b;\n }\n\n .facts-card h3 {\n font-size: 1.3rem;\n color: var(--text-dark);\n margin-bottom: 24px;\n font-weight: 800;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .fact-item {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n padding: 18px 0;\n border-bottom: 1px solid #f1f5f9;\n }\n\n .fact-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .fact-item:first-of-type {\n padding-top: 0;\n }\n\n .fact-icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n flex-shrink: 0;\n background: rgba(33, 117, 155, 0.06); \n color: #21759b;\n }\n\n .fact-text label {\n display: block;\n font-size: 0.8rem;\n color: var(--text-muted);\n text-transform: uppercase;\n font-weight: 700;\n letter-spacing: 0.5px;\n margin-bottom: 4px;\n }\n\n .fact-text value {\n display: block;\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.4;\n }\n\n \/* Dedicated Portals Section Widget *\/\n .portals-card {\n background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);\n color: var(--white);\n padding: 32px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-md);\n }\n\n .portals-card h3 {\n font-size: 1.25rem;\n margin-bottom: 20px;\n font-weight: 700;\n color: var(--white);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .portal-btn-grid {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .portal-link {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 16px 20px;\n border-radius: var(--radius-sm);\n color: var(--white);\n text-decoration: none;\n font-weight: 600;\n }\n\n .portal-link:hover {\n background: rgba(255, 255, 255, 0.12);\n transform: translateX(4px);\n border-color: #21759b;\n }\n\n .portal-link div {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n .portal-link i.arrow {\n font-size: 0.9rem;\n opacity: 0.6;\n }\n\n \/* Functional Enrollment Box *\/\n .action-card {\n background: var(--white);\n padding: 36px;\n border-radius: var(--radius-md);\n box-shadow: var(--shadow-lg);\n border: 1px solid #e2e8f0;\n }\n\n .action-card h3 {\n font-size: 1.3rem;\n margin-bottom: 24px;\n font-weight: 800;\n text-align: center;\n color: var(--text-dark);\n }\n\n \/* Buttons Layout *\/\n .btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n width: 100%;\n padding: 16px 24px;\n border-radius: var(--radius-sm);\n font-weight: 700;\n text-decoration: none;\n font-size: 1rem;\n box-shadow: var(--shadow-sm);\n }\n\n .btn-wp {\n background: var(--wp-gradient);\n color: var(--white);\n box-shadow: 0 4px 14px rgba(33, 117, 155, 0.25);\n }\n\n .btn-wp:hover {\n box-shadow: 0 6px 20px rgba(33, 117, 155, 0.4);\n transform: translateY(-2px);\n }\n\n .btn-whatsapp {\n background: #25d366;\n color: var(--white);\n margin-top: 12px;\n box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25);\n }\n\n .btn-whatsapp:hover {\n background: #20ba5a;\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\n transform: translateY(-2px);\n }\n\n \/* Instructions Framework *\/\n .guideline-box {\n background: var(--bg-light);\n border: 1px solid #e2e8f0;\n padding: 24px;\n border-radius: var(--radius-sm);\n margin-top: 24px;\n }\n\n .guideline-box h4 {\n color: var(--text-dark);\n margin-bottom: 12px;\n font-size: 0.95rem;\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 700;\n }\n\n .guideline-box h4 i { color: #21759b; }\n\n .guideline-box p {\n font-size: 0.9rem;\n color: var(--text-main);\n line-height: 1.6;\n margin-bottom: 12px;\n }\n .guideline-box p:last-child { margin-bottom: 0; }\n\n \/* General Info Connections *\/\n .info-panel {\n border-top: 1px dashed #e2e8f0;\n margin-top: 24px;\n padding-top: 20px;\n }\n\n .info-panel h4 {\n font-size: 0.95rem;\n color: var(--text-dark);\n margin-bottom: 14px;\n font-weight: 700;\n }\n\n .info-link {\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--text-main);\n text-decoration: none;\n font-size: 0.9rem;\n margin-bottom: 10px;\n font-weight: 500;\n }\n\n .info-link:last-child { margin-bottom: 0; }\n .info-link:hover { color: #21759b; }\n .info-link i { width: 20px; color: var(--text-muted); }\n\n \/* Continuous Bottom Footer Branding *\/\n .footer-note {\n text-align: center;\n padding: 40px 24px 0;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1.15rem;\n border-top: 1px solid #e2e8f0;\n margin: 40px auto 0;\n max-width: 1202px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n }\n\n .footer-note i {\n color: #21759b;\n font-size: 1.4rem;\n }\n\n \/* Responsive Breakpoints *\/\n @media (max-width: 992px) {\n .course-container {\n grid-template-columns: 1fr;\n }\n .course-hero h1 { font-size: 2rem; }\n .course-main-content { padding: 32px 24px; }\n }\n <\/style>\n<\/head>\n<body class=\"heyon-course-body\">\n\n \n \n \n <section class=\"course-hero wp-hero-bg\">\n <div class=\"badge-container\">\n <span class=\"course-badge\">WEB DESIGNING WITH WORDPRESS<\/span>\n <span class=\"course-badge wp-badge\"><i class=\"fa-brands fa-wordpress\"><\/i> \u0dc3\u0dbb\u0dbd\u0dc0\u0db8 \u0d89\u0d9c\u0dd9\u0db1 \u0d9c\u0db1\u0dca\u0db1<\/span>\n <\/div>\n <h1>\u0d94\u0db6\u0dda\u0db8 \u0dc0\u0dca\u200d\u0dba\u0dcf\u0db4\u0dcf\u0dbb\u0dba\u0d9a\u0da7 \u0dc4\u0ddd \u0dc0\u0dd8\u0dad\u0dca\u0dad\u0dd3\u0dba \u0d9c\u0db8\u0db1\u0d9a\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2\u0dba\u0d9a\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba \u0d9a\u0dbb\u0d9c\u0dd0\u0db1\u0dd3\u0db8\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0daf\u0dd0\u0db1\u0dd4\u0db8 \u0d89\u0dad\u0dcf\u0db8\u0dad\u0dca \u0dc3\u0dbb\u0dbd\u0dc0 \u0dbd\u0db6\u0dcf\u0d9c\u0db1\u0dca\u0db1.<\/h1>\n <\/section>\n\n <div class=\"course-container\">\n <main class=\"course-main-content\">\n <div class=\"content-section\">\n <h2><i class=\"fa-solid fa-laptop-code\"><\/i> \u0d85\u0db4 \u0d89\u0d9c\u0dd0\u0db1\u0dca\u0dc0\u0dd3\u0db8\u0da7 \u0db6\u0dbd\u0dcf\u0db4\u0ddc\u0dbb\u0ddc\u0dad\u0dca\u0dad\u0dd4 \u0dc0\u0db1 \u0daf\u0dda<\/h2>\n <p style=\"color: var(--text-muted); margin-bottom: 15px; font-weight: 500;\">\u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0dd9\u0db1\u0dca \u0db4\u0dd2\u0dba\u0dc0\u0dbb \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a\u0dc0 \u0d86\u0dc0\u0dbb\u0dab\u0dba \u0dc0\u0db1 \u0dc3\u0db8\u0dca\u0db4\u0cc2\u0cb0\u0ccd\u0ca3 \u0dc0\u0dd2\u0dc2\u0dba \u0db1\u0dd2\u0dbb\u0dca\u0daf\u0dda\u0dc1\u0dba:<\/p>\n <div class=\"syllabus-list\">\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-globe\"><\/i> \u0dc0\u0dd9\u0db6\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0d9a\u0dbb\u0dab\u0dba \u0db4\u0dd2\u0dc5\u0dd2\u0db6\u0db3 \u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0dc4\u0dd0\u0db3\u0dd2\u0db1\u0dca\u0dc0\u0dd3\u0db8<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-server\"><\/i> Local Servers \u0dc3\u0dca\u0dae\u0dcf\u0db4\u0db1\u0dba \u0dc3\u0dc4 \u0dc4\u0dd0\u0dc3\u0dd2\u0dbb\u0dc0\u0dd3\u0db8<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-brands fa-wordpress\"><\/i> WordPress \u0dc3\u0dca\u0dae\u0dcf\u0db4\u0db1\u0dba \u0dc3\u0dc4 Dashboard \u0d91\u0d9a \u0db7\u0dcf\u0dc0\u0dd2\u0dad\u0dba<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-cubes\"><\/i> Themes \u0dc3\u0dc4 Plugins \u0db1\u0dd2\u0dc0\u0dd0\u0dbb\u0daf\u0dd2\u0dc0 \u0db7\u0dcf\u0dc0\u0dd2\u0dad\u0dba<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-code\"><\/i> Static \u0dc3\u0dc4 Dynamic \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2 \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-cloud-arrow-up\"><\/i> \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2\u0dba\u0d9a\u0dca \u0d85\u0db1\u0dca\u0dad\u0dbb\u0dca\u0da2\u0dcf\u0dbd\u0dba\u0da7 \u0db8\u0dd4\u0daf\u0dcf \u0dc4\u0dd0\u0dbb\u0dd3\u0db8 (Hosting)<\/div>\n <div class=\"syllabus-item\"><i class=\"fa-solid fa-diagram-project\"><\/i> \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf \u0dc0\u0dca\u200d\u0dba\u0dcf\u0db4\u0dd8\u0dad\u0dd2\u0dba\u0d9a\u0dca (Course Project)<\/div>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h2><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> \u0dc0\u0dd2\u0dc1\u0dda\u0dc2 \u0db4\u0dc4\u0dc3\u0dd4\u0d9a\u0db8\u0dca<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-graduation-cap\" style=\"color: #21759b;\"><\/i>\n <h3>LMS \u0db4\u0dc4\u0dc3\u0dd4\u0d9a\u0db8\u0dca<\/h3>\n <p>LMS \u0db4\u0daf\u0dca\u0db0\u0dad\u0dd2\u0dba \u0dc4\u0dbb\u0dc4\u0dcf \u0dc3\u0dd2\u0dba\u0dbd\u0dd4\u0db8 \u0d89\u0d9c\u0dd9\u0db1\u0dd4\u0db8\u0dca \u0daf\u0dca\u200d\u0dbb\u0dc0\u0dca\u200d\u0dba (Learning Materials) \u0d9a\u0dca\u200d\u0dbb\u0db8\u0dc0\u0dad\u0dca\u0dc0 \u0dbd\u0db6\u0dcf \u0daf\u0dd3\u0db8.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <i class=\"fa-solid fa-circle-check\" style=\"color: #10b981;\"><\/i>\n <h3>100% \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a\u0dba\u0dd2<\/h3>\n <p>\u0db1\u0dca\u200d\u0dba\u0dcf\u0dba\u0dcf\u0dad\u0dca\u0db8\u0d9a \u0d9a\u0dbb\u0dd4\u0dab\u0dd4\u0dc0\u0dbd\u0da7 \u0dc3\u0dd3\u0db8\u0dcf \u0db1\u0ddc\u0dc0\u0dd3, \u0dad\u0db1\u0dd2\u0dc0\u0db8 \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2\u0dba\u0d9a\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba \u0d9a\u0dd2\u0dbb\u0dd3\u0db8\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0db4\u0dd6\u0dbb\u0dca\u0dab \u0db4\u0dd4\u0dc4\u0dd4\u0dab\u0dd4\u0dc0.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <aside class=\"course-sidebar\">\n <div class=\"facts-card\">\n <h3><i class=\"fa-solid fa-circle-info\"><\/i> \u0db4\u0dcf\u0da8\u0db8\u0dcf\u0dbd\u0dcf \u0dc0\u0dd2\u0dc3\u0dca\u0dad\u0dbb<\/h3>\n <div class=\"fact-item\">\n <div class=\"fact-icon\"><i class=\"fa-solid fa-hourglass-half\"><\/i><\/div>\n <div class=\"fact-text\"><label>\u0d9a\u0dcf\u0dbd\u0dc3\u0dd3\u0db8\u0dcf\u0dc0<\/label><value>\u0db8\u0dcf\u0dc3 02 \u0dba\u0dd2<\/value><\/div>\n <\/div>\n <div class=\"fact-item\">\n <div class=\"fact-icon\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\n <div class=\"fact-text\"><label>\u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba\u0dad\u0dcf\u0dc0\u0dba<\/label><value>\u0db4\u0dbb\u0dd2\u0d9c\u0dab\u0d9a\u0dba \u0db4\u0dd2\u0dc5\u0dd2\u0db6\u0db3 \u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0daf\u0dd0\u0db1\u0dd4\u0db8 (Basic Computer Knowledge)<\/value><\/div>\n <\/div>\n <\/div>\n\n <div class=\"portals-card\">\n <h3><i class=\"fa-solid fa-network-wired\"><\/i> \u0d86\u0dba\u0dad\u0db1\u0dd2\u0d9a \u0da9\u0dd2\u0da2\u0dd2\u0da7\u0dbd\u0dca \u0db4\u0daf\u0dca\u0db0\u0dad\u0dd2<\/h3>\n <div class=\"portal-btn-grid\">\n <a href=\"https:\/\/lms.heyoninstitute.lk\/\" target=\"_blank\" class=\"portal-link\">\n <div><i class=\"fa-solid fa-graduation-cap\" style=\"color: #38bdf8;\"><\/i><span>LMS Portal<\/span><\/div>\n <i class=\"fa-solid fa-chevron-right arrow\"><\/i>\n <\/a>\n <a href=\"https:\/\/heyoninstitute.lk\/student_search.php\" target=\"_blank\" class=\"portal-link\">\n <div><i class=\"fa-solid fa-user-gear\" style=\"color: #34d399;\"><\/i><span>Student Portal<\/span><\/div>\n <i class=\"fa-solid fa-chevron-right arrow\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"action-card\">\n <h3>\u0daf\u0dd0\u0db1\u0dca\u0db8 \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2 \u0dc0\u0db1\u0dca\u0db1!<\/h3>\n <a href=\"https:\/\/wa.me\/94742226938?text=Web%20Designing%20With%20WordPress\" target=\"_blank\" class=\"btn btn-whatsapp\">\n <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp \u0db8\u0d9c\u0dd2\u0db1\u0dca \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2 \u0dc0\u0db1\u0dca\u0db1\n <\/a>\n\n <div class=\"guideline-box\" style=\"border-left: 3px solid #21759b;\">\n <h4><i class=\"fa-solid fa-circle-nodes\"><\/i> \u0dbd\u0dd2\u0dba\u0dcf\u0db4\u0daf\u0dd2\u0d82\u0da0\u0dd2 \u0dc0\u0db1 \u0d86\u0d9a\u0dcf\u0dbb\u0dba<\/h4>\n <p><strong>\u201cWeb Designing With WordPress\u201d<\/strong> \u0dbd\u0dd9\u0dc3 \u0dc3\u0db3\u0dc4\u0db1\u0dca \u0d9a\u0dbb \u0d94\u0db6\u0d9c\u0dda <strong>\u0db1\u0db8, \u0dbd\u0dd2\u0db4\u0dd2\u0db1\u0dba \u0dc3\u0dc4 WhatsApp \u0d85\u0d82\u0d9a\u0dba<\/strong> \u0db4\u0dc4\u0dad \u0daf\u0dd4\u0dbb\u0d9a\u0dae\u0db1 \u0d85\u0d82\u0d9a\u0dba\u0da7 \u0dba\u0ddc\u0db8\u0dd4 \u0d9a\u0dbb\u0db1\u0dca\u0db1:<\/p>\n <p style=\"font-size: 1.1rem; font-weight: 800; text-align: center; color: var(--text-dark); margin-top: 10px;\">\n <i class=\"fa-solid fa-phone\"><\/i> 074 222 6938\n <\/p>\n <\/div>\n\n <div class=\"info-panel\">\n <h4>\u0dc0\u0dd0\u0da9\u0dd2 \u0dc0\u0dd2\u0dc3\u0dca\u0dad\u0dbb \u0dc3\u0db3\u0dc4\u0dcf \u0dc3\u0db8\u0dca\u0db6\u0db1\u0dca\u0db0 \u0dc0\u0db1\u0dca\u0db1<\/h4>\n <a href=\"https:\/\/heyoninstitute.lk\" target=\"_blank\" class=\"info-link\"><i class=\"fa-solid fa-globe\"><\/i> <span>heyoninstitute.lk<\/span><\/a>\n <a href=\"https:\/\/facebook.com\/HeyonInstitute\" target=\"_blank\" class=\"info-link\"><i class=\"fa-brands fa-facebook\"><\/i> <span>facebook.com\/HeyonInstitute<\/span><\/a>\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n\n \n <footer class=\"footer-note\">\n <i class=\"fa-solid fa-briefcase\"><\/i> Heyon Institute \u2013 \u0d94\u0db6\u0dda \u0dc0\u0dd8\u0dad\u0dca\u0dad\u0dd3\u0dba \u0d9c\u0db8\u0db1\u0dda \u0dc3\u0dcf\u0dbb\u0dca\u0dae\u0d9a\u0dad\u0dca\u0dc0\u0dba\u0da7 \u0db1\u0dd2\u0dc0\u0dd0\u0dbb\u0daf\u0dd2\u0db8 \u0db4\u0dd2\u0dba\u0dc0\u0dbb!\n <\/footer>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress Course – Heyon Institute WEB DESIGNING WITH WORDPRESS \u0dc3\u0dbb\u0dbd\u0dc0\u0db8 \u0d89\u0d9c\u0dd9\u0db1 \u0d9c\u0db1\u0dca\u0db1 \u0d94\u0db6\u0dda\u0db8 \u0dc0\u0dca\u200d\u0dba\u0dcf\u0db4\u0dcf\u0dbb\u0dba\u0d9a\u0da7 \u0dc4\u0ddd \u0dc0\u0dd8\u0dad\u0dca\u0dad\u0dd3\u0dba \u0d9c\u0db8\u0db1\u0d9a\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2\u0dba\u0d9a\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba \u0d9a\u0dbb\u0d9c\u0dd0\u0db1\u0dd3\u0db8\u0da7 \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba \u0daf\u0dd0\u0db1\u0dd4\u0db8 \u0d89\u0dad\u0dcf\u0db8\u0dad\u0dca \u0dc3\u0dbb\u0dbd\u0dc0 \u0dbd\u0db6\u0dcf\u0d9c\u0db1\u0dca\u0db1. \u0d85\u0db4 \u0d89\u0d9c\u0dd0\u0db1\u0dca\u0dc0\u0dd3\u0db8\u0da7 \u0db6\u0dbd\u0dcf\u0db4\u0ddc\u0dbb\u0ddc\u0dad\u0dca\u0dad\u0dd4 \u0dc0\u0db1 \u0daf\u0dda \u0db4\u0dd2\u0dba\u0dc0\u0dbb\u0dd9\u0db1\u0dca \u0db4\u0dd2\u0dba\u0dc0\u0dbb \u0db4\u0dca\u200d\u0dbb\u0dcf\u0dba\u0ddd\u0d9c\u0dd2\u0d9a\u0dc0 \u0d86\u0dc0\u0dbb\u0dab\u0dba \u0dc0\u0db1 \u0dc3\u0db8\u0dca\u0db4\u0cc2\u0cb0\u0ccd\u0ca3 \u0dc0\u0dd2\u0dc2\u0dba \u0db1\u0dd2\u0dbb\u0dca\u0daf\u0dda\u0dc1\u0dba: \u0dc0\u0dd9\u0db6\u0dca \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0d9a\u0dbb\u0dab\u0dba \u0db4\u0dd2\u0dc5\u0dd2\u0db6\u0db3 \u0db8\u0dd6\u0dbd\u0dd2\u0d9a \u0dc4\u0dd0\u0db3\u0dd2\u0db1\u0dca\u0dc0\u0dd3\u0db8 Local Servers \u0dc3\u0dca\u0dae\u0dcf\u0db4\u0db1\u0dba \u0dc3\u0dc4 \u0dc4\u0dd0\u0dc3\u0dd2\u0dbb\u0dc0\u0dd3\u0db8 WordPress \u0dc3\u0dca\u0dae\u0dcf\u0db4\u0db1\u0dba \u0dc3\u0dc4 Dashboard \u0d91\u0d9a […]<\/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-219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/219","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=219"}],"version-history":[{"count":4,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":628,"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=\/wp\/v2\/pages\/219\/revisions\/628"}],"wp:attachment":[{"href":"https:\/\/heyoninstitute.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}