\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n
VTDI TVET Symposium 2026<\/title>\r\n<style>\r\n@keyframes fadeInUp {\r\nfrom {\r\nopacity: 0;\r\ntransform: translateY(30px);\r\n}\r\nto {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n}\r\n\r\n\/* Confetti particle animation *\/\r\n@keyframes confettiFall {\r\n0% {\r\ntransform: translateY(-100px) rotate(0deg) scale(1);\r\nopacity: 1;\r\n}\r\n80% {\r\nopacity: 1;\r\n}\r\n100% {\r\ntransform: translateY(110vh) rotate(720deg) scale(0.5);\r\nopacity: 0;\r\n}\r\n}\r\n\r\n@keyframes confettiSway {\r\n0%, 100% { margin-left: 0; }\r\n25% { margin-left: 30px; }\r\n75% { margin-left: -30px; }\r\n}\r\n\r\n* {\r\nmargin: 0;\r\npadding: 0;\r\nbox-sizing: border-box;\r\n}\r\n\r\nbody {\r\nmargin: 0;\r\nfont-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\nbackground: #ffffff;\r\ncolor: #1e293b;\r\nline-height: 1.6;\r\nposition: relative;\r\noverflow-x: hidden;\r\n}\r\n\r\n\/* Confetti Container *\/\r\n.confetti-container {\r\nposition: fixed;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100vh;\r\npointer-events: none;\r\nz-index: 99999;\r\noverflow: hidden;\r\n}\r\n\r\n.confetti-piece {\r\nposition: absolute;\r\ntop: -20px;\r\nanimation: confettiFall linear forwards, confettiSway ease-in-out infinite;\r\nborder-radius: 2px;\r\n}\r\n\r\n.container {\r\nmax-width: 1200px;\r\nmargin: 0 auto;\r\npadding: 0 20px;\r\nposition: relative;\r\nz-index: 2;\r\n}\r\n\r\n\/* Header Banner *\/\r\n.header-banner {\r\nbackground: linear-gradient(135deg, #0056a8 0%, #01a65c 100%);\r\ncolor: white;\r\ntext-align: center;\r\npadding: 60px 20px;\r\nmargin-bottom: 40px;\r\nposition: relative;\r\noverflow: hidden;\r\nz-index: 2;\r\n}\r\n\r\n.header-banner::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nbottom: 0;\r\nbackground: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\r\nopacity: 0.3;\r\n}\r\n\r\n.header-content {\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.main-heading {\r\nfont-size: 48px;\r\nfont-weight: 700;\r\nmargin-bottom: 20px;\r\ntext-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\nanimation: fadeInUp 1s ease-out;\r\n}\r\n\r\n.main-subtitle {\r\nfont-size: 20px;\r\nfont-weight: 300;\r\nopacity: 0.9;\r\nanimation: fadeInUp 1s ease-out 0.3s both;\r\n}\r\n\r\n\/* Event Cards *\/\r\n.event-card {\r\nmax-width: 1000px;\r\nwidth: 100%;\r\nmargin: 40px auto;\r\npadding: 40px;\r\nbackground: rgba(255, 255, 255, 0.95);\r\nborder-radius: 16px;\r\nbox-shadow: 0 12px 36px rgba(0, 56, 128, 0.25);\r\nbackdrop-filter: blur(10px);\r\nborder: 1px solid rgba(0, 86, 168, 0.08);\r\nanimation: fadeInUp 0.6s ease-out;\r\n}\r\n\r\n.event-title {\r\ntext-align: center;\r\nfont-size: 32px;\r\nfont-weight: 700;\r\ncolor: #0056a8;\r\nmargin-bottom: 35px;\r\n}\r\n\r\n.event-title::after {\r\ncontent: \"\";\r\ndisplay: block;\r\nwidth: 80px;\r\nheight: 4px;\r\nbackground: linear-gradient(90deg, #01a65c 0%, #0056a8 100%);\r\nmargin: 10px auto 0;\r\nborder-radius: 2px;\r\n}\r\n\r\n.section-badge {\r\nbackground: #01a65c;\r\ncolor: white;\r\npadding: 6px 16px;\r\nborder-radius: 20px;\r\nfont-size: 12px;\r\nfont-weight: bold;\r\ndisplay: inline-block;\r\nmargin-bottom: 16px;\r\ntext-transform: uppercase;\r\nletter-spacing: 0.5px;\r\n}\r\n\r\n.event-paragraph {\r\nfont-size: 16px;\r\nline-height: 1.8;\r\nmargin-bottom: 25px;\r\npadding: 15px 20px;\r\nborder-left: 4px solid transparent;\r\nborder-radius: 0 8px 8px 0;\r\nbackground: rgba(0, 86, 168, 0.01);\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n.event-paragraph:hover {\r\nbackground: rgba(0, 86, 168, 0.04);\r\nborder-left-color: #01a65c;\r\ntransform: translateX(5px);\r\nbox-shadow: 0 2px 12px rgba(0, 86, 168, 0.05);\r\n}\r\n\r\n.event-list {\r\nlist-style: none;\r\npadding-left: 0;\r\nmargin-bottom: 30px;\r\n}\r\n\r\n.event-list li {\r\nmargin-bottom: 15px;\r\nline-height: 1.7;\r\npadding-left: 30px;\r\nposition: relative;\r\nborder-radius: 8px;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n.event-list li:hover {\r\ncolor: #0056a8;\r\npadding-left: 36px;\r\nbackground: rgba(0, 86, 168, 0.03);\r\n}\r\n\r\n.tick-icon {\r\nposition: absolute;\r\nleft: 0;\r\ntop: 3px;\r\nbackground: linear-gradient(135deg, #01a65c, #0056a8);\r\ncolor: white;\r\nborder-radius: 50%;\r\nwidth: 20px;\r\nheight: 20px;\r\nfont-size: 12px;\r\nfont-weight: bold;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nbox-shadow: 0 2px 6px rgba(1, 166, 92, 0.2);\r\ntransition: transform 0.3s ease;\r\n}\r\n\r\n.event-list li:hover .tick-icon {\r\ntransform: scale(1.1);\r\nbox-shadow: 0 3px 10px rgba(1, 166, 92, 0.3);\r\n}\r\n\r\n\/* Programme Links *\/\r\n.programme-links {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\ngap: 20px;\r\nmargin: 30px 0;\r\n}\r\n\r\n.programme-card {\r\nbackground: linear-gradient(135deg, rgba(0, 86, 168, 0.05), rgba(1, 166, 92, 0.05));\r\nborder: 1px solid rgba(0, 86, 168, 0.1);\r\nborder-radius: 12px;\r\npadding: 25px;\r\ntext-align: center;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n.programme-card:hover {\r\ntransform: translateY(-5px);\r\nbox-shadow: 0 8px 24px rgba(0, 86, 168, 0.15);\r\n}\r\n\r\n.programme-card h3 {\r\ncolor: #0056a8;\r\nfont-size: 18px;\r\nmargin-bottom: 15px;\r\n}\r\n\r\n.cta-button {\r\ndisplay: inline-block;\r\nbackground: linear-gradient(135deg, #01a65c, #0056a8);\r\ncolor: white !important;\r\npadding: 12px 24px;\r\nborder-radius: 25px;\r\ntext-decoration: none !important;\r\nfont-weight: 600;\r\nfont-size: 14px;\r\ntransition: all 0.3s ease;\r\nbox-shadow: 0 3px 12px rgba(0, 86, 168, 0.2);\r\ntext-align: center;\r\ncursor: pointer;\r\nmargin: 5px;\r\n}\r\n\r\n.cta-button:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 6px 20px rgba(0, 86, 168, 0.3);\r\n}\r\n\r\n\/* Sessions Layout *\/\r\n.sessions-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\ngap: 20px;\r\nmargin: 30px 0;\r\n}\r\n\r\n.session-card {\r\nbackground: rgba(255, 255, 255, 0.9);\r\nborder: 1px solid rgba(0, 86, 168, 0.1);\r\nborder-radius: 12px;\r\npadding: 20px;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n.session-card:hover {\r\ntransform: translateY(-3px);\r\nbox-shadow: 0 6px 16px rgba(0, 86, 168, 0.1);\r\n}\r\n\r\n.session-title {\r\ncolor: #0056a8;\r\nfont-size: 16px;\r\nfont-weight: 600;\r\nmargin-bottom: 10px;\r\n}\r\n\r\n.session-topics {\r\nfont-size: 14px;\r\nline-height: 1.6;\r\ncolor: #4a5568;\r\n}\r\n\r\n\/* Sponsors Section *\/\r\n.sponsors-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\ngap: 30px;\r\nmargin: 40px 0;\r\ntext-align: center;\r\n}\r\n\r\n.sponsor-tier {\r\nbackground: rgba(255, 255, 255, 0.9);\r\nborder: 2px solid rgba(0, 86, 168, 0.1);\r\nborder-radius: 12px;\r\npadding: 30px 20px;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n.sponsor-tier:hover {\r\ntransform: translateY(-5px);\r\nborder-color: #01a65c;\r\nbox-shadow: 0 8px 24px rgba(1, 166, 92, 0.1);\r\n}\r\n\r\n.sponsor-tier h3 {\r\ncolor: #0056a8;\r\nmargin-bottom: 20px;\r\nfont-size: 20px;\r\n}\r\n\r\n.sponsor-logo {\r\nwidth: 120px;\r\nheight: 120px;\r\nbackground: linear-gradient(135deg, rgba(0, 86, 168, 0.1), rgba(1, 166, 92, 0.1));\r\nborder-radius: 8px;\r\nmargin: 0 auto;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\ncolor: #0056a8;\r\nfont-weight: 600;\r\nborder: 2px dashed rgba(0, 86, 168, 0.3);\r\n}\r\n\r\n\/* Contact Section *\/\r\n.contact-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\ngap: 20px;\r\nmargin: 30px 0;\r\n}\r\n\r\n.contact-card {\r\nbackground: linear-gradient(135deg, rgba(220, 38, 127, 0.05), rgba(0, 86, 168, 0.05));\r\nborder: 1px solid rgba(220, 38, 127, 0.1);\r\nborder-radius: 12px;\r\npadding: 20px;\r\ntext-align: center;\r\n}\r\n\r\n.contact-card h3 {\r\ncolor: #dc267f;\r\nmargin-bottom: 10px;\r\n}\r\n\r\n.contact-card p {\r\ncolor: #4a5568;\r\nfont-weight: 600;\r\nfont-size: 18px;\r\n}\r\n\r\n\/* \u2500\u2500 Evaluation Modal \u2500\u2500 *\/\r\n@keyframes modalBackdropIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n}\r\n@keyframes modalPanelIn {\r\n from { opacity: 0; transform: translateY(40px) scale(0.97); }\r\n to { opacity: 1; transform: translateY(0) scale(1); }\r\n}\r\n\r\n.modal-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 22, 60, 0.65);\r\n backdrop-filter: blur(6px);\r\n z-index: 100000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n}\r\n.modal-backdrop.open {\r\n display: flex;\r\n animation: modalBackdropIn 0.25s ease forwards;\r\n}\r\n\r\n.modal-panel {\r\n background: #fff;\r\n border-radius: 20px;\r\n width: 100%;\r\n max-width: 700px;\r\n max-height: 90vh;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n box-shadow: 0 32px 80px rgba(0, 40, 100, 0.35);\r\n animation: modalPanelIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n border: 1px solid rgba(0, 86, 168, 0.12);\r\n}\r\n\r\n.modal-header {\r\n background: linear-gradient(135deg, #0056a8 0%, #01a65c 100%);\r\n padding: 22px 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-shrink: 0;\r\n}\r\n.modal-header-text { color: #fff; }\r\n.modal-header-text .modal-eyebrow {\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n opacity: 0.8;\r\n margin-bottom: 4px;\r\n}\r\n.modal-header-text h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin: 0;\r\n}\r\n\r\n.modal-close {\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n color: #fff;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n font-size: 18px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s;\r\n flex-shrink: 0;\r\n}\r\n.modal-close:hover { background: rgba(255,255,255,0.3); }\r\n\r\n.modal-body {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 32px 28px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: center;\r\n}\r\n\r\n.modal-form-placeholder {\r\n width: 100%;\r\n background: linear-gradient(135deg, rgba(0,86,168,0.04), rgba(1,166,92,0.04));\r\n border: 2px dashed rgba(0, 86, 168, 0.25);\r\n border-radius: 14px;\r\n padding: 50px 30px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 14px;\r\n}\r\n.modal-form-placeholder .form-icon {\r\n font-size: 48px;\r\n line-height: 1;\r\n}\r\n.modal-form-placeholder h4 {\r\n color: #0056a8;\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin: 0;\r\n}\r\n.modal-form-placeholder p {\r\n color: #64748b;\r\n font-size: 14px;\r\n max-width: 340px;\r\n line-height: 1.6;\r\n margin: 0;\r\n}\r\n\r\n.modal-open-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: linear-gradient(135deg, #01a65c, #0056a8);\r\n color: #fff;\r\n padding: 14px 32px;\r\n border-radius: 30px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 15px;\r\n transition: all 0.25s ease;\r\n box-shadow: 0 4px 16px rgba(0, 86, 168, 0.25);\r\n border: none;\r\n cursor: pointer;\r\n}\r\n.modal-open-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(0, 86, 168, 0.35);\r\n}\r\n\r\n\/* \u2500\u2500 Eval Session Cards \u2500\u2500 *\/\r\n.eval-sessions-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 16px;\r\n margin: 16px 0 32px;\r\n}\r\n\r\n.eval-session-card {\r\n background: linear-gradient(135deg, rgba(0,86,168,0.04), rgba(1,166,92,0.04));\r\n border: 1px solid rgba(0, 86, 168, 0.12);\r\n border-radius: 14px;\r\n padding: 24px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 14px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n}\r\n.eval-session-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 28px rgba(0, 86, 168, 0.12);\r\n border-color: rgba(1, 166, 92, 0.3);\r\n}\r\n\r\n.eval-session-icon {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #0056a8, #01a65c);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.eval-session-name {\r\n font-weight: 700;\r\n font-size: 15px;\r\n color: #1e293b;\r\n line-height: 1.3;\r\n}\r\n\r\n.eval-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: linear-gradient(135deg, #0056a8, #01a65c);\r\n color: #fff !important;\r\n padding: 9px 20px;\r\n border-radius: 20px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n box-shadow: 0 3px 10px rgba(0,86,168,0.2);\r\n margin-top: auto;\r\n}\r\n.eval-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(0,86,168,0.3);\r\n}\r\n\r\n\/* Footer *\/\r\n.footer {\r\nbackground: linear-gradient(135deg, #0056a8 0%, #01a65c 100%);\r\ncolor: white;\r\npadding: 40px 20px 20px;\r\nmargin-top: 60px;\r\nposition: relative;\r\nz-index: 2;\r\n}\r\n\r\n.footer-content {\r\nmax-width: 1200px;\r\nmargin: 0 auto;\r\ntext-align: center;\r\n}\r\n\r\n.social-links {\r\ndisplay: flex;\r\njustify-content: center;\r\ngap: 20px;\r\nmargin: 30px 0;\r\nflex-wrap: wrap;\r\n}\r\n\r\n.social-link {\r\nbackground: rgba(255, 255, 255, 0.1);\r\ncolor: white;\r\npadding: 10px 20px;\r\nborder-radius: 25px;\r\ntext-decoration: none;\r\nfont-weight: 500;\r\ntransition: all 0.3s ease;\r\nborder: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.social-link:hover {\r\nbackground: rgba(255, 255, 255, 0.2);\r\ntransform: translateY(-2px);\r\ncolor: white;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n.main-heading {\r\nfont-size: 36px;\r\n}\r\n\r\n.event-card {\r\npadding: 20px;\r\nmargin: 20px auto;\r\n}\r\n\r\n.event-title {\r\nfont-size: 24px;\r\n}\r\n\r\n.sessions-grid {\r\ngrid-template-columns: 1fr;\r\n}\r\n\r\n.sponsors-grid {\r\ngrid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Confetti Container -->\r\n<div class=\"confetti-container\" id=\"confetti-container\"><\/div>\r\n\r\n<!-- Header Banner -->\r\n<div class=\"header-banner\">\r\n<div class=\"header-content\">\r\n<h1 class=\"main-heading\">VTDI TVET Symposium 2026<\/h1>\r\n<p class=\"main-subtitle\">Reimagining TVET & STEM for a New Era of Innovation & Sustainability<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"container\">\r\n\r\n<!-- Programme Links -->\r\n<div class=\"event-card\">\r\n<h2 class=\"event-title\">VTDI TVET Symposium Programme<\/h2>\r\n\r\n<div class=\"programme-links\">\r\n<div class=\"programme-card\">\r\n<h3>\ud83d\udcd6 Digital Programme View<\/h3>\r\n<p>Interactive digital programme with easy navigation<\/p>\r\n<a href=\"https:\/\/symposium-programme.imajinlinks.xyz\/\" class=\"cta-button\">View Programme <\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- Evaluation Forms -->\r\n<div class=\"event-card\">\r\n <h2 class=\"event-title\">VTDI TVET Symposium Evaluation Form<\/h2>\r\n <p style=\"text-align:center; color:#64748b; margin-bottom:30px; font-size:15px;\">\r\n Please take a moment to evaluate each session. Your feedback helps us improve the VTDI TVET Symposium experience.\r\n <\/p>\r\n\r\n <!-- Session 1 -->\r\n <!-- <span class=\"section-badge\">Session 1<\/span> -->\r\n <div class=\"eval-sessions-grid\">\r\n <div class=\"eval-session-card\">\r\n <div class=\"eval-session-icon\">\ud83d\udccb<\/div>\r\n <!-- <div class=\"eval-session-name\"><\/div> -->\r\n <!-- <button class=\"eval-link\" onclick=\"https:\/\/forms.office.com\/r\/1xetrYuG4A\">\r\n -->\r\n <a href=\"https:\/\/ts-feedback.wheresolutionscometrue.com\/\" class=\"cta-button\">TVET Symposium Evaluation Form<\/a> \r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Evaluation Forms -->\r\n<div class=\"event-card\">\r\n <h2 class=\"event-title\">VTDI TVET Symposium Quest<\/h2>\r\n <p style=\"text-align:center; color:#64748b; margin-bottom:30px; font-size:15px;\">\r\n Please take a moment to complete the VTDI TVET Symposium Quest.\r\n <\/p>\r\n\r\n <!-- Session 1 -->\r\n <!-- <span class=\"section-badge\">Session 1<\/span> -->\r\n <div class=\"eval-sessions-grid\">\r\n <div class=\"eval-session-card\">\r\n <div class=\"eval-session-icon\">\ud83d\udd75<\/div>\r\n <!-- <div class=\"eval-session-name\"><\/div> -->\r\n <!-- <button class=\"eval-link\" onclick=\"https:\/\/forms.office.com\/r\/1xetrYuG4A\">\r\n -->\r\n <a href=\"https:\/\/tvetquest1.justimajin.com\/\" class=\"cta-button\">TVET Symposium Quest<\/a> \r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<!-- Sponsors Section -->\r\n<<!-- Sponsors (UPDATED) -->\r\n\r\n<div class=\"event-card\">\r\n\r\n<h2 class=\"event-title\">TVET Symposium Sponsors<\/h2>\r\n\r\n<div class=\"sponsors-grid\">\r\n\r\n<div class=\"sponsor-tier\">\r\n<h3>Digicel Business<\/h3>\r\n<div class=\"sponsor-logo\">\r\n<img decoding=\"async\" src=\"https:\/\/vtdi.edu.jm\/wp-content\/uploads\/2026\/03\/Digicel-Business__Logo__Horizontal__Red-2-1.png\">\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"sponsor-tier\">\r\n<h3>LASCO<\/h3>\r\n<div class=\"sponsor-logo\">\r\n<img decoding=\"async\" src=\"https:\/\/vtdi.edu.jm\/wp-content\/uploads\/2026\/03\/lasco.jpg\">\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- Emergency Contacts -->\r\n<div class=\"event-card\">\r\n<h2 class=\"event-title\">Emergency Contact Numbers<\/h2>\r\n\r\n<div class=\"contact-grid\">\r\n<div class=\"contact-card\">\r\n<h3>\ud83c\udfe5 Medical Emergency<\/h3>\r\n<p>Nurse: 1876-499-0689<\/p>\r\n<\/div>\r\n<div class=\"contact-card\">\r\n<h3>\ud83d\udcde Event Support<\/h3>\r\n<p>TVET Symposium Secretariat<br>1876-552-8834<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- VTDI Programmes -->\r\n<div class=\"event-card\">\r\n<h2 class=\"event-title\">Programmes Offered by VTDI<\/h2>\r\n\r\n<div class=\"event-paragraph\">\r\n<strong>Advance Your Career with VTDI<\/strong><br>\r\nDiscover our comprehensive range of technical and vocational programmes designed to prepare you for the future workforce.\r\n<\/div>\r\n\r\n<div class=\"programme-links\">\r\n<div class=\"programme-card\">\r\n<h3>\ud83d\udcda Programme<\/h3>\r\n<p>Browse our complete programme catalogue<\/p>\r\n<a href=\"https:\/\/vtdi.edu.jm\/?page_id=1634\" class=\"cta-button\">View Programmes<\/a>\r\n<\/div>\r\n<div class=\"programme-card\">\r\n<h3>\ud83d\udcdd Apply Now<\/h3>\r\n<p>Start your application for VTDI programmes<\/p>\r\n<a href=\"https:\/\/isims.vtdi.edu.jm\/\" target=\"_blank\" class=\"cta-button\">Apply Here<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- Thank You Message Placeholder -->\r\n<div class=\"event-card\">\r\n<h2 class=\"event-title\">Thank You !<\/h2>\r\n\r\n<div class=\"event-paragraph\">\r\n<em>The Steering Committee extends sincere thanks to all contributing parties for the invaluable support provided throughout the planning and execution of the 2026 staging of the VTDI TVET Symposium.\r\nWe are especially grateful to our volunteers who worked collaboratively with members of the Executive across the various committees. Your dedication, teamwork, and commitment were instrumental to the success of this event. <\/em>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- Site Map Placeholder \r\n<div class=\"event-card\">\r\n<h2 class=\"event-title\">Event Site Map<\/h2>\r\n\r\n<div class=\"event-paragraph\" style=\"text-align:center;\">\r\n<em>Site map will be provided by the VTDI Graphic Designer.<\/em>\r\n<\/div>\r\n\r\n<div style=\"text-align:center; margin-top:20px;\">\r\n<a href=\"https:\/\/isims.vtdi.edu.jm\/\" target=\"_blank\" class=\"cta-button\">\r\nView Event Site Map\r\n<\/a>\r\n<\/div> -->\r\n\r\n\r\n<\/div>\r\n\r\n<!-- Event Site Map -->\r\n<div class=\"event-card\">\r\n<h2 class=\"event-title\">Event Site Map<\/h2>\r\n\r\n<div style=\"text-align:center; margin-top:10px;\">\r\n\r\n<img \r\nsrc=\"https:\/\/vtdi.edu.jm\/wp-content\/uploads\/2026\/03\/Campus-Site-Map-scaled.jpg\"\r\nalt=\"VTDI Campus Site Map\"\r\nstyle=\"\r\nmax-width:100%;\r\nheight:auto;\r\nborder-radius:12px;\r\nbox-shadow:0 10px 30px rgba(0,86,168,0.15);\r\nborder:1px solid rgba(0,86,168,0.08);\r\n\"\r\n>\r\n\r\n<\/div>\r\n\r\n<div style=\"text-align:center; margin-top:20px;\">\r\n<a \r\nhref=\"https:\/\/vtdi.edu.jm\/wp-content\/uploads\/2026\/03\/Campus-Site-Map-scaled.jpg\"\r\ntarget=\"_blank\"\r\nclass=\"cta-button\">\r\nView Full Size Map\r\n<\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Footer -->\r\n<div class=\"footer\">\r\n<div class=\"footer-content\">\r\n<h3>Connect with VTDI<\/h3>\r\n<p>Email us at: <strong>tvetsymposium2025@vtdi.edu.jm<\/strong><\/p>\r\n\r\n<div class=\"social-links\">\r\n<a href=\"https:\/\/www.instagram.com\/vtdiofficial?igsh=MWx4ODBkNHgwZHhtbA==\" target=\"_blank\" class=\"social-link\">\ud83d\udcf1 Instagram<\/a>\r\n<a href=\"https:\/\/www.linkedin.com\/school\/vocational-training-development-institute\/\" target=\"_blank\" class=\"social-link\">\ud83d\udcbc LinkedIn<\/a>\r\n<a href=\"https:\/\/www.facebook.com\/VTDIofficial?mibextid=LQQJ4d\" target=\"_blank\" class=\"social-link\">\ud83d\udcd8 Facebook<\/a>\r\n<a href=\"https:\/\/twitter.com\/Vtdiofficial\" target=\"_blank\" class=\"social-link\">\ud83d\udc26 Twitter<\/a>\r\n<a href=\"https:\/\/www.threads.net\/@vtdiofficial\" target=\"_blank\" class=\"social-link\">\ud83e\uddf5 Threads<\/a>\r\n<a href=\"https:\/\/www.tiktok.com\/@vtdi.official?_r=1&_t=ZM-92dHRIITHyq\" target=\"_blank\" class=\"social-link\">\ud83c\udfb5 TikTok<\/a>\r\n<\/div>\r\n\r\n<p style=\"margin-top: 30px; opacity: 0.8;\">© 2026 Vocational Training Development Institute. All rights reserved.<\/p>\r\n<\/div>\r\n<\/div>\r\n<script>\r\n\/\/ \u2500\u2500 Evaluation Modal \u2500\u2500\r\nfunction openModal(sessionLabel, sessionName) {\r\n document.getElementById('modalTitle').textContent = sessionLabel + ' \u2014 Evaluation';\r\n document.getElementById('modalSessionName').textContent = sessionName;\r\n const modal = document.getElementById('evalModal');\r\n modal.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeModal() {\r\n document.getElementById('evalModal').classList.remove('open');\r\n document.body.style.overflow = '';\r\n}\r\n\r\nfunction handleBackdropClick(e) {\r\n if (e.target === document.getElementById('evalModal')) closeModal();\r\n}\r\n\r\ndocument.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closeModal();\r\n});\r\n\r\n\/\/ \u2500\u2500 Confetti \u2500\u2500\r\n(function () {\r\n const container = document.getElementById('confetti-container');\r\n\r\n const colors = [\r\n '#0056a8',\r\n '#01a65c',\r\n '#FFD700',\r\n '#ffffff',\r\n '#FF6B35',\r\n '#E91E8C',\r\n '#00BCD4',\r\n ];\r\n\r\n const shapes = ['rect', 'circle', 'ribbon'];\r\n\r\n function randomBetween(a, b) {\r\n return a + Math.random() * (b - a);\r\n }\r\n\r\n function createPiece(originX, delay) {\r\n const piece = document.createElement('div');\r\n const color = colors[Math.floor(Math.random() * colors.length)];\r\n const shape = shapes[Math.floor(Math.random() * shapes.length)];\r\n\r\n let width, height, borderRadius = '2px';\r\n if (shape === 'circle') {\r\n const s = randomBetween(8, 16);\r\n width = s; height = s; borderRadius = '50%';\r\n } else if (shape === 'ribbon') {\r\n width = randomBetween(4, 8); height = randomBetween(18, 28);\r\n } else {\r\n width = randomBetween(8, 16); height = randomBetween(8, 14);\r\n }\r\n\r\n const fallDuration = randomBetween(2.5, 4.5);\r\n const swayDuration = randomBetween(1.2, 2.5);\r\n const startX = originX + randomBetween(-200, 200);\r\n\r\n piece.style.cssText = `\r\n position: absolute;\r\n left: ${startX}px;\r\n top: -20px;\r\n width: ${width}px;\r\n height: ${height}px;\r\n background: ${color};\r\n border-radius: ${borderRadius};\r\n opacity: 1;\r\n animation:\r\n confettiFall ${fallDuration}s ${delay}s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,\r\n confettiSway ${swayDuration}s ${delay}s ease-in-out infinite;\r\n transform-origin: center center;\r\n will-change: transform, opacity;\r\n `;\r\n\r\n container.appendChild(piece);\r\n\r\n setTimeout(() => {\r\n if (piece.parentNode) piece.parentNode.removeChild(piece);\r\n }, (fallDuration + delay + 0.5) * 1000);\r\n }\r\n\r\n function fireCannon(originXPercent, count, burstDelay) {\r\n const originX = window.innerWidth * originXPercent;\r\n for (let i = 0; i < count; i++) {\r\n createPiece(originX, burstDelay + randomBetween(0, 0.6));\r\n }\r\n }\r\n\r\n setTimeout(() => {\r\n fireCannon(0.15, 60, 0);\r\n fireCannon(0.85, 60, 0.1);\r\n fireCannon(0.5, 40, 0.3);\r\n }, 400);\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VTDI TVET Symposium 2026 VTDI TVET Symposium 2026 Reimagining TVET & STEM for a New Era of Innovation & Sustainability […]<\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-5019","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vtdi.edu.jm\/index.php?rest_route=\/wp\/v2\/pages\/5019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vtdi.edu.jm\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vtdi.edu.jm\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vtdi.edu.jm\/index.php?rest_route=\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/vtdi.edu.jm\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5019"}],"version-history":[{"count":41,"href":"https:\/\/vtdi.edu.jm\/index.php?rest_route=\/wp\/v2\/pages\/5019\/revisions"}],"predecessor-version":[{"id":5120,"href":"https:\/\/vtdi.edu.jm\/index.php?rest_route=\/wp\/v2\/pages\/5019\/revisions\/5120"}],"wp:attachment":[{"href":"https:\/\/vtdi.edu.jm\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Notice: ob_end_flush(): Failed to send buffer of zlib output compression (1) in E:\Sites\VTDI\www3.vtdi.edu.jm\wp-includes\functions.php on line 5481
Notice: ob_end_flush(): Failed to send buffer of zlib output compression (1) in E:\Sites\VTDI\www3.vtdi.edu.jm\wp-includes\functions.php on line 5481