Why Study at UII - UEH Institute of Innovation<\/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 (From About UII)\r\n ========================================= *\/\r\n .uii-wrapper {\r\n \/* UNIFIED BRAND PALETTE *\/\r\n --uii-blue: #234B86;\r\n --uii-orange: #EB6825;\r\n --uii-blue-dark: #1e3a66;\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-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: 1.1rem;\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; transition: 0.2s; }\r\n .uii-wrapper img { max-width: 100%; height: auto; display: block; }\r\n \r\n html { scroll-behavior: smooth; overflow-x: clip; }\r\n body { margin: 0; padding: 0; overflow-x: clip; }\r\n\r\n \/* =========================================\r\n 2. MASTER LAYOUT (Same as About UII)\r\n ========================================= *\/\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: 40px; \r\n margin-top: 40px;\r\n padding: 0 16px; \r\n align-items: stretch;\r\n position: relative;\r\n }\r\n\r\n .layout-sidebar { height: 100%; padding-top: ; }\r\n\r\n @media (max-width: 1366px) {\r\n .uii-layout-grid { grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; padding: 0 16px; }\r\n }\r\n\r\n @media (max-width: 850px) {\r\n .uii-layout-grid { grid-template-columns: 100%; padding: 0 16px; }\r\n .layout-sidebar { order: 2; margin-top: 60px; padding-top: 0; height: auto; }\r\n .sidebar-widget { position: static !important; width: 100%; max-width: 400px; margin: 0 auto; }\r\n }\r\n\r\n \/* Sidebar Styles *\/\r\n .sidebar-widget {\r\n position: sticky; top: 100px; z-index: 40;\r\n background: #fff; border: 1px solid var(--uii-border);\r\n border-radius: var(--uii-radius); overflow: hidden;\r\n box-shadow: 0 4px 6px rgba(15, 43, 70, 0.04);\r\n max-height: calc(100vh - 120px); overflow-y: auto; scrollbar-width: thin;\r\n }\r\n .sidebar-widget::-webkit-scrollbar { width: 6px; }\r\n .sidebar-widget::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.1); border-radius: 4px; }\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; font-size: 0.95rem;\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\r\n \/* =========================================\r\n 4. SECTIONS & COMPONENTS\r\n ========================================= *\/\r\n .uii-section { scroll-margin-top: 100px; margin-bottom: 40px; }\r\n \r\n \/* Hero Style (Same as About) *\/\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; padding: 40px 20px; min-height: auto;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n text-align: center; border-radius: 28px; margin-bottom: 30px;\r\n box-shadow: 0 20px 40px -10px rgba(35, 75, 134, 0.25); overflow: hidden;\r\n }\r\n .about-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 .hero-content { position: relative; z-index: 2; width: 100%; max-width: 950px; }\r\n .hero-eyebrow {\r\n color: var(--uii-orange); font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em;\r\n font-size: 0.8rem; margin-bottom: 1rem; display: inline-block;\r\n background: rgba(255,255,255,0.1); padding: 0.4em 1em; border-radius: 99px;\r\n backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.2);\r\n }\r\n .hero-headline {\r\n font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 800; line-height: 1.2; margin: 0 0 1rem; color:#fff;\r\n }\r\n .about-hero p {\r\n font-size: 1.1rem; opacity: 1; margin: 0 auto 1.5rem auto; max-width: 100%; line-height: 1.6; color: #e0e6ed;\r\n }\r\n\r\n \/* Experience Video Section *\/\r\n .exp-wrap {\r\n display: grid; grid-template-columns: 1fr; gap: 0;\r\n border-radius: var(--radius); overflow: hidden;\r\n box-shadow: var(--shadow-hover); margin-bottom: 30px;\r\n }\r\n .exp-video {\r\n position: relative; width: 100%; aspect-ratio: 16\/9;\r\n background: #000; display: flex; align-items: center; justify-content: center;\r\n }\r\n .exp-video iframe {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;\r\n }\r\n .exp-content {\r\n background: var(--uii-blue); color: white; padding: 40px;\r\n display: flex; flex-direction: column; align-items: center; text-align: center;\r\n }\r\n .exp-title { font-size: 1.8rem; font-weight: 800; margin-bottom: 16px; line-height: 1.3; }\r\n .exp-text { font-size: 1rem; opacity: 0.9; margin-bottom: 24px; max-width: 800px; }\r\n \r\n .btn-light {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 12px 24px; background: ; color: var(--uii-blue);\r\n border: 2px solid white; font-weight: 700; border-radius: 99px; \r\n text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.9rem;\r\n transition: all 0.3s ease; cursor: pointer;\r\n }\r\n .btn-light:hover { \r\n background: var(--uii-orange); color: white; border-color: var(--uii-orange);\r\n transform: translateY(-2px); box-shadow: 0 6px 16px rgba(235, 104, 37, 0.3);\r\n }\r\n\r\n \/* Features Grid (Styled like Value Cards) *\/\r\n .values-header { text-align: center; margin-bottom: 32px; }\r\n .values-header h2 {\r\n margin: 0; font-size: 2rem; letter-spacing: -0.02em; color: var(--uii-blue); font-weight: 800;\r\n }\r\n .values-grid { display: grid; gap: 30px; grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n @media (max-width: 640px){ .values-grid{ grid-template-columns: 1fr; } }\r\n \r\n .value-card {\r\n background: var(--uii-white); border: 1px solid var(--uii-border);\r\n border-radius: 18px; padding: 24px; box-shadow: var(--shadow-sm);\r\n min-height: 180px; display: flex; flex-direction: column; align-items: center; text-align: center;\r\n transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; height: 100%; \r\n }\r\n .value-card:hover {\r\n transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(235, 104, 37, 0.3);\r\n }\r\n .icon {\r\n width: 60px; height: 60px; border-radius: 14px; \r\n display: grid; place-items: center;\r\n background: rgba(235, 104, 37, 0.1); border: 1px solid rgba(235, 104, 37, 0.15);\r\n margin: 0 auto 16px auto; color: var(--uii-orange);\r\n }\r\n .icon svg { width: 30px; height: 30px; }\r\n .value-card h3 { \r\n margin: 0 0 12px; font-size: 1.25rem; font-weight: 700; color: var(--uii-blue); line-height: 1.3; \r\n }\r\n .value-card p { \r\n margin: 0; color: var(--uii-muted); font-size: 1rem; line-height: 1.6; \r\n }\r\n\r\n \/* Testimonial (Styled like Impact\/Awards section) *\/\r\n .testimonial-wrap {\r\n display: grid; grid-template-columns: 1fr; gap: 0;\r\n border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-hover);\r\n margin-bottom: 40px;\r\n }\r\n .testi-img { height: 300px; position: relative; }\r\n .testi-img img { width: 100%; height: 100%; object-fit: cover; }\r\n .testi-content {\r\n background: var(--uii-orange); color: white; padding: 40px;\r\n display: flex; flex-direction: column; justify-content: center;\r\n }\r\n .quote-mark { font-size: 3rem; line-height: 1; opacity: 0.5; font-family: serif; margin-bottom: 10px; }\r\n .quote-text { font-size: 1.3rem; line-height: 1.4; margin-bottom: 20px; font-style: italic; font-weight: 500; }\r\n .quote-author { font-weight: 800; font-size: 1rem; }\r\n .quote-role { font-weight: 400; font-size: 0.9rem; opacity: 0.9; display: block; margin-bottom: 24px; }\r\n \r\n .btn-chat {\r\n align-self: start; border: 2px solid rgba(255,255,255,0.4); color: white;\r\n padding: 10px 24px; border-radius: 99px; font-weight: 700; font-size: 0.85rem;\r\n transition: 0.3s;\r\n }\r\n .btn-chat:hover { background: white; color: var(--uii-orange); border-color: white; }\r\n\r\n \/* CTA Footer Band *\/\r\n .cta-band {\r\n background: var(--uii-bg-light); border-top: 1px solid rgba(0,0,0,0.05); padding: 60px 20px; \r\n margin-top: 40px;\r\n }\r\n .cta-inner {\r\n max-width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;\r\n flex-wrap: wrap; gap: 24px; background: #fff; padding: 40px; border-radius: 24px;\r\n box-shadow: var(--shadow-hover); border: 1px solid rgba(235, 104, 37, 0.1);\r\n }\r\n .cta-text h2 { color: var(--uii-blue); margin-bottom: 8px; font-size: 1.8rem; font-weight: 800; }\r\n .btn-group { display: flex; gap: 12px; justify-content: center; }\r\n .btn {\r\n display: inline-flex; align-items: center; padding: 12px 24px; border-radius: 10px;\r\n font-weight: 600; text-decoration: none; transition: all 0.2s;\r\n }\r\n .btn-primary { background: var(--uii-orange); color: white; }\r\n .btn-primary:hover { background: #d6551b; transform: translateY(-2px); }\r\n .btn-outline { border: 2px solid var(--uii-blue); color: var(--uii-blue); }\r\n .btn-outline:hover { background: rgba(35, 75, 134, 0.05); }\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); color: var(--uii-text); }\r\n\r\n @media (max-width: 768px) {\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 .exp-content { padding: 30px 20px; }\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 \r\n <section id=\"intro\" class=\"uii-section\" style=\"padding-top:0;\">\r\n <div class=\"about-hero\">\r\n <div class=\"hero-content\">\r\n <span class=\"hero-eyebrow\">VI\u1ec6N \u0110\u1ed4I M\u1edaI S\u00c1NG T\u1ea0O UEH<\/span>\r\n <h1 class=\"hero-headline\">H\u1ecdc t\u1eadp t\u1ea1i UII<\/h1>\r\n <p>\r\n N\u1eb1m t\u1ea1i trung t\u00e2m h\u1ec7 sinh th\u00e1i kh\u1edfi nghi\u1ec7p n\u0103ng \u0111\u1ed9ng c\u1ee7a TP. H\u1ed3 Ch\u00ed Minh, Vi\u1ec7n \u0110\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o UEH (UII) l\u00e0 nh\u1ecbp c\u1ea7u k\u1ebft n\u1ed1i gi\u1eefa h\u1ecdc thu\u1eadt v\u00e0 th\u1ef1c ti\u1ec5n, n\u01a1i \u01b0\u01a1m t\u1ea1o nh\u1eefng \u00fd t\u01b0\u1edfng \u0111\u1ed9t ph\u00e1 v\u00e0 ki\u1ebfn t\u1ea1o c\u00e1c t\u00e1c \u0111\u1ed9ng x\u00e3 h\u1ed9i b\u1ec1n v\u1eefng.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"experience\" class=\"uii-section\">\r\n <div class=\"exp-wrap\">\r\n \r\n <div class=\"exp-video\">\r\n <iframe \r\n src=\"https:\/\/www.youtube.com\/embed\/a_ZFb70akpM\" \r\n title=\"UII Innovation Video\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n allowfullscreen>\r\n <\/iframe>\r\n<\/div>\r\n \r\n <div class=\"exp-content\">\r\n <h2 class=\"exp-title\">Tr\u1ea3i nghi\u1ec7m m\u00f4i tr\u01b0\u1eddng \u0110\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o th\u1ef1c th\u1ee5<\/h2>\r\n <p class=\"exp-text\">\r\n T\u1ea1i UII, vi\u1ec7c h\u1ecdc kh\u00f4ng d\u1eebng l\u1ea1i \u1edf l\u00fd thuy\u1ebft. Sinh vi\u00ean \u0111\u01b0\u1ee3c h\u1ecdc t\u1eadp v\u00e0 l\u00e0m vi\u1ec7c trong m\u00f4 h\u00ecnh \u201csandbox\u201d - m\u00f4i tr\u01b0\u1eddng m\u00f4 ph\u1ecfng th\u1ef1c ti\u1ec5n, n\u01a1i ki\u1ebfn th\u1ee9c \u0111\u01b0\u1ee3c g\u1eafn li\u1ec1n v\u1edbi h\u00e0nh \u0111\u1ed9ng. B\u1ea1n s\u1ebd c\u00f3 c\u01a1 h\u1ed9i k\u1ebft n\u1ed1i v\u1edbi c\u00e1c c\u1ed1 v\u1ea5n qu\u1ed1c t\u1ebf t\u1eeb SMU, l\u00e0m vi\u1ec7c c\u00f9ng c\u00e1c chuy\u00ean gia h\u00e0ng \u0111\u1ea7u v\u00e0 tr\u1ef1c ti\u1ebfp tham gia gi\u1ea3i quy\u1ebft nh\u1eefng th\u00e1ch th\u1ee9c x\u00e3 h\u1ed9i ngay t\u1eeb giai \u0111o\u1ea1n \u0111\u1ea7u c\u1ee7a h\u00e0nh tr\u00ecnh h\u1ecdc t\u1eadp\r\n <\/p>\r\n <a href= \"https:\/\/uii.ueh.edu.vn\/vi\/education\/bachelor-program\/\" class=\"btn-light\">Kh\u00e1m ph\u00e1 Ch\u01b0\u01a1ng tr\u00ecnh<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"features\" class=\"uii-section\">\r\n <div class=\"values-header\">\r\n <h2>L\u00fd do ch\u1ecdn UII<\/h2>\r\n <\/div>\r\n <div class=\"values-grid\">\r\n \r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n <\/div>\r\n <h3>H\u1ecdc t\u1eadp th\u00f4ng qua D\u1ef1 \u00e1n<\/h3>\r\n <p>Ph\u01b0\u01a1ng ph\u00e1p \u0111\u00e0o t\u1ea1o g\u1eafn li\u1ec1n v\u1edbi c\u00e1c th\u00e1ch th\u1ee9c th\u1ef1c ti\u1ec5n. Sinh vi\u00ean l\u00e0m vi\u1ec7c trong c\u00e1c nh\u00f3m \u0111a ng\u00e0nh \u0111\u1ec3 gi\u1ea3i quy\u1ebft c\u00e1c b\u00e0i to\u00e1n kinh doanh th\u1ef1c t\u1ebf<\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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 15l-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 <\/div>\r\n <h3>Ph\u00e1t tri\u1ec3n S\u1ef1 nghi\u1ec7p v\u00e0 Kh\u1edfi nghi\u1ec7p \u0111\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o<\/h3>\r\n <p>C\u00e1c ch\u01b0\u01a1ng tr\u00ecnh \u01b0\u01a1m t\u1ea1o v\u00e0 m\u00f4 h\u00ecnh \u201csandbox\u201d t\u1ea1o \u0111i\u1ec1u ki\u1ec7n \u0111\u1ec3 sinh vi\u00ean ph\u00e1t tri\u1ec3n, hi\u1ec7n th\u1ef1c h\u00f3a \u00fd t\u01b0\u1edfng kh\u1edfi nghi\u1ec7p, \u0111\u1ed3ng th\u1eddi trang b\u1ecb t\u01b0 duy \u0111\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o v\u00e0 n\u0103ng l\u1ef1c th\u00edch \u1ee9ng, gi\u00fap ng\u01b0\u1eddi h\u1ecdc s\u1eb5n s\u00e0ng ph\u00e1t tri\u1ec3n s\u1ef1 nghi\u1ec7p trong m\u00f4i tr\u01b0\u1eddng doanh nghi\u1ec7p v\u00e0 c\u00e1c t\u1eadp \u0111o\u00e0n h\u00e0ng \u0111\u1ea7u.<\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n <\/div>\r\n <h3>M\u1ea1ng l\u01b0\u1edbi To\u00e0n c\u1ea7u<\/h3>\r\n <p>M\u1ea1ng l\u01b0\u1edbi \u0111\u1ed1i t\u00e1c qu\u1ed1c t\u1ebf r\u1ed9ng l\u1edbn v\u1edbi \u0110\u1ea1i h\u1ecdc Qu\u1ea3n l\u00fd Singapore (SMU), c\u00e1c chuy\u00ean gia v\u00e0 c\u00e1c qu\u1ef9 \u0111\u1ea7u t\u01b0 m\u1ea1o hi\u1ec3m (VC) trong khu v\u1ef1c.<\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n <\/div>\r\n <h3>\u0110\u1ecbnh h\u01b0\u1edbng T\u00e1c \u0111\u1ed9ng (SDGs)<\/h3>\r\n <p>Cam k\u1ebft m\u1ea1nh m\u1ebd v\u1edbi 17 M\u1ee5c ti\u00eau Ph\u00e1t tri\u1ec3n B\u1ec1n v\u1eefng c\u1ee7a Li\u00ean H\u1ee3p Qu\u1ed1c. M\u1ed7i d\u1ef1 \u00e1n t\u1ea1i UII \u0111\u1ec1u h\u01b0\u1edbng t\u1edbi t\u00e1c \u0111\u1ed9ng x\u00e3 h\u1ed9i t\u00edch c\u1ef1c.<\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <h3>V\u1ecb tr\u00ed \u0110\u1eafc \u0111\u1ecba<\/h3>\r\n <p>T\u1ecda l\u1ea1c t\u1ea1i TP.HCM \u2013 trung t\u00e2m kinh t\u1ebf n\u0103ng \u0111\u1ed9ng nh\u1ea5t Vi\u1ec7t Nam, m\u1edf ra v\u00f4 v\u00e0n c\u01a1 h\u1ed9i k\u1ebft n\u1ed1i v\u1edbi doanh nghi\u1ec7p v\u00e0 chuy\u00ean gia.<\/p>\r\n <\/article>\r\n\r\n <article class=\"value-card\">\r\n <div class=\"icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <h3>C\u1ed9ng \u0111\u1ed3ng S\u00f4i n\u1ed5i<\/h3>\r\n <p>C\u1ed9ng \u0111\u1ed3ng sinh vi\u00ean, gi\u1ea3ng vi\u00ean v\u00e0 c\u1ef1u sinh vi\u00ean g\u1eafn k\u1ebft, c\u1edfi m\u1edf, lu\u00f4n s\u1eb5n s\u00e0ng chia s\u1ebb v\u00e0 h\u1ed7 tr\u1ee3 l\u1eabn nhau.<\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n \r\n\r\n \r\n <footer class=\"cta-band\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-text\">\r\n <h2>B\u1ea1n \u0111\u00e3 s\u1eb5n s\u00e0ng cho h\u00e0nh tr\u00ecnh \u0111\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o?<\/h2>\r\n <p>H\u00e3y gia nh\u1eadp c\u1ed9ng \u0111\u1ed3ng h\u1ecdc t\u1eadp, s\u00e1ng t\u1ea1o v\u00e0 ki\u1ebfn t\u1ea1o gi\u00e1 tr\u1ecb t\u1ea1i Vi\u1ec7n \u0110\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o UEH.<\/p>\r\n <\/div>\r\n <div class=\"btn-group\">\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/vi\/contact\/\" class=\"btn btn-outline\">Li\u00ean h\u1ec7 t\u01b0 v\u1ea5n tuy\u1ec3n sinh<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\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=\"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 \r\n \r\n\r\n <div class=\"sidebar-content\" style=\"border-top:1px solid #eee;\">\r\n <h3 class=\"sidebar-title\">KH\u00c1M PH\u00c1 TH\u00caM<\/h3>\r\n <ul class=\"sidebar-menu\">\r\n <li><a href=\"https:\/\/uii.ueh.edu.vn\/vi\/education\/why-study-at-uii\/learn-experience\/\" class=\"sidebar-link\">H\u1ecdc t\u1eadp & Tr\u1ea3i nghi\u1ec7m<\/a><\/li>\r\n <li><a href=\"https:\/\/uii.ueh.edu.vn\/vi\/education\/why-study-at-uii\/study-exchange\/\" class=\"sidebar-link\">Trao \u0111\u1ed5i sinh vi\u00ean<\/a><\/li>\r\n <li><a href=\"https:\/\/uii.ueh.edu.vn\/vi\/education\/why-study-at-uii\/a-great-booster-for-your-career\/\" class=\"sidebar-link\">\u0110\u1ecbnh h\u01b0\u1edbng Ngh\u1ec1 nghi\u1ec7p<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n <\/aside>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"to-top\">\r\n <a href=\"#intro\" class=\"btn btn-ghost\" style=\"border: 1px solid var(--uii-border); background: #fff;\">\u2191 Top<\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Helper: Set active class for sidebar links\r\n function setActive(link) {\r\n if(!link) return;\r\n link.parentElement.parentElement.querySelectorAll('a').forEach(l => l.classList.remove('active'));\r\n link.classList.add('active');\r\n }\r\n\r\n \/\/ Scrollspy Script (For sticky nav highlight)\r\n window.addEventListener('scroll', () => {\r\n const sections = document.querySelectorAll('section');\r\n const navLinks = document.querySelectorAll('.uii-sub-nav a');\r\n const toTop = document.querySelector('.to-top');\r\n\r\n \/\/ Show\/Hide To Top\r\n if (window.scrollY > 500) {\r\n toTop.classList.add('show');\r\n } else {\r\n toTop.classList.remove('show');\r\n }\r\n \r\n sections.forEach(section => {\r\n const top = window.scrollY;\r\n const offset = section.offsetTop - 10;\r\n const height = section.offsetHeight;\r\n const id = section.getAttribute('id');\r\n \r\n if (top >= offset && top < offset + height) {\r\n navLinks.forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href').includes(id)) {\r\n link.classList.add('active');\r\n }\r\n });\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>","protected":false},"excerpt":{"rendered":"<p>UEH INSTITUTE OF INNOVATION WHY STUDY AT UII Why Study at UII – UEH Institute of Innovation UEH INSTITUTE OF INNOVATION Study at UII Located at the heart of Ho Chi Minh City’s dynamic startup ecosystem, UEH Institute of Innovation (UII) bridges academia and practice, incubating breakthrough ideas and creating sustainable social impact. Experience a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":42,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2169","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2169","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=2169"}],"version-history":[{"count":76,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2169\/revisions"}],"predecessor-version":[{"id":8375,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2169\/revisions\/8375"}],"up":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/42"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/media?parent=2169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}