UII - Institute of Innovation (Updated)<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n html { scroll-behavior: smooth; overflow-x: clip; }\r\n body { margin: 0; padding: 0; overflow-x: clip; background: #fff; }\r\n\r\n .uii-wrapper {\r\n --uii-blue: #234B86;\r\n --uii-blue-dark: #183B6E;\r\n --uii-orange: #EB6825;\r\n --uii-muted: #5E6B7E;\r\n --uii-border: #E2E8F0;\r\n --uii-bg-light: #F8FAFC;\r\n --uii-white: #fff;\r\n --uii-text: #3A475F;\r\n --uii-text-light: #64748b;\r\n --uii-radius: 16px;\r\n --shadow-sm: 0 8px 24px rgba(35, 75, 134, 0.08);\r\n --shadow-card: 0 12px 30px rgba(35, 75, 134, 0.09);\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n color: var(--uii-text);\r\n background: #fff;\r\n line-height: 1.6;\r\n font-size: 15px;\r\n box-sizing: border-box;\r\n width: 100%;\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n .uii-wrapper *, .uii-wrapper *::before, .uii-wrapper *::after { box-sizing: inherit; }\r\n .uii-wrapper a { text-decoration: none !important; color: inherit; }\r\n .uii-wrapper img { max-width: 100%; height: auto; display: block; }\r\n\r\n .uii-custom-container {\r\n width: min(100%, 1460px);\r\n margin: 0 auto;\r\n padding: 34px 20px 0;\r\n }\r\n\r\n .uii-layout-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) 270px;\r\n gap: 34px;\r\n align-items: start;\r\n position: relative;\r\n }\r\n\r\n .layout-content { min-width: 0; }\r\n section { scroll-margin-top: 105px; }\r\n\r\n .layout-sidebar {\r\n align-self: start;\r\n position: sticky;\r\n top: 24px;\r\n z-index: 40;\r\n }\r\n\r\n .sidebar-widget {\r\n background: #fff;\r\n border: 1px solid var(--uii-border);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 22px rgba(15, 43, 70, 0.07);\r\n padding: 26px 24px 28px;\r\n }\r\n\r\n .sidebar-logo {\r\n width: 150px;\r\n margin: 0 auto 28px;\r\n }\r\n\r\n .sidebar-img {\r\n width: 100%;\r\n height: 150px;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n margin: 0 0 28px;\r\n border: 1px solid var(--uii-border);\r\n }\r\n\r\n .sidebar-title {\r\n font-size: 15px;\r\n font-weight: 800;\r\n color: var(--uii-blue);\r\n margin: 0 0 10px;\r\n }\r\n\r\n .sidebar-menu {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .sidebar-link {\r\n display: block;\r\n padding: 9px 12px;\r\n color: var(--uii-muted);\r\n font-weight: 700;\r\n border-radius: 7px;\r\n font-size: 13px;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .sidebar-link:hover,\r\n .sidebar-link.active {\r\n background: rgba(235, 104, 37, 0.1);\r\n color: var(--uii-orange);\r\n }\r\n\r\n .uii-sub-nav-wrap {\r\n position: sticky;\r\n top: 16px;\r\n z-index: 99;\r\n display: flex;\r\n justify-content: center;\r\n margin: 0 auto 30px;\r\n pointer-events: none;\r\n }\r\n\r\n .uii-sub-nav {\r\n pointer-events: auto;\r\n width: fit-content;\r\n max-width: 100%;\r\n display: flex;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n gap: 6px;\r\n padding: 6px;\r\n background: rgba(255, 255, 255, 0.94);\r\n border: 1px solid var(--uii-border);\r\n border-radius: 999px;\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n box-shadow: 0 7px 24px rgba(0,0,0,0.08);\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n }\r\n\r\n .uii-sub-nav::-webkit-scrollbar { display: none; }\r\n\r\n .uii-sub-nav a {\r\n flex: 0 0 auto;\r\n font-weight: 700;\r\n font-size: 12px;\r\n padding: 8px 15px;\r\n border-radius: 999px;\r\n color: var(--uii-muted);\r\n transition: all 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .uii-sub-nav a:hover { color: var(--uii-blue); background: var(--uii-bg-light); }\r\n .uii-sub-nav a.active { background: var(--uii-blue); color: #fff; box-shadow: 0 2px 8px rgba(35, 75, 134, 0.28); }\r\n\r\n .uii-about { color: var(--uii-blue); padding: 0 0 24px; background: #fff; }\r\n .about-shell { max-width: 100%; margin: 0 auto; }\r\n\r\n .about-hero {\r\n position: relative;\r\n background: linear-gradient(135deg, var(--uii-blue), var(--uii-blue-dark));\r\n color: white;\r\n padding: 42px 66px;\r\n min-height: auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n border-radius: 16px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 18px 34px rgba(35, 75, 134, 0.16);\r\n overflow: hidden;\r\n }\r\n\r\n .about-hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 10% 15%, rgba(255,255,255,0.12) 0%, transparent 26%),\r\n radial-gradient(circle at 85% 30%, rgba(235, 104, 37, 0.18) 0%, transparent 28%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 870px;\r\n text-align: center;\r\n }\r\n\r\n .hero-eyebrow {\r\n color: var(--uii-orange);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 0.11em;\r\n font-size: 10px;\r\n margin-bottom: 12px;\r\n display: inline-block;\r\n background: rgba(255,255,255,0.08);\r\n padding: 5px 13px;\r\n border-radius: 99px;\r\n border: 1px solid rgba(255,255,255,0.16);\r\n }\r\n\r\n .hero-headline {\r\n font-size: clamp(26px, 4vw, 38px);\r\n font-weight: 900;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n color:#fff;\r\n letter-spacing: -0.03em;\r\n }\r\n\r\n .about-hero p {\r\n font-size: 14px;\r\n margin: 0 auto 0;\r\n max-width: 100%;\r\n line-height: 1.7;\r\n color: #e0e6ed;\r\n text-align: justify;\r\n }\r\n\r\n .pillars-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n width: 100%;\r\n }\r\n\r\n .pillar-card {\r\n background: var(--uii-white);\r\n border: 1px solid var(--uii-border);\r\n border-radius: 10px;\r\n padding: 30px 24px;\r\n text-align: center;\r\n transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\r\n box-shadow: var(--shadow-sm);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 100%;\r\n }\r\n\r\n .pillar-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-card);\r\n border-color: rgba(235, 104, 37, 0.3);\r\n }\r\n\r\n .pillar-card h3 {\r\n margin: 0 0 12px;\r\n font-size: 16px;\r\n font-weight: 900;\r\n color: var(--uii-orange);\r\n line-height: 1.3;\r\n }\r\n\r\n .pillar-card p {\r\n margin: 0;\r\n font-size: 13px;\r\n color: var(--uii-muted);\r\n line-height: 1.6;\r\n text-align: center;\r\n }\r\n\r\n .uii-mission-values { color: var(--uii-text); padding: 10px 0; }\r\n .values-wrap {\r\n background-color: var(--uii-bg-light);\r\n border-radius: 16px;\r\n padding: 42px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .values-header { text-align: center; margin-bottom: 32px; }\r\n .values-header h2,\r\n .section-title {\r\n margin: 0;\r\n font-size: clamp(28px, 4vw, 40px);\r\n letter-spacing: -0.035em;\r\n color: var(--uii-blue);\r\n font-weight: 900;\r\n line-height: 1.18;\r\n }\r\n\r\n .values-grid {\r\n display:grid;\r\n gap: 24px;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .value-card {\r\n background: var(--uii-white);\r\n border: 1px solid var(--uii-border);\r\n border-radius: 10px;\r\n padding: 28px 26px;\r\n box-shadow: var(--shadow-sm);\r\n min-height: 170px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n height: 100%;\r\n }\r\n\r\n .value-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); border-color: rgba(235, 104, 37, 0.3); }\r\n\r\n .icon {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n display:grid;\r\n place-items:center;\r\n background: rgba(235, 104, 37, 0.1);\r\n border: 1px solid rgba(235, 104, 37, 0.15);\r\n margin: 0 auto 16px;\r\n overflow: hidden;\r\n }\r\n\r\n .icon img {\r\n width: 24px;\r\n height: 24px;\r\n object-fit: contain;\r\n display: block;\r\n filter: invert(49%) sepia(61%) saturate(2331%) hue-rotate(345deg) brightness(96%) contrast(92%);\r\n }\r\n\r\n .value-card h3 {\r\n margin: 0 0 12px;\r\n font-size: 16px;\r\n font-weight: 900;\r\n color: var(--uii-blue);\r\n line-height: 1.3;\r\n }\r\n\r\n .value-card p {\r\n margin: 0;\r\n color: var(--uii-muted);\r\n font-size: 13px;\r\n line-height: 1.6;\r\n }\r\n\r\n .awards-section { margin: 30px 0; }\r\n .section-header { margin-bottom: 30px; text-align: center; }\r\n .section-subtitle { margin: 8px auto 0; max-width: 700px; color: var(--uii-muted); font-size: 13px; }\r\n\r\n .metrics-grid {\r\n display: grid;\r\n gap: 20px;\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .metric-card-award {\r\n background: #fff;\r\n border-radius: 10px;\r\n padding: 26px 18px;\r\n border: 1px solid var(--uii-border);\r\n box-shadow: 0 1px 3px rgba(18, 35, 70, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .metric-number {\r\n font-size: clamp(30px, 4vw, 42px);\r\n font-weight: 900;\r\n color: var(--uii-orange);\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n display: block;\r\n letter-spacing: -0.03em;\r\n }\r\n\r\n .metric-label {\r\n font-size: 12px;\r\n color: var(--uii-text-light);\r\n font-weight: 700;\r\n line-height: 1.4;\r\n }\r\n\r\n .awards-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .award-item {\r\n display: grid;\r\n grid-template-columns: 80px minmax(0, 1fr) 145px;\r\n gap: 24px;\r\n align-items: center;\r\n background: #fff;\r\n padding: 20px 20px;\r\n border-radius: 10px;\r\n box-shadow: 0 6px 18px rgba(18, 35, 70, 0.06);\r\n border: 1px solid rgba(0,0,0,0.04);\r\n text-align: left;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .award-item:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(18, 35, 70, 0.12); }\r\n .award-year { font-size: 20px; font-weight: 900; color: var(--uii-orange); text-align: center; }\r\n .award-content h3 { font-size: 15px; color: var(--uii-blue); margin: 0 0 8px; font-weight: 900; }\r\n .award-content p { margin: 0; color: var(--uii-muted); line-height: 1.55; font-size: 13px; }\r\n .award-content .bold-text { font-weight: 800; color: #333; }\r\n .award-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--uii-orange) !important; font-weight: 800; font-size: 11px; }\r\n .award-image-container { width: 145px; height: 90px; flex-shrink: 0; border-radius: 5px; overflow: hidden; border: 1px solid var(--uii-border); background: var(--uii-bg-light); }\r\n .award-image-container img { width: 100%; height: 100%; object-fit: cover; }\r\n .award-item.featured { border-left: 4px solid var(--uii-orange); }\r\n\r\n .team-slider-wrapper { position: relative; margin-top: 30px; padding: 0 10px; }\r\n .team-slider {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scroll-behavior: smooth;\r\n -webkit-overflow-scrolling: touch;\r\n padding-bottom: 20px;\r\n scrollbar-width: none;\r\n }\r\n\r\n .team-slider::-webkit-scrollbar { display: none; }\r\n\r\n .team-card {\r\n flex: 0 0 270px;\r\n min-height: 330px;\r\n scroll-snap-align: center;\r\n background: var(--uii-white);\r\n border: 1px solid var(--uii-border);\r\n border-radius: 10px;\r\n padding: 36px 22px 28px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-start;\r\n cursor: pointer;\r\n }\r\n\r\n .team-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-card); border-color: var(--uii-orange); }\r\n\r\n .team-avatar {\r\n width: 128px !important;\r\n height: 128px !important;\r\n aspect-ratio: 1 \/ 1 !important;\r\n border-radius: 50% !important;\r\n object-fit: cover !important;\r\n object-position: center top;\r\n margin-bottom: 20px;\r\n background: var(--uii-bg-light);\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.08);\r\n }\r\n\r\n .team-name { color: var(--uii-blue); font-weight: 900; font-size: 13px; line-height: 1.3; margin: 0 0 6px; }\r\n .team-role { color: var(--uii-orange); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.35; }\r\n\r\n .slider-nav-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: transparent;\r\n border: none;\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n color: var(--uii-orange);\r\n z-index: 10;\r\n transition: all 0.2s;\r\n }\r\n\r\n .slider-nav-btn:hover { background: rgba(235, 104, 37, 0.08); }\r\n .slider-btn-prev { left: -8px; }\r\n .slider-btn-next { right: -8px; }\r\n\r\n .cta-band { background: var(--uii-bg-light); padding: 52px 20px; margin-top: 38px; }\r\n .cta-inner { max-width: 850px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; background: #fff; padding: 40px 48px; border-radius: 12px; box-shadow: var(--shadow-card); border: 1px solid rgba(235, 104, 37, 0.1); }\r\n .cta-text h2 { color: var(--uii-blue); margin: 0 0 8px; font-size: clamp(28px, 4vw, 36px); font-weight: 800; letter-spacing: -0.035em; }\r\n .cta-text p { margin: 0; color: var(--uii-muted); font-size: 13px; }\r\n .btn-group { display: flex; gap: 12px; justify-content: center; }\r\n .btn { display: inline-flex; align-items: center; padding: 11px 20px; border-radius: 5px; font-weight: 800; font-size: 13px; text-decoration: none; transition: all 0.2s; }\r\n .btn-primary { background: var(--uii-orange); color: white !important; border: 1px solid var(--uii-orange); }\r\n .btn-primary:hover { background: #d6551b; transform: translateY(-2px); }\r\n .btn-outline { border: 1.5px solid var(--uii-blue); color: var(--uii-blue); }\r\n .btn-outline:hover { background: rgba(35, 75, 134, 0.05); }\r\n\r\n .to-top { position: fixed; right: 20px; bottom: 20px; z-index: 99; opacity: 0; pointer-events: none; transition: 0.3s; }\r\n .to-top.show { opacity: 1; pointer-events: auto; }\r\n .to-top .btn { background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid var(--uii-border); color: var(--uii-blue); }\r\n\r\n .reveal-on-scroll { opacity: 0; transform: translateY(28px); transition: all 0.75s cubic-bezier(0.5, 0, 0, 1); will-change: opacity, transform; }\r\n .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n \/* WordPress \/ Elementor contained sticky fix\r\n CSS sticky can fail inside Elementor because parent sections often use overflow\/transform.\r\n Final solution: keep elements in the HTML zone and let JS move them with translateY. *\/\r\n .uii-wrapper,\r\n .uii-custom-container,\r\n .uii-layout-grid,\r\n .layout-content {\r\n overflow: visible !important;\r\n transform: none !important;\r\n contain: none !important;\r\n }\r\n\r\n .uii-wrapper {\r\n position: relative;\r\n isolation: isolate;\r\n max-width: 100%;\r\n overflow-x: clip !important;\r\n }\r\n\r\n .uii-custom-container {\r\n max-width: 1180px;\r\n overflow: visible !important;\r\n }\r\n\r\n .uii-layout-grid {\r\n grid-template-columns: minmax(0, 1fr) 260px;\r\n gap: 28px;\r\n }\r\n\r\n .uii-sub-nav-wrap {\r\n position: relative !important;\r\n top: auto !important;\r\n left: auto !important;\r\n transform: translateY(var(--uii-nav-y, 0px)) !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n z-index: 50 !important;\r\n margin: 0 auto 30px !important;\r\n will-change: transform;\r\n }\r\n\r\n .uii-sub-nav {\r\n max-width: min(100%, 620px) !important;\r\n overflow-x: auto;\r\n }\r\n\r\n .layout-content {\r\n padding-top: 0 !important;\r\n }\r\n\r\n .layout-sidebar {\r\n position: relative !important;\r\n top: auto !important;\r\n right: auto !important;\r\n width: auto !important;\r\n max-width: 260px !important;\r\n max-height: calc(100vh - var(--uii-sticky-top, 48px) - 24px) !important;\r\n overflow-y: auto !important;\r\n z-index: 40 !important;\r\n transform: translateY(var(--uii-sidebar-y, 0px)) !important;\r\n will-change: transform;\r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .uii-layout-grid { grid-template-columns: minmax(0, 1fr) 235px; gap: 24px; }\r\n .sidebar-widget { padding: 24px 18px; }\r\n .sidebar-logo { width: 135px; }\r\n .team-card { flex-basis: 240px; }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n .uii-layout-grid { grid-template-columns: 100%; }\r\n .layout-sidebar { position: static; order: 2; margin-top: 40px; }\r\n .sidebar-widget { width: 100%; max-width: 420px; margin: 0 auto; }\r\n .pillars-grid { grid-template-columns: 1fr; }\r\n .values-grid { grid-template-columns: 1fr; }\r\n .metrics-grid { grid-template-columns: repeat(2, 1fr); }\r\n .award-item { grid-template-columns: 70px 1fr; }\r\n .award-image-container { grid-column: 1 \/ -1; width: 100%; height: 180px; }\r\n .about-hero { padding: 36px 30px; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .uii-custom-container { padding: 22px 14px 0; }\r\n .about-hero { padding: 32px 22px; }\r\n .values-wrap { padding: 30px 18px; }\r\n .metrics-grid { grid-template-columns: 1fr; }\r\n .award-item { grid-template-columns: 1fr; text-align: center; }\r\n .award-year { text-align: center; }\r\n .team-card { flex-basis: 78vw; }\r\n .cta-inner { flex-direction: column; text-align: center; padding: 30px 20px; }\r\n .btn-group { flex-direction: column; width: 100%; }\r\n .btn { justify-content: center; width: 100%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"uii-wrapper\" id=\"top\">\r\n <div class=\"uii-custom-container uii-layout-grid\">\r\n \r\n <main class=\"layout-content\">\r\n\r\n <div class=\"uii-sub-nav-wrap\">\r\n <nav class=\"uii-sub-nav\" aria-label=\"Page navigation\">\r\n <a href=\"#about\">Overview<\/a>\r\n <a href=\"#mission\">Mission<\/a>\r\n <a href=\"#values\">Core Values<\/a>\r\n <a href=\"#impact\">Impact<\/a>\r\n <a href=\"#awards\">Awards<\/a>\r\n <a href=\"#team\">Our Team<\/a>\r\n <\/nav>\r\n <\/div>\r\n\r\n <section id=\"about\" class=\"uii-about\" aria-labelledby=\"about-title\">\r\n <div class=\"about-shell\">\r\n <header class=\"about-hero\" aria-label=\"About UII hero\">\r\n <div class=\"hero-content\">\r\n <span class=\"hero-eyebrow\">UEH INSTITUTE OF INNOVATION<\/span>\r\n <h2 class=\"hero-headline\">Overview<\/h2>\r\n <p>\r\n Founded in 2019 through a strategic partnership between UEH and Singapore Management University (SMU), the UEH Institute of Innovation (UII) was established as UEH's first startup incubator, adopting an international operating model inspired by SMU-Institute of Innovation & Entrepreneurship (SMU-IIE). Building on this foundation, UII has evolved into an integrated innovation platform that strengthens academic education, advances applied research in technology and innovation, and supports startup incubation. It serves as a key connector between academia, industry and public sector within UEH's innovation ecosystem.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"pillars-grid\">\r\n <div class=\"pillar-card\">\r\n <h3>Training & Education<\/h3>\r\n <p>UII advances interdisciplinary education in innovation, entrepreneurship, and digital skills, equipping students with future-ready competencies and an entrepreneurial mindset.<\/p>\r\n <\/div>\r\n <div class=\"pillar-card\">\r\n <h3>Incubation Program<\/h3>\r\n <p>Through the Innovation pathway from ideation and sandbox experimentation to incubation and scale-up, UII supports early-stage startups, fostering sustainable business models.<\/p>\r\n <\/div>\r\n <div class=\"pillar-card\">\r\n <h3>Innovation Lab<\/h3>\r\n <p>UII promotes practice-oriented research, focusing on technology, innovation management, and digital entrepreneurship, translating research into practical solutions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"mission\" class=\"uii-mission-values\">\r\n <div class=\"uii-shell-inner\">\r\n <div class=\"about-hero\" aria-labelledby=\"mission-title\">\r\n <div class=\"hero-content\">\r\n <span class=\"hero-eyebrow\">UEH INSTITUTE OF INNOVATION<\/span>\r\n <h2 id=\"mission-title\" class=\"hero-headline\">Our Mission & Vision<\/h2>\r\n <p>The UEH Institute of Innovation (UII) drives research, entrepreneurship, and technology transfer, building a dynamic startup ecosystem and supporting businesses to develop innovative solutions.<\/p>\r\n <p><strong>Vision:<\/strong> By 2030, UII envisions itself as an integrated innovation hub, where talent development, venture creation, and technology commercialization converge to strengthen UEH's role City-University Innovation Hub.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"values\" class=\"uii-mission-values\" style=\"padding-top:0;\">\r\n <div class=\"uii-shell-inner\">\r\n <section class=\"uii-section-gap\" aria-labelledby=\"values-title\">\r\n <div class=\"values-wrap\">\r\n <div class=\"values-header\">\r\n <h2 id=\"values-title\">Our Core Values<\/h2>\r\n <\/div>\r\n \r\n <div class=\"values-grid\">\r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/9464\/9464381.png\" alt=\"Ecosystem\" \/>\r\n <\/div>\r\n <h3>Dynamic Startup Ecosystem<\/h3>\r\n <p>Establishing an enabling environment that provides support in financing, consulting, and networking, fostering entrepreneurial spirit.<\/p>\r\n <\/article>\r\n \r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/10108\/10108295.png\" alt=\"Innovation\" \/>\r\n <\/div>\r\n <h3>Innovation by Design<\/h3>\r\n <p>Applying design thinking as a systematic approach to problem analysis and the development of innovative solutions.<\/p>\r\n <\/article>\r\n \r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/17035652.png\" alt=\"Human Centered\" onerror=\"this.src='https:\/\/cdn-icons-png.flaticon.com\/512\/3209\/3209265.png'\" \/>\r\n <\/div>\r\n <h3>Human-Centered Technology<\/h3>\r\n <p>Advancing technologies that place human needs at the center, improving quality of life and aligning with social demands.<\/p>\r\n <\/article>\r\n \r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Digital_transformation.png\" alt=\"Digital Transformation\" onerror=\"this.src='https:\/\/cdn-icons-png.flaticon.com\/512\/2704\/2704024.png'\" \/>\r\n <\/div>\r\n <h3>Digital Transformation<\/h3>\r\n <p>Driving the digitalization of processes across diverse fields to optimize operations and increase efficiency.<\/p>\r\n <\/article>\r\n \r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Digital-economy.png\" alt=\"Digital Economy\" onerror=\"this.src='https:\/\/cdn-icons-png.flaticon.com\/512\/1902\/1902263.png'\" \/>\r\n <\/div>\r\n <h3>Digital Economy<\/h3>\r\n <p>Leveraging data and online platforms to enhance productivity and enable the emergence of disruptive business models.<\/p>\r\n <\/article>\r\n \r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Sustainable-development.png\" alt=\"Sustainability\" onerror=\"this.src='https:\/\/cdn-icons-png.flaticon.com\/512\/2921\/2921226.png'\"\/>\r\n <\/div>\r\n <h3>Sustainable Development<\/h3>\r\n <p>Promoting initiatives that balance economic growth with environmental protection for a better society.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"impact\" class=\"awards-section\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Impact snapshot (since 2019)<\/h2>\r\n <\/div>\r\n \r\n <div class=\"metrics-grid\">\r\n <div class=\"metric-card-award\">\r\n <span class=\"metric-number\">6,000+<\/span>\r\n <span class=\"metric-label\">Community members<\/span>\r\n <\/div>\r\n <div class=\"metric-card-award\">\r\n <span class=\"metric-number\">300+<\/span>\r\n <span class=\"metric-label\">Community events hosted<\/span>\r\n <\/div>\r\n <div class=\"metric-card-award\">\r\n <span class=\"metric-number\">170+<\/span>\r\n <span class=\"metric-label\">Startups\/Student-Led Projects<\/span>\r\n <\/div>\r\n <div class=\"metric-card-award\">\r\n <span class=\"metric-number\">$1.5M+<\/span>\r\n <span class=\"metric-label\">Investment raised<\/span>\r\n <\/div>\r\n <div class=\"metric-card-award\">\r\n <span class=\"metric-number\">50+<\/span>\r\n <span class=\"metric-label\">Domestic partners<\/span>\r\n <\/div>\r\n <div class=\"metric-card-award\">\r\n <span class=\"metric-number\">20+<\/span>\r\n <span class=\"metric-label\">International partners<\/span>\r\n <\/div>\r\n <div class=\"metric-card-award\">\r\n <span class=\"metric-number\">40+<\/span>\r\n <span class=\"metric-label\">International publications<\/span>\r\n <\/div>\r\n <div class=\"metric-card-award\">\r\n <span class=\"metric-number\">30+<\/span>\r\n <span class=\"metric-label\">Scientific papers<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"awards\" style=\"margin-top: 60px;\">\r\n <div class=\"awards-section\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Awards & recognition<\/h2>\r\n <\/div>\r\n \r\n <div class=\"awards-list\">\r\n <article class=\"award-item\">\r\n <div class=\"award-year\">2021<\/div>\r\n <div class=\"award-content\">\r\n <h3>I-Star Award<\/h3>\r\n <p>Recognized as one of <span class=\"bold-text\">the three leading organizations<\/span> contributing to Ho Chi Minh City's innovation startup ecosystem.<\/p>\r\n <a href=\"https:\/\/dost.hochiminhcity.gov.vn\/hoat-dong-so-khcn\/giai-thuong-i-star-2021-cong-bo-40-du-an-vao-vong-chung-ket\/\" target=\"_blank\" class=\"award-link\">Read more \u2197<\/a>\r\n <\/div>\r\n <div class=\"award-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/istar.jpg\" alt=\"I-Star Award Certificate\">\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"award-item\">\r\n <div class=\"award-year\">2022<\/div>\r\n <div class=\"award-content\">\r\n <h3>AsiaStar 10\u00d710 Launchpad<\/h3>\r\n <p>Selected as one of <span class=\"bold-text\">Asia's Top 10 incubators<\/span> for impact and excellence in startup acceleration.<\/p>\r\n <a href=\"https:\/\/ueh.edu.vn\/cuoc-song-ueh\/tin-tuc\/vien-doi-moi-sang-tao-ueh-uii-dat-top-10-to-chuc-ho-tro-khoi-nghiep-doi-moi-sang-tao-tot-nhat-dong-nam-a-59396?app=true&app=true\" target=\"_blank\" class=\"award-link\">Read more \u2197<\/a>\r\n <\/div>\r\n <div class=\"award-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/ueh-bg-Asiastar-10x10-launchpad.png\" alt=\"AsiaStar Award Certificate\">\r\n <\/div>\r\n <\/article>\r\n \r\n <article class=\"award-item featured\">\r\n <div class=\"award-year\">2025<\/div>\r\n <div class=\"award-content\">\r\n <h3>Prime Minister\u2019s Certificate of Merit<\/h3>\r\n <p>Awarded by <span class=\"bold-text\">Prime Minister Pham Minh Chinh<\/span> for outstanding contributions to student entrepreneurship and the national innovation startup ecosystem (2017\u20132025).<\/p>\r\n <a href=\"https:\/\/ueh.edu.vn\/en\/news\/ueh-institute-of-innovation-awarded-prime-minister-s-certificate-of-merit-for-outstanding-achievements-in-promoting-the-national-startup-and-innovation-ecosystem-2017-2025-73887\" target=\"_blank\" class=\"award-link\">Read more \u2197<\/a>\r\n <\/div>\r\n <div class=\"award-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Achievement.jpg\" alt=\"Certificate of Merit\">\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"team\" class=\"awards-section\"> \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Meet Our Team<\/h2>\r\n <p class=\"section-subtitle\">Dedicated experts driving innovation and entrepreneurship.<\/p>\r\n <\/div>\r\n\r\n <div class=\"team-slider-wrapper\">\r\n <button class=\"slider-nav-btn slider-btn-prev\" aria-label=\"Previous\">\u2039<\/button>\r\n <div class=\"team-slider\" id=\"aboutTeamSlider\"><\/div>\r\n <button class=\"slider-nav-btn slider-btn-next\" aria-label=\"Next\">\u203a<\/button>\r\n <\/div>\r\n <\/section>\r\n \r\n <footer class=\"cta-band\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-text\">\r\n <h2>Work with UII<\/h2>\r\n <p>Let's co-create solutions that advance the economy, society, and the environment.<\/p>\r\n <\/div>\r\n <div class=\"btn-group\">\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/contact\/\" class=\"btn btn-primary\">Contact UII<\/a>\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/education\/bachelor-program\/\" class=\"btn btn-outline\">Explore Programs<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n <\/main>\r\n\r\n <aside class=\"layout-sidebar\">\r\n <div class=\"sidebar-widget\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Artboard-1-copy-9@3x.png\" alt=\"Institute of Innovation\" class=\"sidebar-logo\" onerror=\"this.style.display='none'\">\r\n <img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/vien-doi-moi-sang-tao-ueh-uii.jpg\" alt=\"Office\" class=\"sidebar-img\" onerror=\"this.src='https:\/\/placehold.co\/400x160?text=UII+Office'\">\r\n <div class=\"sidebar-content\">\r\n <h3 class=\"sidebar-title\">About<\/h3>\r\n <ul class=\"sidebar-menu\">\r\n <li><a href=\"https:\/\/uii.ueh.edu.vn\/about_uii\/\" class=\"sidebar-link active\" onclick=\"setActive(this)\">About UII<\/a><\/li>\r\n <li><a href=\"https:\/\/uii.ueh.edu.vn\/about_uii\/pillar-of-action\/\" class=\"sidebar-link\">Pillar Of Actions<\/a><\/li>\r\n <li><a href=\"https:\/\/uii.ueh.edu.vn\/about_uii\/our-team\/\" class=\"sidebar-link\">Our Team<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div class=\"to-top\">\r\n <a href=\"#top\" class=\"btn btn-ghost\" style=\"border: 1px solid var(--uii-border); background: #fff;\">\u2191 Top<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const PROFILE_BASE_URL = 'https:\/\/uii.ueh.edu.vn\/profile-2\/';\r\n\r\n const teamMembers = [\r\n { id: 101, name: \"Assoc.Prof. Bui Quang Hung\", role: \"UEH Interim President\", group: \"advisory\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/BQH.jpg\" },\r\n { id: 102, name: \"Assoc.Prof. Phan Thi Bich Nguyet\", role: \"Chairwoman UEH Alumni\", group: \"advisory\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/PTBN.jpg\" },\r\n { id: 203, name: \"Assoc.Prof. Trinh Thuy Anh\", role: \"Acting Rector, UEH CTD\", group: \"advisory\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Co-Thuy-Anh-e1767237180529.jpg\" },\r\n { id: 103, name: \"Mr. B. Christopher Han\", role: \"Director of Innovation Strategy\", group: \"advisory\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/MR.-Hans.jpg\" },\r\n { id: 201, name: \"Assoc.Prof. Nguyen Thi Hong Nham\", role: \"Acting Director\", group: \"leadership\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/NTHN.jpg\" },\r\n { id: 202, name: \"Ms. Nguyen Thi Phuong Thao\", role: \"Vice Director\", group: \"leadership\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Nguyen-Thi-Phuong-Thao.png\" },\r\n { id: 305, name: \"Mr. Vuong Khiet\", role: \"Innovation Program Manager\", group: \"incubation\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/04\/4.-VUONG-KHIET.png\" },\r\n { id: 301, name: \"Mr. Ngo Dang Hoan Thien\", role: \"Manager, UII Startup Incubator\", group: \"incubation\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/3ed39192a5b02aee73a1.jpg\" },\r\n { id: 304, name: \"Ms. Nguyen Thai Hoang Oanh\", role: \"Student Program Manager\", group: \"incubation\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/DSC02302-scaled.png\" },\r\n { id: 302, name: \"Mr. Tr\u01b0\u01a1ng V\u1ef9 Hi\u1ebfu\", role: \"Startup Growth Associate\", group: \"incubation\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Anh-Hieu.jpg\" },\r\n { id: 303, name: \"Ms. \u0110inh Th\u1ecb Chi\u00eau Th\u01b0\", role: \"Startup Growth Associate\", group: \"incubation\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Anh-Chieu-Thu-scaled.jpg\" },\r\n { id: 406, name: \"Dr. Le Khanh Duy\", role: \"Senior Researcher\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Mr-Le-Khanh-Duy-.jpg\" },\r\n { id: 401, name: \"Dr. Le Van\", role: \"Lecturer\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Le-Van-e1767236953382.png\" },\r\n { id: 402, name: \"Dr. Pham Thi Ngoc Dung\", role: \"Lecturer\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/TSPTND-1.jpg\" },\r\n { id: 403, name: \"Ms. Vu Thi Minh Giang\", role: \"Lecturer\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/VTMG-Hackathon-e1766590734153.jpg\" },\r\n { id: 404, name: \"Ms. Do Thi Kim Thanh\", role: \"Design Thinking Leader\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/DTKT.jpg\" },\r\n { id: 405, name: \"Mr. Huynh Ngoc Quang Anh\", role: \"Lecturer\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/04\/Anh-scaled.png\" },\r\n { id: 407, name: \"Dr. Hoang Khanh\", role: \"Senior Researcher\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/168280-khanh_hoang_4e0ceeaf085ec548cb81bf0ad01672e6.webp\" },\r\n { id: 501, name: \"Dr. Ho Quang Truong\", role: \"Research Fellow\", group: \"research_fellow\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/HQT.jpg\" },\r\n { id: 502, name: \"Dr. David Gabauer\", role: \"Research Fellow\", group: \"research_fellow\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/david-gabauer__FocusFillMaxWyIwLjAwIiwiMC4wMCIsMTYwLDIwMF0.jpg\" },\r\n { id: 503, name: \"Prof. Rolf-Dieter Reineke\", role: \"Research Fellow\", group: \"research_fellow\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Prof.-Dr.-Rolf-Dieter-Reineke.png\" },\r\n { id: 601, name: \"Ms. Tran Thi Thanh Tra\", role: \"Administrator\", group: \"administration\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Anh-ca-nhan-scaled-e1768277198104.jpg\" },\r\n { id: 602, name: \"Ms. Pham Hoang Tho\", role: \"Administrator\", group: \"administration\", img: \"https:\/\/placehold.co\/600x600?text=Ms.+Tho\" },\r\n { id: 603, name: \"Mr. Luong Bao Thanh Khoa\", role: \"Administrator\", group: \"administration\", img: \"https:\/\/placehold.co\/600x600?text=Mr.+Khoa\" },\r\n { id: 801, name: \"Mr. Nguyen Anh Khoi\", role: \"Intern\", group: \"interns\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Khoi-e1768203413294.jpg\" },\r\n { id: 802, name: \"Mr. Vo Thien Truong\", role: \"Intern\", group: \"interns\", img: \"https:\/\/placehold.co\/600x600?text=Mr.+Truong\" },\r\n { id: 803, name: \"Mr. Tran Trong Nguyen\", role: \"Intern\", group: \"interns\", img: \"https:\/\/placehold.co\/600x600?text=Mr.+Nguyen\" },\r\n { id: 804, name: \"Mr. Phan Thanh Tuong Huan\", role: \"Intern\", group: \"interns\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/8caf5f38253daf63f62c-1.jpg\" },\r\n { id: 805, name: \"Ms. Pham Truc Quynh\", role: \"Intern\", group: \"interns\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Anh-Pham-Truc-Quynh.jpg\" },\r\n { id: 806, name: \"Mr. Mai Xuan Thang\", role: \"Intern\", group: \"interns\", img: \"https:\/\/placehold.co\/600x600?text=Mr.+Thang\" }\r\n ];\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n function setupContainedSticky() {\r\n const wrapper = document.querySelector('.uii-wrapper');\r\n const nav = document.querySelector('.uii-sub-nav-wrap');\r\n const sidebar = document.querySelector('.layout-sidebar');\r\n const offset = 48;\r\n\r\n if (!wrapper || !nav || !sidebar) return;\r\n\r\n let navStart = 0;\r\n let sidebarStart = 0;\r\n let wrapperTop = 0;\r\n let wrapperBottom = 0;\r\n let ticking = false;\r\n\r\n function measure() {\r\n nav.style.setProperty('--uii-nav-y', '0px');\r\n sidebar.style.setProperty('--uii-sidebar-y', '0px');\r\n\r\n const scrollY = window.pageYOffset || document.documentElement.scrollTop;\r\n const wrapperRect = wrapper.getBoundingClientRect();\r\n const navRect = nav.getBoundingClientRect();\r\n const sidebarRect = sidebar.getBoundingClientRect();\r\n\r\n wrapperTop = wrapperRect.top + scrollY;\r\n wrapperBottom = wrapperTop + wrapper.offsetHeight;\r\n navStart = navRect.top + scrollY;\r\n sidebarStart = sidebarRect.top + scrollY;\r\n\r\n updateSticky();\r\n }\r\n\r\n function clamp(value, min, max) {\r\n return Math.max(min, Math.min(value, max));\r\n }\r\n\r\n function updateSticky() {\r\n ticking = false;\r\n\r\n if (window.innerWidth <= 1000) {\r\n nav.style.setProperty('--uii-nav-y', '0px');\r\n sidebar.style.setProperty('--uii-sidebar-y', '0px');\r\n return;\r\n }\r\n\r\n const scrollY = window.pageYOffset || document.documentElement.scrollTop;\r\n\r\n const navMax = Math.max(0, wrapperBottom - nav.offsetHeight - navStart);\r\n const sidebarMax = Math.max(0, wrapperBottom - sidebar.offsetHeight - sidebarStart);\r\n\r\n const navY = clamp(scrollY + offset - navStart, 0, navMax);\r\n const sidebarY = clamp(scrollY + offset - sidebarStart, 0, sidebarMax);\r\n\r\n nav.style.setProperty('--uii-nav-y', `${navY}px`);\r\n sidebar.style.setProperty('--uii-sidebar-y', `${sidebarY}px`);\r\n }\r\n\r\n function requestUpdate() {\r\n if (!ticking) {\r\n window.requestAnimationFrame(updateSticky);\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', requestUpdate, { passive: true });\r\n window.addEventListener('resize', measure);\r\n window.addEventListener('load', measure);\r\n setTimeout(measure, 300);\r\n setTimeout(measure, 1200);\r\n }\r\n\r\n setupContainedSticky();\r\n const revealTargets = document.querySelectorAll('section h2, .about-hero p, .pillar-card, .value-card, .award-item, .metric-card-award');\r\n revealTargets.forEach((el, index) => {\r\n el.classList.add('reveal-on-scroll');\r\n if(el.classList.contains('pillar-card') || el.classList.contains('value-card') || el.classList.contains('metric-card-award')) {\r\n el.style.transitionDelay = `${(index % 3) * 0.08}s`;\r\n }\r\n });\r\n\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n revealObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n revealTargets.forEach(el => revealObserver.observe(el));\r\n\r\n const slider = document.getElementById('aboutTeamSlider');\r\n if(slider) {\r\n slider.innerHTML = teamMembers.map(member => `\r\n <article class=\"team-card\" onclick=\"window.open('${PROFILE_BASE_URL}?id=${member.id}', '_blank')\"> \r\n <img decoding=\"async\" src=\"${member.img}\" alt=\"${member.name}\" class=\"team-avatar\" onerror=\"this.src='https:\/\/placehold.co\/600x600?text=UII'\">\r\n <h3 class=\"team-name\">${member.name}<\/h3>\r\n <span class=\"team-role\">${member.role}<\/span>\r\n <\/article>\r\n `).join('');\r\n }\r\n\r\n const prevBtn = document.querySelector('.slider-btn-prev');\r\n const nextBtn = document.querySelector('.slider-btn-next');\r\n if (slider && prevBtn && nextBtn) {\r\n nextBtn.addEventListener('click', () => slider.scrollBy({ left: 290, behavior: 'smooth' }));\r\n prevBtn.addEventListener('click', () => slider.scrollBy({ left: -290, behavior: 'smooth' }));\r\n }\r\n\r\n const navLinks = document.querySelectorAll('.uii-sub-nav a');\r\n const sidebarLinks = document.querySelectorAll('.sidebar-link');\r\n const sections = Array.from(navLinks).map(link => document.querySelector(link.getAttribute('href')));\r\n\r\n window.setActive = function(link) {\r\n if(!link) return;\r\n const parent = link.closest('.sidebar-menu');\r\n if(parent) parent.querySelectorAll('a').forEach(l => l.classList.remove('active'));\r\n link.classList.add('active');\r\n }\r\n\r\n const scrollObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const activeNavLink = document.querySelector(`.uii-sub-nav a[href=\"#${entry.target.id}\"]`);\r\n if(activeNavLink) {\r\n document.querySelectorAll('.uii-sub-nav a').forEach(l => l.classList.remove('active'));\r\n activeNavLink.classList.add('active');\r\n }\r\n const activeSidebarLink = entry.target.id === 'about' ? document.querySelector('.sidebar-link[href$=\"about_uii\/\"]') : null;\r\n if(activeSidebarLink) {\r\n sidebarLinks.forEach(l => l.classList.remove('active'));\r\n activeSidebarLink.classList.add('active');\r\n }\r\n }\r\n });\r\n }, { threshold: 0.2, rootMargin: \"-20% 0px -50% 0px\" });\r\n sections.forEach(section => { if(section) scrollObserver.observe(section); });\r\n\r\n const toTop = document.querySelector('.to-top');\r\n if(toTop) {\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 500) toTop.classList.add('show');\r\n else toTop.classList.remove('show');\r\n });\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>UEH INSTITUTE OF INNOVATION ABOUT UII UII – Institute of Innovation (Updated) Overview Mission Core Values Impact Awards Our Team UEH INSTITUTE OF INNOVATION Overview Founded in 2019 through a strategic partnership between UEH and Singapore Management University (SMU), the UEH Institute of Innovation (UII) was established as UEH’s first startup incubator, adopting an international […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1319","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/1319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/comments?post=1319"}],"version-history":[{"count":607,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/1319\/revisions"}],"predecessor-version":[{"id":8538,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/1319\/revisions\/8538"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/media?parent=1319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}