DRI Malaysia \u2013 Certification Courses<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html, body, button, input, select, textarea { font-family: inherit; } \/* inherit WP theme fonts *\/\n\n body { background: #f5f5f5; padding: 40px 20px; }\n .container { max-width: 1400px; margin: 0 auto; }\n\n \/* Grid *\/\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n align-items: stretch;\n }\n\n .course-card {\n background: #fff; border-radius: 8px; overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,0.1);\n transition: transform .3s ease, box-shadow .3s ease;\n display: flex; flex-direction: column; height: 100%;\n }\n .course-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }\n\n .course-image { width: 100%; height: 200px; object-fit: cover; display: block; }\n\n .course-content { padding: 40px; text-align: center; }\n .course-title { font-size: 1.5em; font-weight: 700; color: #2c3e50; margin-bottom: 18px; line-height: 1.35; }\n .course-code { color: #64748b; font-size: .95em; margin-bottom: 22px; }\n\n .course-duration { display: flex; justify-content: center; gap: 30px; margin-bottom: 24px; }\n .duration-item { text-align: center; }\n .duration-number { font-size: 2.2em; font-weight: 700; color: #2ecc71; line-height: 1; }\n .duration-label { font-size: .95em; color: #2ecc71; font-weight: 600; margin-top: 4px; }\n .duration-separator { font-size: 1.6em; color: #d0d0d0; font-weight: 300; }\n\n .btn-course-details {\n background: #2ecc71; color: #fff; border: none;\n padding: 14px 40px; border-radius: 50px; font-size: 1em; font-weight: 600;\n cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: all .3s ease;\n display: inline-block; text-decoration: none; \/* anchor styles *\/\n }\n .btn-course-details:hover { background: #27ae60; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(46,204,113,.3); }\n\n \/* Next Course Dates *\/\n .next-dates { margin-top: 16px; text-align: left; }\n .next-dates__label { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; color: #2c3e50; font-size: 1.05em; margin-bottom: 10px; }\n .next-dates__label svg { width: 18px; height: 18px; fill: #2ecc71; flex-shrink: 0; }\n .next-dates__list { display: flex; flex-wrap: wrap; gap: 10px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; }\n .date-badge {\n background: rgba(46,204,113,.08); color: #2c3e50;\n border: 1px solid rgba(46,204,113,.35);\n padding: 8px 14px; border-radius: 999px; font-size: .95em; font-weight: 600; white-space: nowrap;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\n }\n .date-badge:hover { background: rgba(46,204,113,.14); transform: translateY(-1px); box-shadow: 0 2px 10px rgba(46,204,113,.15); }\n\n .qualifications { padding: 28px 40px 34px; border-top: 1px solid #eaeaea; text-align: left; margin-top: auto; }\n .qualifications h3 { font-size: 1.1em; color: #2c3e50; margin-bottom: 12px; }\n .qualifications ul { list-style: none; }\n .qualifications li { color: #2c3e50; line-height: 1.8; font-size: .98em; padding-left: 15px; position: relative; }\n .qualifications li:before { content: \"\u2022\"; position: absolute; left: 0; color: #2c3e50; font-weight: 700; }\n\n \/* Load More (will hide automatically if nothing to load) *\/\n .load-more-container { text-align: center; margin: 40px 0 10px; }\n .btn-load-more {\n background: #2ecc71; color:#fff; border:none; padding:16px 54px; border-radius:50px;\n font-size:1em; font-weight:600; cursor:pointer; text-transform:uppercase; letter-spacing:1px;\n transition:all .3s ease; box-shadow:0 4px 15px rgba(46,204,113,.3);\n }\n .btn-load-more:hover { background:#27ae60; transform:translateY(-2px); box-shadow:0 6px 20px rgba(46,204,113,.4); }\n\n @media (max-width: 768px) {\n .courses-grid { grid-template-columns: 1fr; }\n .course-content { padding: 30px 20px; }\n .qualifications { padding: 24px 20px 28px; }\n .course-title { font-size: 1.3em; }\n .duration-number { font-size: 2em; }\n .course-duration { gap: 20px; }\n .btn-course-details { padding: 12px 36px; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div id=\"coursesGrid\" class=\"courses-grid\"><\/div>\n\n <div class=\"load-more-container\">\n <button id=\"loadMoreBtn\" class=\"btn-load-more\">Load More Courses<\/button>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function () {\n \/\/ Shared image (same as before)\n const COURSE_IMG = 'https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?w=800&h=400&fit=crop';\n const CAL_ICON = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a2 2 0 0 1 2 2v3H2V6a2 2 0 0 1 2-2h1V3a1 1 0 0 1 2 0v1zM2 10h20v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8zm5 3a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H7zm5 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2z\"\/><\/svg>';\n\n \/\/ Optional: centralize base path for easy updates\n const DETAILS_BASE = '\/dri\/';\n\n \/\/ === CERTIFICATION COURSES ONLY ===\n const allCourses = [\n {\n id: 'bcle2000',\n title: 'Professional Business Continuity Management Certification Course',\n code: 'BCLE-2000',\n detailsUrl:'https:\/\/dri-gcc.org\/staging\/4-5-day-professional-business-continuity-management-certification-course\/',\n image: COURSE_IMG,\n duration: [{num: '4.5 Days', label: 'Certification Course'}],\n dates: [,\n {label: '9\u201313 Feb 2026', isoStart: '2026-02-09'},\n {label: '8\u201312 Jun 2026', isoStart: '2026-06-08'},\n {label: '17\u201321 Aug 2026', isoStart: '2026-08-17'},\n {label: '2\u20136 Nov 2026', isoStart: '2026-11-02'},\n ],\n takeaways: [\n 'Certified as: ABCP \/ CFCP \/ CBCV \/ CBCP',\n 'Comprehensive exposure to end-to-end BCM lifecycle aligned to DRI 10 Professional Practices',\n 'Benchmark against International standards such as ISO 22301'\n ]\n },\n {\n id: 'crle2000',\n title: 'Cyber Resilience for the Business Continuity Professional',\n code: 'CRLE-2000',\n detailsUrl:'https:\/\/dri-gcc.org\/staging\/4-5-day-cyber-resilience-for-the-business-continuity-professional-certification-course\/',\n image: COURSE_IMG,\n duration: [{num: '4.5 Days', label: 'Certification Course'}],\n dates: [\n {label: '11\u201315 May 2026', isoStart: '2026-05-11'},\n {label: '12\u201316 Oct 2026', isoStart: '2026-10-12'},\n ],\n takeaways: [\n 'Certified as: ACRP \/ CCRP',\n 'Adopt 6 core phases of the NIST Cybersecurity Framework 2.0',\n 'Master an effective Cyber Resilience program'\n ]\n },\n {\n id: 'rmle2000',\n title: 'Risk Management for Business Continuity',\n code: 'RMLE-2000',\n detailsUrl:'https:\/\/dri-gcc.org\/staging\/4-5-days-risk-management-for-business-continuity-professional\/',\n image: COURSE_IMG,\n duration: [{num: '4.5 Days', label: 'Certification Course'}],\n dates: [\n {label: '20\u201324 Apr 2026', isoStart: '2026-04-20'},\n {label: '23\u201327 Nov 2026', isoStart: '2026-11-23'},\n ],\n takeaways: [\n 'Certified as: ARMP \/ CRMP',\n 'Recognize the principles behind risk identification, assessment, and mitigation',\n 'Validate a professionals ability to manage risk'\n ]\n },\n {\n id: 'bcp601',\n title: 'Master Case Study Review',\n code: 'BCP-601',\n detailsUrl:'https:\/\/dri-gcc.org\/staging\/2-5-day-master-case-study-review\/',\n image: COURSE_IMG,\n duration: [{num: '2.5 Days', label: 'Certification Prep'}],\n dates: [\n {label: '7\u20139 Dec 2026', isoStart: '2026-12-07'},\n ],\n takeaways: [\n 'Certified as: MBCP',\n 'DRI International highest level of BCM certification',\n 'Earn the distinction of membership in the Order of the Sword and Shield National Honor Society'\n ]\n }\n ];\n\n \/\/ Filter to dates >= Nov 1, 2025\n const CUTOFF = '2025-11-01';\n function eligibleDates(dates) {\n return dates.filter(d => d.isoStart >= CUTOFF).sort((a,b)=> a.isoStart.localeCompare(b.isoStart));\n }\n\n allCourses.forEach(c => {\n c.filteredDates = eligibleDates(c.dates);\n c.nextDate = c.filteredDates.length ? c.filteredDates[0].isoStart : null;\n });\n\n \/\/ Sort by earliest upcoming date (closest to Nov 2025 first)\n const sorted = [...allCourses].sort((a,b) => {\n if (a.nextDate && b.nextDate) return a.nextDate.localeCompare(b.nextDate);\n if (a.nextDate) return -1;\n if (b.nextDate) return 1;\n return 0;\n });\n\n const initialCourses = sorted; \/\/ all 4 fit initial view\n const remainingCourses = []; \/\/ none\n\n const grid = document.getElementById('coursesGrid');\n const loadMoreBtn = document.getElementById('loadMoreBtn');\n\n function renderCourseCard(course) {\n const card = document.createElement('div');\n card.className = 'course-card';\n\n const durationHTML = course.duration.map((d,i) => `\n ${i>0 ? '<div class=\"duration-separator\">|<\/div>' : ''}\n <div class=\"duration-item\">\n <div class=\"duration-number\">${d.num}<\/div>\n <div class=\"duration-label\">${d.label}<\/div>\n <\/div>\n `).join('');\n\n const datesHTML = (course.filteredDates.length\n ? course.filteredDates\n : [{label: 'Dates TBA'}]\n ).map(d => `<span class=\"date-badge\">${d.label}<\/span>`).join('');\n\n const linkHTML = `<a class=\"btn-course-details\" href=\"${course.detailsUrl}\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open details for ${course.code} ${course.title}\">Course Details<\/a>`;\n\n card.innerHTML = `\n <img decoding=\"async\" class=\"course-image\" src=\"${course.image}\" alt=\"${course.title}\" loading=\"lazy\" \/>\n <div class=\"course-content\">\n <h2 class=\"course-title\">${course.title}<\/h2>\n <div class=\"course-code\">${course.code}<\/div>\n <div class=\"course-duration\">${durationHTML}<\/div>\n ${linkHTML}\n <div class=\"next-dates\" aria-label=\"Next course dates\">\n <div class=\"next-dates__label\">${CAL_ICON} Next Course Dates<\/div>\n <div class=\"next-dates__list\">${datesHTML}<\/div>\n <\/div>\n <\/div>\n <div class=\"qualifications\">\n <h3>Key Takeaways:<\/h3>\n <ul>${course.takeaways.map(t => `<li>${t}<\/li>`).join('')}<\/ul>\n <\/div>\n `;\n return card;\n }\n\n \/\/ Render initial courses\n initialCourses.forEach(c => grid.appendChild(renderCourseCard(c)));\n\n \/\/ Hide Load More if nothing else\n if (!remainingCourses.length) {\n loadMoreBtn.style.display = 'none';\n } else {\n loadMoreBtn.addEventListener('click', function(){\n remainingCourses.forEach(c => grid.appendChild(renderCourseCard(c)));\n this.style.display = 'none';\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Certification Courses Upcoming Certification Courses DRI Malaysia \u2013 Certification Courses Load More Courses<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3443","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dri-gcc.org\/staging\/wp-json\/wp\/v2\/pages\/3443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dri-gcc.org\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dri-gcc.org\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dri-gcc.org\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dri-gcc.org\/staging\/wp-json\/wp\/v2\/comments?post=3443"}],"version-history":[{"count":69,"href":"https:\/\/dri-gcc.org\/staging\/wp-json\/wp\/v2\/pages\/3443\/revisions"}],"predecessor-version":[{"id":4791,"href":"https:\/\/dri-gcc.org\/staging\/wp-json\/wp\/v2\/pages\/3443\/revisions\/4791"}],"wp:attachment":[{"href":"https:\/\/dri-gcc.org\/staging\/wp-json\/wp\/v2\/media?parent=3443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}