UII Innovation Pathway - Compact Tree<\/title>\r\n <style>\r\n :root {\r\n --uii-blue: #254385;\r\n --uii-orange: #ee6f35;\r\n \r\n --grad-blue: linear-gradient(135deg, #254385 0%, #4a7ac9 100%);\r\n --grad-orange: linear-gradient(135deg, #ee6f35 0%, #ff9f76 100%);\r\n \r\n --bg-blue-tint: #f4f8ff;\r\n --bg-orange-tint: #fffbf8;\r\n \r\n --text-dark: #2d3748;\r\n --text-gray: #718096;\r\n --radius: 20px;\r\n --shadow: 0 15px 35px rgba(37, 67, 133, 0.08);\r\n \r\n --font-stack: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n }\r\n\r\n \/* --- 2. BASE STYLES --- *\/\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n \r\n body {\r\n font-family: var(--font-stack);\r\n color: var(--text-dark);\r\n background-color: #fff;\r\n line-height: 1.7;\r\n overflow-x: hidden;\r\n }\r\n \r\n a { \r\n text-decoration: none !important; \r\n border: none !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n }\r\n \r\n .section-padding { padding: 80px 0; position: relative; } \r\n\r\n \/* --- 3. TYPOGRAPHY --- *\/\r\n h2, h3 { font-weight: 800; line-height: 1.2; color: var(--uii-blue); }\r\n \r\n .section-title {\r\n font-size: 42px;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n background: var(--grad-blue);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n position: relative;\r\n display: inline-block;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n \r\n .title-decor {\r\n width: 80px; height: 6px;\r\n background: var(--grad-orange);\r\n border-radius: 10px;\r\n margin: 0 auto 60px;\r\n }\r\n\r\n \/* Blobs trang tr\u00ed *\/\r\n .blob {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(40px);\r\n z-index: 0;\r\n opacity: 0.5;\r\n }\r\n .blob-blue { background: rgba(37, 67, 133, 0.15); width: 300px; height: 300px; }\r\n .blob-orange { background: rgba(238, 111, 53, 0.15); width: 200px; height: 200px; }\r\n\r\n \/* --- 4. MISSION SECTION --- *\/\r\n .mission-section {\r\n background-color: var(--bg-blue-tint);\r\n margin-top: 40px;\r\n border-radius: 40px 40px 0 0;\r\n }\r\n\r\n .mission-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .mission-text p { margin-bottom: 20px; color: var(--text-gray); font-size: 17px; text-align: justify; }\r\n\r\n .mission-highlight {\r\n background: white;\r\n padding: 50px;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n }\r\n \r\n .mission-highlight p { font-size: 20px; font-weight: 600; font-style: italic; color: var(--uii-blue); }\r\n .mission-highlight span { display: block; margin-top: 20px; font-size: 14px; color: var(--uii-orange); font-weight: 800; text-transform: uppercase; }\r\n\r\n \/* --- 6. PATHWAY (COMPACT TIMELINE TREE) --- *\/\r\n .pathway-section { background: #ffffff; } \r\n\r\n .timeline-container {\r\n position: relative;\r\n max-width: 900px; \r\n margin: 0 auto;\r\n padding: 10px 0;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 2;\r\n }\r\n\r\n \/* Tr\u1ee5c gi\u1eefa *\/\r\n .timeline-container::after {\r\n content: '';\r\n position: absolute;\r\n width: 4px;\r\n background: #eef2f7;\r\n top: 0; bottom: 0; left: 50%;\r\n margin-left: -2px;\r\n border-radius: 4px;\r\n z-index: 1;\r\n }\r\n\r\n .pathway-card {\r\n background: white;\r\n border-radius: var(--radius);\r\n padding: 35px 30px;\r\n box-shadow: 0 5px 25px rgba(0,0,0,0.06);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n width: 45%;\r\n border: 1px solid #f2f2f2;\r\n z-index: 10;\r\n margin-bottom: 20px; \r\n overflow: hidden;\r\n }\r\n\r\n .pathway-card:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--uii-orange);\r\n box-shadow: 0 20px 40px rgba(37, 67, 133, 0.12);\r\n }\r\n\r\n \/* So le tr\u00e1i ph\u1ea3i *\/\r\n .pathway-card:nth-child(odd) { align-self: flex-start; text-align: right; }\r\n .pathway-card:nth-child(even) { align-self: flex-end; text-align: left; }\r\n\r\n \/* Nh\u00e1nh n\u1ed1i v\u00e0o tr\u1ee5c *\/\r\n .pathway-card::before {\r\n content: ''; position: absolute; top: 50%; transform: translateY(-50%);\r\n width: 55px; height: 2px; background: #eef2f7;\r\n z-index: -1; transition: 0.3s;\r\n }\r\n .pathway-card:hover::before { background: var(--uii-orange); }\r\n \r\n .pathway-card:nth-child(odd)::before { right: -55px; }\r\n .pathway-card:nth-child(even)::before { left: -55px; }\r\n\r\n \/* Ch\u1ea5m tr\u00f2n tr\u00ean tr\u1ee5c *\/\r\n .pathway-card::after {\r\n content: ''; position: absolute; top: 50%; margin-top: -10px;\r\n width: 20px; height: 20px; background: white;\r\n border: 4px solid var(--uii-orange); border-radius: 50%;\r\n z-index: 20; box-shadow: 0 0 0 4px #fff;\r\n }\r\n .pathway-card:nth-child(odd)::after { right: -65px; }\r\n .pathway-card:nth-child(even)::after { left: -65px; }\r\n\r\n \/* --- S\u1ed0 N\u1ec0N (HI\u1ec6U \u1ee8NG HOVER R\u00d5 H\u01a0N) --- *\/\r\n .card-num-bg {\r\n position: absolute;\r\n top: -15px;\r\n font-size: 100px;\r\n font-weight: 900;\r\n background: var(--grad-blue);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n opacity: 0.05; \r\n transition: all 0.4s ease;\r\n z-index: 0;\r\n line-height: 1;\r\n user-select: none;\r\n }\r\n \r\n .pathway-card:nth-child(odd) .card-num-bg { right: 10px; }\r\n .pathway-card:nth-child(even) .card-num-bg { left: 10px; }\r\n\r\n .pathway-card:hover .card-num-bg { \r\n opacity: 0.3; \r\n transform: scale(1.15) translateY(5px);\r\n }\r\n\r\n \/* --- S\u1eecA CSS TI\u00caU \u0110\u1ec0 C\u00d3 LINK --- *\/\r\n .pathway-title {\r\n font-size: 20px; margin-bottom: 10px;\r\n position: relative; z-index: 1;\r\n }\r\n \r\n \/* Chuy\u1ec3n hi\u1ec7u \u1ee9ng Gradient v\u00e0o th\u1ebb a \u0111\u1ec3 link v\u1eabn \u0111\u1eb9p *\/\r\n .pathway-title a {\r\n background: var(--grad-blue); \r\n -webkit-background-clip: text; \r\n -webkit-text-fill-color: transparent;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n .pathway-title a:hover {\r\n opacity: 0.7; \/* Hi\u1ec7u \u1ee9ng m\u1edd nh\u1eb9 khi di chu\u1ed9t *\/\r\n cursor: pointer;\r\n }\r\n \r\n .pathway-desc { \r\n font-size: 15px; color: var(--text-gray); \r\n position: relative; z-index: 1; \r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 1024px) {\r\n .spotlight-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 768px) {\r\n .timeline-container::after { left: 30px; }\r\n \r\n .pathway-card {\r\n width: calc(100% - 40px);\r\n text-align: left !important;\r\n align-self: flex-end !important;\r\n transform: translateX(40px);\r\n margin-bottom: 30px; \r\n }\r\n \r\n .pathway-card::before { left: -40px !important; right: auto !important; width: 40px !important; top: 40px; }\r\n .pathway-card::after { left: -50px !important; right: auto !important; top: 30px; margin-top: 0; }\r\n \r\n .pathway-card:nth-child(odd) .card-num-bg, \r\n .pathway-card:nth-child(even) .card-num-bg { right: 20px; left: auto; top: -10px; font-size: 80px; }\r\n\r\n .mission-grid, .spotlight-grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"section-padding mission-section\">\r\n <div class=\"blob blob-orange\" style=\"top: -50px; right: -50px;\"><\/div>\r\n <div class=\"blob blob-blue\" style=\"bottom: -50px; left: -100px;\"><\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"mission-grid\">\r\n <div class=\"mission-text\">\r\n <h2 style=\"font-size: 36px; margin-bottom: 25px;\">About UII<\/h2>\r\n <p>At the UEH Institute of Innovation (UII), we believe innovation is a journey, not just a destination. The UII Innovator Pathway is a comprehensive ecosystem designed to guide visionaries through every phase of the startup lifecycle.<\/p>\r\n <p>From the spark of Ideation and the grit of Early-Stage development to the momentum of Growth and Open Innovation, we provide the roadmap you need to succeed. By bridging the gap between academic research and real-world commercialization, we connect startups with a powerful network of investors and mentors. Our goal is to transform projects in Ho Chi Minh City and the Mekong Delta into competitive, global businesses that drive the Vietnamese economy forward.<\/p>\r\n <\/div>\r\n <div class=\"mission-highlight\">\r\n <p>\"Enable students to pitch their ideas, deal with uncertainty, and work in interdisciplinary teams with an entrepreneurial mindset.\"<\/p>\r\n <span>\u2014 UEH Institute of Innovation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"pathway\" class=\"section-padding pathway-section\">\r\n <div class=\"blob blob-blue\" style=\"top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.05; width: 600px; height: 600px;\"><\/div>\r\n\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">The Innovation Pathway<\/h2>\r\n <div class=\"title-decor\"><\/div>\r\n\r\n <div class=\"timeline-container\">\r\n \r\n <div class=\"pathway-card\">\r\n <div class=\"card-num-bg\">01<\/div>\r\n <h3 class=\"pathway-title\">\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/innovation-pathway\/ueh-biztech-hackathon\/\" target=\"_blank\">UEH Biztech Hackathon<\/a>\r\n <\/h3>\r\n <p class=\"pathway-desc\">Challenging students to apply their academic knowledge to solve real-world problems. We empower young innovators to develop practical technology solutions for modern life.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pathway-card\">\r\n <div class=\"card-num-bg\">02<\/div>\r\n <h3 class=\"pathway-title\">\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/innovation-pathway\/uii-sandbox-program\/\" target=\"_blank\">UII Sandbox Program<\/a>\r\n <\/h3>\r\n <p class=\"pathway-desc\">Incubation program specifically for student founders in the process of building ideas, testing feasibility and developing actual products.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pathway-card\">\r\n <div class=\"card-num-bg\">03<\/div>\r\n <h3 class=\"pathway-title\">\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/innovation-pathway\/uii-incubation-program\/\" target=\"_blank\">UII Incubation Program<\/a>\r\n <\/h3>\r\n <p class=\"pathway-desc\">Supporting early-stage startups in HCMC and the Mekong Delta to validate their concepts. We provide essential training, consulting, and mentorship to help startups find their product-market fit and build a strong operational foundation.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pathway-card\">\r\n <div class=\"card-num-bg\">04<\/div>\r\n <h3 class=\"pathway-title\">\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/innovation-pathway\/accelerator-program\/\" target=\"_blank\">UII Acceleration Program<\/a>\r\n <\/h3>\r\n <p class=\"pathway-desc\">Advanced support focusing on venture capital connection and market expansion strategies for scaling startups.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pathway-card\">\r\n <div class=\"card-num-bg\">05<\/div>\r\n <h3 class=\"pathway-title\">\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/innovation-pathway\/uii-demoday\/\" target=\"_blank\">UII Demo Day<\/a>\r\n <\/h3>\r\n <p class=\"pathway-desc\">Showcasing market-ready startups to the wider investment ecosystem, connecting founders directly with investment funds, strategic partners, and potential customers.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pathway-card\">\r\n <div class=\"card-num-bg\">06<\/div>\r\n <h3 class=\"pathway-title\">Open Innovation Platform<\/h3>\r\n <p class=\"pathway-desc\">Facilitating co-creation between established corporations and agile startups. We solve specific industry challenges by applying open innovation methodologies.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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 INNOVATION PATHWAY UII Innovation Pathway – Compact Tree About UII At the UEH Institute of Innovation (UII), we believe innovation is a journey, not just a destination. The UII Innovator Pathway is a comprehensive ecosystem designed to guide visionaries through every phase of the startup lifecycle. From the spark of Ideation […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2184","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2184","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=2184"}],"version-history":[{"count":58,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2184\/revisions"}],"predecessor-version":[{"id":8149,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2184\/revisions\/8149"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=2184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}