{"id":2169,"date":"2025-10-16T07:56:56","date_gmt":"2025-10-16T07:56:56","guid":{"rendered":"https:\/\/phanthanhtuonghuan.id.vn\/?page_id=2169"},"modified":"2026-04-27T01:19:27","modified_gmt":"2026-04-26T18:19:27","slug":"why-study-at-uii","status":"publish","type":"page","link":"https:\/\/uii.ueh.edu.vn\/en\/education\/why-study-at-uii\/","title":{"rendered":"Why Study at UII"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2169\" class=\"elementor elementor-2169\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fe6336c e-con-full e-flex e-con e-parent\" data-id=\"2fe6336c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-552aabf6 e-con-full e-flex e-con e-child\" data-id=\"552aabf6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec66608 elementor-widget elementor-widget-heading\" data-id=\"4ec66608\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><font face=\"Open Sans, sans-serif\"><span style=\"font-size: 16px;text-transform: uppercase;\"><b>UEH INSTITUTE OF INNOVATION&nbsp;<\/b><\/span><\/font><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e65efef elementor-widget elementor-widget-heading\" data-id=\"3e65efef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>WHY STUDY AT UII<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a6df6a e-con-full e-flex e-con e-parent\" data-id=\"8a6df6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a026d61 elementor-widget elementor-widget-html\" data-id=\"a026d61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>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    <!-- === LEFT COLUMN: MAIN CONTENT === -->\r\n    <main class=\"layout-content\">\r\n\r\n\r\n      <!-- 1. INTRO HERO -->\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\">UEH INSTITUTE OF INNOVATION<\/span>\r\n            <h1 class=\"hero-headline\">Study at UII<\/h1>\r\n            <p>\r\n              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.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2. EXPERIENCE (MULTIMEDIA) -->\r\n      <section id=\"experience\" class=\"uii-section\">\r\n        <div class=\"exp-wrap\">\r\n          <!-- Video -->\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          <!-- Content -->\r\n          <div class=\"exp-content\">\r\n            <h2 class=\"exp-title\">Experience a True Innovation Environment<\/h2>\r\n            <p class=\"exp-text\">\r\n              At UII, students don't just learn theory. You live and work in a real-world \"Sandbox\", connecting with international mentors from SMU and Expara, and tackling social challenges from day one.\r\n            <\/p>\r\n            <a href= \"https:\/\/uii.ueh.edu.vn\/education\/bachelor-program\/\" class=\"btn-light\">Explore Programs<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 3. FEATURES GRID -->\r\n      <section id=\"features\" class=\"uii-section\">\r\n        <div class=\"values-header\">\r\n          <h2>6 Reasons to Choose 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>Project-Based Learning<\/h3>\r\n            <p>Real-world challenge-based training method. Students work in multidisciplinary teams to solve actual business problems.<\/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>Career & Startup Boost<\/h3>\r\n            <p>Incubation and Sandbox programs help students realize startup ideas or equip them with an innovation mindset for corporate careers.<\/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>Global Network<\/h3>\r\n            <p>Extensive international partner network with Singapore Management University (SMU), Expara, and regional VC funds.<\/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>Impact-Driven (SDGs)<\/h3>\r\n            <p>Strong commitment to the UN's 17 Sustainable Development Goals. Every project at UII aims for positive social impact.<\/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>Excellent Location<\/h3>\r\n            <p>Located in HCMC - Vietnam's most dynamic economic hub, opening endless opportunities to connect with businesses and experts.<\/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>Vibrant Community<\/h3>\r\n            <p>A close-knit, open community of students, faculty, and alumni always ready to share and support each other.<\/p>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 4. TESTIMONIAL -->\r\n    <!--  <section id=\"stories\" class=\"uii-section\">\r\n        <div class=\"testimonial-wrap\">\r\n          <div class=\"testi-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1000&q=80\" alt=\"Student at UII\">\r\n          <\/div>\r\n          <div class=\"testi-content\">\r\n            <div class=\"quote-mark\">\u201c<\/div>\r\n            <blockquote class=\"quote-text\">\r\n              Joining UII Incubator was the decision that changed my student life. Beyond knowledge, I found amazing teammates and dedicated guidance to turn ideas into reality.\r\n            <\/blockquote>\r\n            <div class=\"quote-author\">\r\n              Nguyen Van An <span class=\"quote-role\">\/ Founder, GreenTech Project (K48)<\/span>\r\n            <\/div>\r\n            <a href=\"#\" class=\"btn-chat\">Chat with me about UII life<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section> -->\r\n\r\n      <!-- 5. CTA BAND -->\r\n      <footer class=\"cta-band\">\r\n        <div class=\"cta-inner\">\r\n          <div class=\"cta-text\">\r\n            <h2>Ready to Innovate?<\/h2>\r\n            <p>Join the next cohort of changemakers at UEH Institute of Innovation.<\/p>\r\n          <\/div>\r\n          <div class=\"btn-group\">\r\n            <a href=\"https:\/\/uii.ueh.edu.vn\/contact\/\" class=\"btn btn-outline\">Contact Admissions<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/footer>\r\n\r\n    <\/main>\r\n\r\n    <!-- === RIGHT COLUMN: SIDEBAR (Sticky) === -->\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\">Explore More<\/h3>\r\n            <ul class=\"sidebar-menu\">\r\n              <li><a href=\"https:\/\/uii.ueh.edu.vn\/education\/why-study-at-uii\/learn-experience\/\" class=\"sidebar-link\">Learn & Experience<\/a><\/li>\r\n              <li><a href=\"https:\/\/uii.ueh.edu.vn\/education\/why-study-at-uii\/study-exchange\/\" class=\"sidebar-link\">Study Exchange<\/a><\/li>\r\n              <li><a href=\"https:\/\/uii.ueh.edu.vn\/education\/why-study-at-uii\/a-great-booster-for-your-career\/\" class=\"sidebar-link\">Career Pathway<\/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  <!-- Back to top -->\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UEH INSTITUTE OF INNOVATION&nbsp; WHY STUDY AT UII Why Study at UII &#8211; UEH Institute of Innovation UEH INSTITUTE OF INNOVATION Study at UII Located at the heart of Ho Chi Minh City&#8217;s dynamic startup ecosystem, UEH Institute of Innovation (UII) bridges academia and practice, incubating breakthrough ideas and creating sustainable social impact. Experience a [&hellip;]<\/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\/en\/wp-json\/wp\/v2\/pages\/2169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/comments?post=2169"}],"version-history":[{"count":76,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2169\/revisions"}],"predecessor-version":[{"id":8375,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2169\/revisions\/8375"}],"up":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/42"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=2169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}