Pillar of Action - UII<\/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 \/* =========================================\r\n 1. GLOBAL VARIABLES & SCOPED RESET (MATCHING MASTER PAGE)\r\n ========================================= *\/\r\n :root {\r\n \/* UNIFIED BRAND PALETTE *\/\r\n --uii-blue: #234B86; \r\n --uii-orange: #EB6825; \r\n --uii-blue-dark: #1e3a66; \r\n --uii-orange-dark: #d6551b;\r\n \r\n \/* Neutral & System *\/\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 \r\n \/* Metrics *\/\r\n --radius: 28px;\r\n --uii-radius: 16px;\r\n --shadow-sm: 0 10px 22px -18px rgba(35, 75, 134, 0.35);\r\n --shadow-hover: 0 18px 34px -22px rgba(35, 75, 134, 0.45);\r\n --uii-gap: 40px;\r\n\r\n \/* Typography *\/\r\n --font-body: 1rem; \r\n --font-card-title: 1.25rem; \r\n --font-section-title: clamp(1.75rem, 3vw, 2.5rem); \r\n }\r\n\r\n * { box-sizing: border-box; }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\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: var(--font-body);\r\n }\r\n\r\n a { text-decoration: none !important; color: inherit; transition: 0.3s; }\r\n img { max-width: 100%; height: auto; display: block; }\r\n html { scroll-behavior: smooth; }\r\n\r\n \/* Custom Scrollbar *\/\r\n ::-webkit-scrollbar { width: 10px; }\r\n ::-webkit-scrollbar-track { background: var(--uii-soft); }\r\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 5px; border: 2px solid var(--uii-soft); }\r\n ::-webkit-scrollbar-thumb:hover { background: var(--uii-blue); }\r\n\r\n \/* =========================================\r\n 2. MASTER LAYOUT\r\n ========================================= *\/\r\n .uii-wrapper { width: 100%; display: block; overflow-x: clip; }\r\n .uii-custom-container { width: 100%; margin: 0 auto; padding: 0; }\r\n\r\n .uii-layout-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) 300px; \r\n gap: 40px;\r\n margin-bottom: 80px;\r\n margin-top: 40px;\r\n padding: 0 32px; \r\n }\r\n\r\n @media (max-width: 1366px) {\r\n .uii-layout-grid { grid-template-columns: minmax(0, 1fr) 250px; gap: 20px; padding: 0 20px; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .uii-layout-grid { grid-template-columns: 100%; padding: 0 16px; }\r\n .layout-sidebar { order: 2; margin-top: 40px; }\r\n .sidebar-widget { position: static !important; width: 100%; }\r\n }\r\n\r\n \/* Sidebar Styles *\/\r\n .sidebar-widget {\r\n position: sticky; top: 20px; background: #fff;\r\n border: 1px solid var(--uii-border); border-radius: var(--uii-radius);\r\n overflow: hidden; box-shadow: 0 4px 6px rgba(15, 43, 70, 0.04);\r\n max-height: calc(100vh - 40px); overflow-y: auto; scrollbar-width: thin; \r\n }\r\n .sidebar-img { width: 100%; height: 160px; object-fit: cover; }\r\n .sidebar-content { padding: 24px; }\r\n .sidebar-title { font-size: 1.25rem; font-weight: 800; color: var(--uii-blue); margin: 0 0 16px 0; }\r\n .sidebar-menu { list-style: none; display: flex; flex-direction: column; gap: 4px; padding: 0; margin: 0; }\r\n .sidebar-link {\r\n display: block; padding: 10px 16px; color: var(--uii-muted); font-weight: 600;\r\n border-radius: 8px; transition: all 0.2s ease; border: none;\r\n }\r\n .sidebar-link:hover { background: var(--uii-bg-light); color: var(--uii-blue); }\r\n .sidebar-link.active { background: rgba(235, 104, 37, 0.1); color: var(--uii-orange); font-weight: 700; }\r\n\r\n \/* =========================================\r\n 3. POA SPECIFIC STYLES (Adapted to UII Theme)\r\n ========================================= *\/\r\n \r\n \/* HERO WITH FLOATING SHAPES *\/\r\n .poa-hero {\r\n border-radius: var(--radius);\r\n padding: clamp(28px, 5vw, 60px) 20px;\r\n color: #fff;\r\n background: linear-gradient(135deg, var(--uii-blue) 0%, var(--uii-blue-dark) 100%);\r\n box-shadow: 0 20px 40px -10px rgba(35, 75, 134, 0.25);\r\n position: relative; overflow: hidden;\r\n text-align: center;\r\n display: flex; flex-direction: column; align-items: center;\r\n margin-bottom: 30px;\r\n background-size: 200% 200%; \r\n animation: gradientBreath 10s ease infinite;\r\n }\r\n @keyframes gradientBreath {\r\n 0%, 100% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n }\r\n\r\n .poa-hero::before {\r\n content: ''; position: absolute; inset: 0;\r\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 20%),\r\n radial-gradient(circle at 80% 20%, rgba(235, 104, 37, 0.2) 0%, transparent 25%);\r\n pointer-events: none;\r\n }\r\n\r\n .poa-kicker {\r\n color: var(--uii-orange); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;\r\n font-size: 0.875rem; margin-bottom: 1rem; display: inline-block;\r\n background: rgba(255,255,255,0.1); padding: 0.5em 1em; border-radius: 99px; backdrop-filter: blur(4px);\r\n position: relative; z-index: 1;\r\n }\r\n .poa-title {\r\n margin: 0 0 16px; font-size: var(--font-section-title);\r\n font-weight: 800; line-height: 1.1; position: relative; z-index: 1;\r\n }\r\n .poa-sub {\r\n margin: 0 auto; color: rgba(255,255,255,.9); font-size: 1.1rem; max-width: 65ch; position: relative; z-index: 1;\r\n }\r\n\r\n \/* STICKY SUB-NAV *\/\r\n .poa-nav {\r\n position: sticky; top: 20px; z-index: 50;\r\n margin: -24px auto 40px; \r\n width: fit-content; max-width: 100%;\r\n display: flex; flex-wrap: wrap; justify-content: center;\r\n gap: 8px; padding: 6px; \r\n background: rgba(255, 255, 255, 0.9);\r\n border: 1px solid var(--uii-border);\r\n border-radius: 999px; \r\n backdrop-filter: blur(12px);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n }\r\n .poa-nav a {\r\n font-weight: 600; font-size: 0.9rem; padding: 8px 16px;\r\n border-radius: 999px; color: var(--uii-muted);\r\n transition: all 0.2s ease;\r\n }\r\n .poa-nav a:hover { color: var(--uii-blue); background: var(--uii-bg-light); }\r\n .poa-nav a.active { \r\n background: var(--uii-blue); color: #fff; \r\n box-shadow: 0 2px 8px rgba(35, 75, 134, 0.3);\r\n }\r\n\r\n \/* SECTIONS *\/\r\n .poa-section { margin-bottom: 80px; scroll-margin-top: 100px; }\r\n \r\n .section-header { text-align: left; margin-bottom: 30px; }\r\n .poa-eyebrow {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: 0.85rem; font-weight: 800; letter-spacing: 0.1em; \r\n text-transform: uppercase; color: var(--uii-orange);\r\n margin-bottom: 8px;\r\n }\r\n .poa-eyebrow svg { width: 18px; height: 18px; }\r\n \r\n .poa-h2 { \r\n font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 800; color: var(--uii-blue); \r\n margin: 0 0 12px; line-height: 1.2;\r\n }\r\n .poa-lead { font-size: 1.05rem; color: var(--uii-muted); max-width: 70ch; }\r\n\r\n \/* =========================================\r\n HI\u1ec6U \u1ee8NG TH\u1eba (BOUNCE & GLOW HOVER)\r\n ========================================= *\/\r\n .poa-grid { display: grid; gap: 24px; }\r\n .poa-grid.two { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }\r\n \r\n .poa-card {\r\n background: var(--uii-white);\r\n border: 1px solid var(--uii-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: var(--shadow-sm);\r\n display: flex; flex-direction: column;\r\n overflow: hidden; \r\n \r\n \/* Hi\u1ec7u \u1ee9ng Bounce *\/\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n position: relative;\r\n }\r\n\r\n \/* Glow Hover *\/\r\n .poa-card:hover {\r\n transform: translateY(-8px) scale(1.02);\r\n box-shadow: 0 20px 40px rgba(35, 75, 134, 0.15), \r\n 0 0 0 2px rgba(235, 104, 37, 0.1) inset;\r\n border-color: rgba(235, 104, 37, 0.3);\r\n }\r\n\r\n \/* Thumbnail in Card *\/\r\n .poa-thumb {\r\n margin: -24px -24px 24px -24px; \r\n overflow: hidden;\r\n aspect-ratio: 16\/9;\r\n background: var(--uii-bg-light);\r\n position: relative; z-index: 1;\r\n }\r\n .poa-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\r\n .poa-card:hover .poa-thumb img { transform: scale(1.05); }\r\n\r\n \/* Badge in Card *\/\r\n .poa-badge {\r\n align-self: flex-start;\r\n display: inline-block; padding: 4px 12px; border-radius: 99px;\r\n font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;\r\n background: rgba(35, 75, 134, 0.1); color: var(--uii-blue);\r\n margin-top: 4px; margin-bottom: 12px;\r\n position: relative; z-index: 2;\r\n }\r\n\r\n .poa-card h3 { \r\n font-size: 1.25rem; font-weight: 700; color: var(--uii-blue); \r\n margin: 0 0 10px; line-height: 1.3; position: relative; z-index: 2;\r\n }\r\n .poa-card p { font-size: 0.95rem; color: var(--uii-muted); margin-bottom: 16px; position: relative; z-index: 2; }\r\n .poa-card p.muted { font-size: 0.9rem; font-style: italic; opacity: 0.8; }\r\n .poa-card strong { color: var(--uii-orange); }\r\n\r\n \/* List in Card *\/\r\n .poa-list { padding-left: 20px; margin: 0 0 20px; position: relative; z-index: 2;}\r\n .poa-list li { margin-bottom: 8px; color: var(--uii-text); font-size: 0.95rem; }\r\n .poa-list li::marker { color: var(--uii-orange); }\r\n\r\n \/* =========================================\r\n N\u00daT B\u1ea4M (BUTTONS) K\u00c8M HI\u1ec6U \u1ee8NG QU\u00c9T S\u00c1NG\r\n ========================================= *\/\r\n .poa-cta { margin-top: auto; display: flex; gap: 12px; flex-wrap: wrap; position: relative; z-index: 2;}\r\n \r\n .btn {\r\n display: inline-flex; align-items: center; padding: 12px 24px; border-radius: 12px;\r\n font-weight: 700; font-size: 0.95rem; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); \r\n border: 2px solid transparent; cursor: pointer;\r\n }\r\n\r\n \/* Hi\u1ec7u \u1ee9ng Shine cho Primary Button *\/\r\n .btn-primary { \r\n background: var(--uii-orange); color: white !important; \r\n position: relative; overflow: hidden; z-index: 1;\r\n box-shadow: 0 4px 15px rgba(235, 104, 37, 0.3);\r\n }\r\n .btn-primary::after {\r\n content: ''; position: absolute; top: 0; left: -100%;\r\n width: 100%; height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n transition: 0.5s; z-index: -1;\r\n }\r\n .btn-primary:hover { \r\n background: var(--uii-orange-dark); transform: translateY(-3px) scale(1.02); \r\n box-shadow: 0 10px 25px rgba(235, 104, 37, 0.4);\r\n }\r\n .btn-primary:hover::after { left: 100%; transition: 0.6s ease-in-out; }\r\n\r\n .btn-ghost { border-color: var(--uii-blue); color: var(--uii-blue); background: transparent; }\r\n .btn-ghost:hover { background: rgba(35, 75, 134, 0.05); transform: translateY(-2px); }\r\n\r\n \/*HI\u1ec6U \u1ee8NG AVATAR PULSE (CHU\u1ea8N HO\u00c1 H\u1ec6 TH\u1ed0NG)*\/\r\n \r\n .avatar-wrapper {\r\n position: relative; width: 100px; height: 100px; margin: 0 auto 20px;\r\n }\r\n .team-avatar {\r\n width: 100%; height: 100%; border-radius: 50%; object-fit: cover;\r\n border: 3px solid var(--uii-white); box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n position: relative; z-index: 2;\r\n }\r\n .avatar-wrapper::after {\r\n content: ''; position: absolute; inset: -5px; border-radius: 50%;\r\n background: rgba(235, 104, 37, 0.2); z-index: 1; opacity: 0;\r\n }\r\n \/* Ch\u00fa \u00fd: C\u1ea7n th\u00eam class .pulse-hover v\u00e0o card ch\u1ee9a avatar \u0111\u1ec3 k\u00edch ho\u1ea1t *\/\r\n .pulse-hover:hover .avatar-wrapper::after { animation: pulseAvatar 1.5s infinite; opacity: 1; }\r\n\r\n @keyframes pulseAvatar {\r\n 0% { transform: scale(1); opacity: 0.8; }\r\n 100% { transform: scale(1.4); opacity: 0; }\r\n }\r\n\r\n \/* Gallery (Innovation Lab) *\/\r\n .poa-gallery { \r\n display: grid; gap: 12px; margin: 20px 0; \r\n grid-template-columns: repeat(3, 1fr); position: relative; z-index: 2;\r\n }\r\n .poa-gallery .shot { \r\n border-radius: 12px; overflow: hidden; aspect-ratio: 4\/3; \r\n border: 1px solid var(--uii-border); \r\n margin: 0; \/* Clear figure margins *\/\r\n }\r\n .poa-gallery .shot img { width: 100%; height: 100%; object-fit: cover; }\r\n @media (max-width: 600px) { .poa-gallery { grid-template-columns: 1fr; } }\r\n\r\n \/* Back to Top *\/\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); }\r\n\r\n\r\n \/* =========================================================\r\n WORDPRESS SAFE STICKY PATCH v3\r\n - Keeps nav in normal content flow (no detached\/fixed nav)\r\n - Keeps right sidebar sticky\r\n - Prevents Elementor\/theme overflow from breaking sticky\r\n ========================================================= *\/\r\n\r\n html { scroll-behavior: smooth; scroll-padding-top: calc(var(--poa-sticky-top, 56px) + 72px); }\r\n\r\n .uii-wrapper {\r\n --poa-sticky-top: 24px;\r\n overflow: visible !important;\r\n contain: none !important;\r\n transform: none !important;\r\n isolation: auto !important;\r\n }\r\n\r\n body.admin-bar .uii-wrapper {\r\n --poa-sticky-top: 56px; \/* 32px WP admin bar + 24px breathing room *\/\r\n }\r\n\r\n .uii-custom-container,\r\n .uii-layout-grid,\r\n .layout-content,\r\n .layout-sidebar,\r\n .poa-wrap {\r\n overflow: visible !important;\r\n contain: none !important;\r\n }\r\n\r\n .uii-layout-grid {\r\n align-items: start !important;\r\n }\r\n\r\n .layout-content {\r\n min-width: 0;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Sticky pill nav stays inside the left content column *\/\r\n .poa-nav {\r\n position: sticky !important;\r\n top: var(--poa-sticky-top) !important;\r\n z-index: 10000 !important;\r\n transform: none !important;\r\n left: auto !important;\r\n right: auto !important;\r\n width: fit-content !important;\r\n max-width: calc(100% - 24px) !important;\r\n margin: -24px auto 56px !important;\r\n }\r\n\r\n \/* Sidebar follows viewport, but remains inside the right column *\/\r\n @media (min-width: 1025px) {\r\n .layout-sidebar {\r\n position: sticky !important;\r\n top: var(--poa-sticky-top) !important;\r\n align-self: start !important;\r\n height: max-content !important;\r\n z-index: 20 !important;\r\n }\r\n\r\n .sidebar-widget {\r\n position: relative !important;\r\n top: auto !important;\r\n max-height: calc(100vh - var(--poa-sticky-top) - 24px) !important;\r\n overflow-y: auto !important;\r\n }\r\n }\r\n\r\n .poa-section {\r\n scroll-margin-top: calc(var(--poa-sticky-top, 56px) + 96px) !important;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .poa-nav {\r\n position: sticky !important;\r\n top: 12px !important;\r\n max-width: 100% !important;\r\n overflow-x: auto !important;\r\n justify-content: flex-start !important;\r\n flex-wrap: nowrap !important;\r\n margin: -20px auto 36px !important;\r\n }\r\n\r\n .poa-nav a {\r\n white-space: nowrap;\r\n }\r\n\r\n .layout-sidebar,\r\n .sidebar-widget {\r\n position: static !important;\r\n max-height: none !important;\r\n overflow: visible !important;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"uii-wrapper\">\r\n \r\n <div class=\"uii-custom-container uii-layout-grid\">\r\n \r\n \r\n <main class=\"layout-content\">\r\n\r\n \r\n <header class=\"poa-hero\" id=\"poa-top\">\r\n <div class=\"poa-kicker\">UEH INSTITUTE OF INNOVATION<\/div>\r\n <h1 class=\"poa-title\">Building innovation with real-world impact<\/h1>\r\n <p class=\"poa-sub\">\r\n Research. Training. Incubation. UII mobilizes partners, experts, and young talents\r\n to turn knowledge into solutions that matter.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <nav class=\"poa-nav\" aria-label=\"Section navigation\">\r\n <a href=\"#training\" class=\"active\">Training & Education<\/a>\r\n <a href=\"#lab\">Innovation Lab<\/a>\r\n <a href=\"#incubation\">Incubation Program<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"poa-wrap\">\r\n \r\n \r\n <section id=\"training\" class=\"poa-section\">\r\n <div class=\"section-header\">\r\n <div class=\"poa-eyebrow\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n Training & Education\r\n <\/div>\r\n <h2 class=\"poa-h2\">Developing talent for Technology & Innovation and FinTech<\/h2>\r\n <p class=\"poa-lead\">\r\n Programs that blend advanced technologies, human-centered design, and economic applications to enable sustainable innovation.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"poa-grid two\">\r\n \r\n <article class=\"poa-card\">\r\n <figure class=\"poa-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/tuyensinh.ueh.edu.vn\/wp-content\/uploads\/2023\/02\/42-CU-NHAN-CONG-NGHE-VA-DOI-MOI-SANG-TAO-min-768x372.png\" alt=\"Students in class\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=800&q=80'\">\r\n <\/figure>\r\n <span class=\"poa-badge\">Undergraduate Programs<\/span>\r\n <h3>Future-ready curricula with a strong tech core<\/h3>\r\n <p class=\"muted\">\r\n Developing, enhancing, and ensuring quality in the fields of Technology & Innovation and Financial Technology.\r\n <\/p>\r\n <p>\r\n The curriculum equips learners with a solid foundation in <strong>AI, Big Data, VR\/AR, Blockchain<\/strong>\u2026\r\n <\/p>\r\n <div class=\"poa-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/uii.ueh.edu.vn\/education\/bachelor-program\/\">Explore curricula<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"poa-card\">\r\n <figure class=\"poa-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/Cac-dai-bieu-tham-du-chup-hinh-luu-niem-cung-chuong-trinh-1-scaled.jpg\" alt=\"Workshop\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1515187029135-18ee286d815b?auto=format&fit=crop&w=800&q=80'\">\r\n <\/figure>\r\n <span class=\"poa-badge\">Short-term Training<\/span>\r\n <h3>Focused, applied, and tailored for organizations<\/h3>\r\n <p>\r\n Specialized courses that strengthen learners\u2019 knowledge and respond to organizational needs.\r\n <\/p>\r\n <ul class=\"poa-list\">\r\n <li>Design thinking & innovation management<\/li>\r\n <li>Entrepreneurship & product commercialization<\/li>\r\n <li>Financial technology (FinTech)<\/li>\r\n <li>New product & service design<\/li>\r\n <\/ul>\r\n <div class=\"poa-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/uii.ueh.edu.vn\/research-publications\/\">Read more<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"lab\" class=\"poa-section\">\r\n <div class=\"section-header\">\r\n <div class=\"poa-eyebrow\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 2v7.31\"\/><path d=\"M14 2v7.31\"\/><path d=\"M8.5 2h7\"\/><path d=\"M14 9.3a6.5 6.5 0 1 1-4 0\"\/><path d=\"M5.52 16h12.96\"\/><\/svg>\r\n Innovation Lab\r\n <\/div>\r\n <h2 class=\"poa-h2\">Research & consulting with partners, experts, and scholars<\/h2>\r\n <p class=\"poa-lead\">\r\n We tackle real problems with multidisciplinary teams and a strong partner network\u2014delivering scientific research and advisory projects.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"poa-grid\">\r\n <article class=\"poa-card\">\r\n <figure class=\"poa-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/585886803_847525924633984_4450153834414834178_n.jpg\" alt=\"UII activity\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=800&q=80'\">\r\n <\/figure>\r\n\r\n <span class=\"poa-badge\">What we do<\/span>\r\n <h3>Scientific research & Consultancy initiatives<\/h3>\r\n <p>\r\n Tailored solutions for enterprises & communities, focusing on applied and fundamental research with measurable outcomes.\r\n <\/p>\r\n <ul class=\"poa-list\">\r\n <li>Policy, strategy, and digital transformation consulting<\/li>\r\n <li>Prototype & pilot solutions with business impact<\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"poa-gallery\">\r\n <figure class=\"shot\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/584740136_1506870194780488_3199134777161373406_n.jpg\" alt=\"Testing\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1532094349884-543bc11b234d?auto=format&fit=crop&w=400&q=80'\"><\/figure>\r\n <figure class=\"shot\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/506587087_1358074559660053_2924551336236669962_n.jpg\" alt=\"Workshop\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=400&q=80'\"><\/figure>\r\n <figure class=\"shot\"><img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/IOT-dashboard-e1766550899103.jpg\" alt=\"Showcase\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=400&q=80'\"><\/figure>\r\n <\/div>\r\n\r\n <div class=\"poa-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/uii.ueh.edu.vn\/applied-research-projects\/\">Propose a project<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"incubation\" class=\"poa-section\">\r\n <div class=\"section-header\">\r\n <div class=\"poa-eyebrow\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\r\n Incubation Program\r\n <\/div>\r\n <h2 class=\"poa-h2\">Incubation & acceleration for students, alumni, faculty & youth<\/h2>\r\n <p class=\"poa-lead\">\r\n We shape the entrepreneurial journey\u2014nurturing ideas and connecting founders with national and international startup ecosystems.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"poa-grid two\">\r\n \r\n <article class=\"poa-card\">\r\n <figure class=\"poa-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/548301498_1446240754176766_3443385180018982172_n.jpg\" alt=\"Student pitch\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&w=800&q=80'\">\r\n <\/figure>\r\n <span class=\"poa-badge\">Scope & Audience<\/span>\r\n <h3>For the youth entrepreneurship community<\/h3>\r\n <p>\r\n Programs for <strong>students, alumni, faculty members<\/strong> across Vietnam. We cover the journey from idea to market with mentors and investor connections.\r\n <\/p>\r\n <\/article>\r\n\r\n \r\n <article class=\"poa-card\">\r\n <figure class=\"poa-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/UIIs-coworking-space-blended.png\" alt=\"Coworking space\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=800&q=80'\">\r\n <\/figure>\r\n <span class=\"poa-badge\">Where we operate<\/span>\r\n <h3>Two incubators in HCMC<\/h3>\r\n <p>\r\n And the <strong>Mekong Center of Entrepreneurship and Innovation (UEH Mekong)<\/strong>. Providing workspace and ecosystem access.\r\n <\/p>\r\n <div class=\"poa-cta\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/uii.ueh.edu.vn\/job-opportunity\/\">Apply to incubate<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"to-top\">\r\n <a href=\"#poa-top\" class=\"btn btn-ghost\" style=\"border: 1px solid var(--uii-border); background: #fff; padding: 10px 16px;\">\u2191 Top<\/a>\r\n <\/div>\r\n\r\n <\/main>\r\n\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\/278113025_5188379977915475_6843641910960438178_n-1.png\" alt=\"Office\" class=\"sidebar-img\" onerror=\"this.src='https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/vien-doi-moi-sang-tao-ueh-uii.jpg'\">\r\n \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\">About UII<\/a><\/li>\r\n <li><a href=\"#training\" class=\"sidebar-link active\">Pillar Of Actions<\/a><\/li>\r\n <li><a href=\"https:\/\/uii.ueh.edu.vn\/our-team\/\" class=\"sidebar-link\">Our Team<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const wrapper = document.querySelector('.uii-wrapper');\r\n const nav = document.querySelector('.poa-nav');\r\n const toTop = document.querySelector('.to-top');\r\n\r\n function getStickyOffset() {\r\n if (!wrapper) return 80;\r\n const raw = getComputedStyle(wrapper).getPropertyValue('--poa-sticky-top').trim();\r\n const parsed = parseFloat(raw);\r\n return Number.isFinite(parsed) ? parsed : 80;\r\n }\r\n\r\n function updateActiveSection() {\r\n if (!nav) return;\r\n const links = Array.from(nav.querySelectorAll('a[href^=\"#\"]'));\r\n const offset = getStickyOffset() + 120;\r\n let currentId = links[0] ? links[0].getAttribute('href').slice(1) : null;\r\n\r\n links.forEach(function (link) {\r\n const section = document.querySelector(link.getAttribute('href'));\r\n if (!section) return;\r\n if (section.getBoundingClientRect().top <= offset) {\r\n currentId = section.id;\r\n }\r\n });\r\n\r\n links.forEach(function (link) {\r\n link.classList.toggle('active', link.getAttribute('href') === '#' + currentId);\r\n });\r\n }\r\n\r\n if (nav) {\r\n nav.addEventListener('click', function (event) {\r\n const link = event.target.closest('a[href^=\"#\"]');\r\n if (!link) return;\r\n const target = document.querySelector(link.getAttribute('href'));\r\n if (!target) return;\r\n\r\n event.preventDefault();\r\n const y = window.scrollY + target.getBoundingClientRect().top - getStickyOffset() - 84;\r\n window.scrollTo({ top: y, behavior: 'smooth' });\r\n history.replaceState(null, '', link.getAttribute('href'));\r\n });\r\n }\r\n\r\n function onScroll() {\r\n updateActiveSection();\r\n if (toTop) {\r\n toTop.classList.toggle('show', window.scrollY > 500);\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n window.addEventListener('resize', onScroll);\r\n onScroll();\r\n });\r\n <\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\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 PILLARS OF ACTIONS Pillar of Action – UII UEH INSTITUTE OF INNOVATION Building innovation with real-world impact Research. Training. Incubation. UII mobilizes partners, experts, and young talents to turn knowledge into solutions that matter. Training & Education Innovation Lab Incubation Program Training & Education Developing talent for Technology & Innovation and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1319,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2156","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2156","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/comments?post=2156"}],"version-history":[{"count":177,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2156\/revisions"}],"predecessor-version":[{"id":9545,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2156\/revisions\/9545"}],"up":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/1319"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/media?parent=2156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}