Our Team - 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. CORE DESIGN SYSTEM\r\n ========================================= *\/\r\n :root {\r\n --uii-blue: #234B86;\r\n --uii-blue-dark: #1a3a6c;\r\n --uii-orange: #EB6825;\r\n --uii-ink: #111827;\r\n --uii-muted: #6B7280;\r\n --uii-soft: #F8FAFC;\r\n --uii-border: #E5E7EB;\r\n \r\n --card-radius: 20px;\r\n --card-width: 320px; \r\n }\r\n\r\n * { box-sizing: border-box; }\r\n body { margin: 0; padding: 0; font-family: 'Inter', sans-serif; background-color: #f9fafb; color: var(--uii-ink); overflow-x: hidden; }\r\n \r\n a { text-decoration: none !important; color: inherit; transition: 0.2s; display: block; }\r\n img { max-width: 100%; display: block; }\r\n\r\n .container {\r\n max-width: 1400px; \r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* =========================================\r\n 2. HERO SECTION\r\n ========================================= *\/\r\n .team-hero {\r\n background: linear-gradient(135deg, var(--uii-blue) 0%, var(--uii-blue-dark) 100%);\r\n padding: 80px 0 60px;\r\n text-align: center;\r\n color: white;\r\n margin-bottom: 50px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .team-hero::after {\r\n content: ''; position: absolute; top: -50%; right: -10%; width: 600px; height: 600px;\r\n background: radial-gradient(circle, rgba(235,104,37,0.15) 0%, transparent 70%);\r\n border-radius: 50%; pointer-events: none;\r\n }\r\n\r\n .hero-kicker {\r\n font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em;\r\n color: var(--uii-orange); background: rgba(255,255,255,0.1); padding: 6px 16px; border-radius: 99px;\r\n display: inline-block; margin-bottom: 16px; border: 1px solid rgba(255,255,255,0.2);\r\n }\r\n\r\n .hero-title { font-size: 3.2rem; font-weight: 900; margin: 0 0 16px; line-height: 1.1; }\r\n .hero-desc { font-size: 1.1rem; color: rgba(255,255,255,0.85); max-width: 800px; margin: 0 auto; line-height: 1.6; }\r\n \r\n .breadcrumb-link { color: rgba(255,255,255,0.7); font-size: 0.9rem; margin-top: 10px; display: inline-block; }\r\n .breadcrumb-link:hover { color: white; transform: translateX(-4px); }\r\n\r\n \/* =========================================\r\n 3. FILTER BAR\r\n ========================================= *\/\r\n .team-filters {\r\n display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .filter-btn {\r\n padding: 10px 24px;\r\n border-radius: 99px;\r\n border: 1px solid var(--uii-border);\r\n background: white;\r\n color: var(--uii-muted);\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.02);\r\n }\r\n\r\n .filter-btn:hover, .filter-btn.active {\r\n background: var(--uii-blue); color: white; border-color: var(--uii-blue);\r\n box-shadow: 0 4px 12px rgba(35, 75, 134, 0.3);\r\n }\r\n\r\n \/* =========================================\r\n 4. STRUCTURE LAYOUT\r\n ========================================= *\/\r\n \r\n .org-tier-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 30px;\r\n align-items: start;\r\n }\r\n\r\n .tier-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .cards-sub-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n justify-content: center;\r\n }\r\n\r\n .org-col-subtitle { \r\n font-size: 0.9rem; \r\n color: var(--uii-muted); \r\n margin-top: -20px; \r\n margin-bottom: 20px;\r\n font-weight: 500; \r\n text-align: center;\r\n display: block;\r\n }\r\n\r\n .org-group-divider { text-align: center; margin: 10px 0; width: 100%; }\r\n .org-group-label {\r\n background: var(--uii-blue); color: white; font-size: 0.75rem; font-weight: 700;\r\n text-transform: uppercase; padding: 6px 16px; border-radius: 99px; display: inline-block;\r\n }\r\n\r\n \/* =========================================\r\n 5. TEAM CARD DESIGN\r\n ========================================= *\/\r\n .team-section-title {\r\n text-align: center;\r\n font-size: 1.5rem;\r\n color: var(--uii-blue);\r\n font-weight: 800;\r\n margin: 40px 0 30px;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 15px;\r\n text-transform: uppercase;\r\n }\r\n .team-section-title::before, .team-section-title::after {\r\n content: ''; height: 1px; width: 60px; background: var(--uii-border);\r\n }\r\n\r\n .team-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n }\r\n \r\n \/* Thi\u1ebft l\u1eadp Relative \u0111\u1ec3 Link c\u00f3 th\u1ec3 ph\u1ee7 \u0111\u1ea7y Card *\/\r\n .member-card {\r\n width: 100%; \r\n max-width: var(--card-width); \r\n background: white;\r\n padding: 24px 15px;\r\n border-radius: var(--card-radius);\r\n border: 1px solid var(--uii-border);\r\n box-shadow: 0 4px 6px -1px rgba(0,0,0,0.04);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n animation: fadeIn 0.5s ease;\r\n margin: 0 auto;\r\n position: relative; \/* B\u1eaeT BU\u1ed8C \u0110\u1ec2 LINK HO\u1ea0T \u0110\u1ed8NG *\/\r\n }\r\n\r\n .member-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 30px -10px rgba(35, 75, 134, 0.12);\r\n border-color: var(--uii-orange);\r\n }\r\n\r\n .member-img-wrap {\r\n width: 130px;\r\n height: 130px;\r\n aspect-ratio: 1\/1; \r\n border-radius: 50%;\r\n overflow: hidden;\r\n margin-bottom: 16px;\r\n border: 4px solid #fff;\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.06);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .member-img {\r\n width: 100% !important; \r\n height: 100% !important; \r\n object-fit: cover !important; \r\n object-position: center top !important; \r\n }\r\n\r\n .member-info { text-align: center; width: 100%; overflow: hidden; position: relative; z-index: 2; }\r\n\r\n .member-name {\r\n font-size: 0.95rem; \r\n font-weight: 800; \r\n color: var(--uii-blue);\r\n margin: 0 0 4px; \r\n line-height: 1.3;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .member-card:hover .member-name { color: var(--uii-orange); }\r\n\r\n \/* L\u1edbp ph\u1ee7 t\u00e0ng h\u00ecnh gi\u00fap To\u00e0n B\u1ed9 Card c\u00f3 th\u1ec3 Click \u0111\u01b0\u1ee3c m\u00e0 kh\u00f4ng v\u1ee1 Layout *\/\r\n .full-card-link::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0; \/* Ph\u1ee7 tr\u1ecdn 4 g\u00f3c c\u1ee7a member-card *\/\r\n z-index: 10;\r\n }\r\n\r\n .member-role {\r\n font-size: 0.8rem; \r\n font-weight: 600; \r\n text-transform: uppercase;\r\n color: var(--uii-muted); \r\n letter-spacing: 0.05em; \r\n margin-bottom: 0;\r\n line-height: 1.4;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n position: relative;\r\n z-index: 11;\r\n }\r\n\r\n \/* Helper for strict grid layouts *\/\r\n .grid-constrained {\r\n display: grid;\r\n gap: 20px;\r\n justify-content: center;\r\n margin: 0 auto 40px;\r\n }\r\n .grid-cols-2 { grid-template-columns: repeat(2, var(--card-width)); max-width: calc(var(--card-width) * 2 + 20px); }\r\n .grid-cols-3 { grid-template-columns: repeat(3, var(--card-width)); max-width: calc(var(--card-width) * 3 + 40px); }\r\n\r\n \/* =========================================\r\n 6. JOIN OUR MISSION SECTION\r\n ========================================= *\/\r\n .join-cta {\r\n background: var(--uii-soft);\r\n border-radius: 24px;\r\n padding: 60px 20px;\r\n text-align: center;\r\n border: 1px solid var(--uii-border);\r\n margin: 60px auto;\r\n max-width: 1000px;\r\n }\r\n\r\n .join-cta h2 { font-size: 2.2rem; color: var(--uii-blue); margin: 0 0 16px; font-weight: 800; }\r\n .join-cta p { color: var(--uii-muted); max-width: 600px; margin: 0 auto 30px; font-size: 1.1rem; }\r\n \r\n .cta-btn {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: var(--uii-orange); color: white !important;\r\n padding: 12px 32px; border-radius: 99px; font-weight: 700;\r\n transition: 0.3s;\r\n position: relative;\r\n z-index: 20;\r\n }\r\n .cta-btn:hover { background: #d95d1e; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(235, 104, 37, 0.2); }\r\n\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1200px) { \r\n .org-tier-row { grid-template-columns: 1fr; gap: 60px; }\r\n .grid-cols-3, .grid-cols-2 { grid-template-columns: repeat(auto-fit, var(--card-width)); max-width: 100%; }\r\n }\r\n @media (max-width: 768px) { \r\n .hero-title { font-size: 2.2rem; }\r\n .cards-sub-grid, .grid-cols-3, .grid-cols-2 { grid-template-columns: 1fr; }\r\n .member-card { width: 100%; max-width: var(--card-width); margin: 0 auto; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"team-hero\">\r\n <div class=\"container\">\r\n <span class=\"hero-kicker\">UEH INSTITUTE OF INNOVATION<\/span>\r\n <h1 class=\"hero-title\">Our Team<\/h1>\r\n <p class=\"hero-desc\">Connecting academia, industry, and the startup ecosystem to drive sustainable innovation.<\/p>\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/about_uii\/\" class=\"breadcrumb-link\">\u2190 Back to About UII<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"container\">\r\n \r\n <div class=\"team-filters\">\r\n <button class=\"filter-btn active\" onclick=\"filterTeam('all', this)\">All Members<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('advisory', this)\">Advisory Board<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('leadership', this)\">Leadership Board<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('academic', this)\">Academic Team<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('incubation', this)\">Incubation<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('research_fellow', this)\">Research Fellows<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('administration', this)\">Administration<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('experts', this)\">Experts & Mentors<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('interns', this)\">Interns<\/button>\r\n <\/div>\r\n\r\n <div id=\"teamContainer\">\r\n <div style=\"text-align:center; padding:40px; color:#999;\">Loading team members...<\/div>\r\n <\/div>\r\n\r\n <section class=\"join-cta\">\r\n <h2>Join Our Mission<\/h2>\r\n <p>Are you passionate about innovation and education? We are always looking for talented individuals to join our growing team.<\/p>\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/job-opportunity\/\" class=\"cta-btn\">View Career Opportunities \u2192<\/a>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const PROFILE_BASE_URL = 'https:\/\/uii.ueh.edu.vn\/profile-2\/'; \r\n\r\n const teamMembers = [\r\n { id: 101, name: \"Assoc.Prof. Bui Quang Hung\", role: \"UEH President\", group: \"advisory\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/BQH.jpg\" },\r\n { id: 102, name: \"Assoc.Prof. Phan Thi Bich Nguyet\", role: \"Chairwoman UEH Alumni\", group: \"advisory\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/PTBN.jpg\" },\r\n { id: 203, name: \"Assoc.Prof. Trinh Thuy Anh\", role: \"Acting Rector, UEH CTD\", group: \"advisory\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Co-Thuy-Anh-e1767237180529.jpg\" },\r\n { id: 103, name: \"Mr. B. Christopher Han\", role: \"Director of Innovation Strategy\", group: \"advisory\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/MR.-Hans.jpg\" },\r\n { id: 201, name: \"Assoc.Prof. Nguyen Thi Hong Nham\", role: \"Director\", group: \"leadership\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/NTHN.jpg\" },\r\n { id: 202, name: \"Ms. Nguyen Thi Phuong Thao\", role: \"Vice Director\", group: \"leadership\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Nguyen-Thi-Phuong-Thao.png\" },\r\n { id: 305, name: \"Mr. Vuong Khiet\", role: \"Innovation Program Manager\", group: \"incubation\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/04\/4.-VUONG-KHIET.png\" },\r\n { id: 301, name: \"Mr. Ngo Dang Hoan Thien\", role: \"Manager, UII Startup Incubator\", group: \"incubation\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/3ed39192a5b02aee73a1.jpg\" },\r\n { id: 304, name: \"Ms. Nguyen Thai Hoang Oanh\", role: \"Student Program Manager\", group: \"incubation\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/DSC02302-scaled.png\" },\r\n { id: 302, name: \"Mr. Tr\u01b0\u01a1ng V\u1ef9 Hi\u1ebfu\", role: \"Startup Growth Associate\", group: \"incubation\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Anh-Hieu.jpg\" },\r\n { id: 303, name: \"Ms. \u0110inh Th\u1ecb Chi\u00eau Th\u01b0\", role: \"Startup Growth Associate\", group: \"incubation\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Anh-Chieu-Thu-scaled.jpg\" },\r\n { id: 406, name: \"Dr. Le Khanh Duy\", role: \"Senior Researcher\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Mr-Le-Khanh-Duy-.jpg\" },\r\n { id: 401, name: \"Dr. Le Van\", role: \"Lecturer\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Le-Van-e1767236953382.png\" },\r\n { id: 402, name: \"Dr. Pham Thi Ngoc Dung\", role: \"Lecturer\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/TSPTND-1.jpg\" },\r\n { id: 403, name: \"Ms. Vu Thi Minh Giang\", role: \"Lecturer\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/VTMG-Hackathon-e1766590734153.jpg\" },\r\n { id: 404, name: \"Ms. Do Thi Kim Thanh\", role: \"Design Thinking Leader\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/DTKT.jpg\" },\r\n { id: 405, name: \"Dr. Huynh Ngoc Quang Anh\", role: \"Lecturer\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/04\/Anh-scaled.png\" },\r\n { id: 407, name: \"Dr. Hoang Khanh\", role: \"Senior Researcher\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/168280-khanh_hoang_4e0ceeaf085ec548cb81bf0ad01672e6.webp\" },\r\n { id: 501, name: \"Dr. Ho Quang Truong\", role: \"Research Fellow\", group: \"research_fellow\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/HQT.jpg\" },\r\n { id: 502, name: \"Dr. David Gabauer\", role: \"Research Fellow\", group: \"research_fellow\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/david-gabauer__FocusFillMaxWyIwLjAwIiwiMC4wMCIsMTYwLDIwMF0.jpg\" },\r\n { id: 503, name: \"Prof. Rolf-Dieter Reineke\", role: \"Research Fellow\", group: \"research_fellow\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Prof.-Dr.-Rolf-Dieter-Reineke.png\" },\r\n { id: 601, name: \"Ms. Tran Thi Thanh Tra\", role: \"Administrator\", group: \"administration\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Anh-ca-nhan-scaled-e1768277198104.jpg\" },\r\n { id: 602, name: \"Ms. Pham Hoang Tho\", role: \"Accountant\", group: \"administration\", img: \"https:\/\/placehold.co\/600x600?text=Ms.+Tho\" },\r\n { id: 603, name: \"Mr. Luong Bao Thanh Khoa\", role: \"Administrator\", group: \"administration\", img: \"https:\/\/placehold.co\/600x600?text=Mr.+Khoa\" },\r\n { id: 801, name: \"Nguyen Anh Khoi\", role: \"Intern\", group: \"interns\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Khoi-e1768203413294.jpg\" },\r\n { id: 802, name: \"Vo Thien Truong\", role: \"Intern\", group: \"interns\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/07\/VTTruong.jpg\" },\r\n { id: 803, name: \"Tran Trong Nguyen\", role: \"Intern\", group: \"interns\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/05\/1777273426951_2082249991799706939_2166438653272416974_52fe29c3b74592f8a3f11a85e6355b45.jpg\" },\r\n { id: 804, name: \"Phan Thanh Tuong Huan\", role: \"Intern\", group: \"interns\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/8caf5f38253daf63f62c-1.jpg\" },\r\n { id: 805, name: \"Pham Truc Quynh\", role: \"Intern\", group: \"interns\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Anh-Pham-Truc-Quynh.jpg\" },\r\n { id: 806, name: \"Mr. Nguyen Ba Duc\", role: \"Intern\", group: \"interns\", img: \"https:\/\/placehold.co\/600x600?text=Mr.+Thang\" }\r\n ];\r\n\r\n const container = document.getElementById('teamContainer');\r\n\r\n function createCardHTML(member) {\r\n const profileLink = `${PROFILE_BASE_URL}?id=${member.id}`;\r\n return `\r\n <div class=\"member-card\">\r\n <a href=\"${profileLink}\" class=\"member-img-wrap\">\r\n <img decoding=\"async\" src=\"${member.img}\" alt=\"${member.name}\" class=\"member-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/600x600?text=UII+Team'\">\r\n <\/a>\r\n <div class=\"member-info\">\r\n <h3 class=\"member-name\">\r\n <a href=\"${profileLink}\" class=\"full-card-link\">${member.name}<\/a>\r\n <\/h3>\r\n <span class=\"member-role\" title=\"${member.role}\">${member.role}<\/span>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n function getMembersHTML(groupKey) {\r\n const members = teamMembers.filter(m => m.group === groupKey);\r\n let html = '';\r\n members.forEach(m => html += createCardHTML(m));\r\n return html;\r\n }\r\n\r\n function renderTeam(filter = 'all') {\r\n container.innerHTML = '';\r\n if (filter === 'all') {\r\n \/\/ --- ADVISORY ---\r\n renderSection('advisory', 'Advisory Board');\r\n \r\n \/\/ --- LEADERSHIP (Centered) ---\r\n container.innerHTML += `<h3 class=\"team-section-title\">Leadership Board<\/h3>`;\r\n container.innerHTML += `<div class=\"grid-constrained grid-cols-2\">${getMembersHTML('leadership')}<\/div>`;\r\n \r\n \/\/ --- TIER A: Main Column Headers (Operations Style) ---\r\n let tierA = `\r\n <div class=\"org-tier-row\">\r\n <div class=\"tier-column\">\r\n <h3 class=\"team-section-title\" style=\"margin-top:0;\">Academic & Research<\/h3>\r\n <span class=\"org-col-subtitle\">Core Education & Studies<\/span>\r\n \r\n <div class=\"org-group-divider\"><span class=\"org-group-label\">Research Fellows<\/span><\/div>\r\n <div class=\"cards-sub-grid\">${getMembersHTML('research_fellow')}<\/div>\r\n <\/div>\r\n <div class=\"tier-column\">\r\n <h3 class=\"team-section-title\" style=\"margin-top:0;\">Strategy & Incubation<\/h3>\r\n <span class=\"org-col-subtitle\">Innovation Projects & Startups<\/span>\r\n \r\n <div class=\"org-group-divider\"><span class=\"org-group-label\">Experts & Mentors<\/span><\/div>\r\n <div class=\"cards-sub-grid\">${getMembersHTML('experts')}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.innerHTML += tierA;\r\n\r\n \/\/ --- TIER B: Main Teams (Aligned Horizontally) ---\r\n let tierB = `\r\n <div class=\"org-tier-row\" style=\"margin-top: 40px;\">\r\n <div class=\"tier-column\">\r\n <div class=\"org-group-divider\" style=\"margin-top:0;\"><span class=\"org-group-label\">Academic Team<\/span><\/div>\r\n <div class=\"cards-sub-grid\">${getMembersHTML('academic')}<\/div>\r\n <\/div>\r\n <div class=\"tier-column\">\r\n <div class=\"org-group-divider\" style=\"margin-top:0;\"><span class=\"org-group-label\">Incubation Team<\/span><\/div>\r\n <div class=\"cards-sub-grid\">${getMembersHTML('incubation')}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.innerHTML += tierB;\r\n\r\n \/\/ --- OPERATIONS ---\r\n container.innerHTML += `<h3 class=\"team-section-title\">Administration<\/h3>`;\r\n container.innerHTML += `<div class=\"org-col-subtitle\" style=\"margin-top: -20px; margin-bottom: 20px;\">Administration & Support<\/div>`;\r\n container.innerHTML += `<div class=\"grid-constrained grid-cols-3\">${getMembersHTML('administration')}<\/div>`;\r\n\r\n \/\/ --- INTERNS ---\r\n container.innerHTML += `<h3 class=\"team-section-title\">Interns & Associates<\/h3>`;\r\n container.innerHTML += `<div class=\"grid-constrained grid-cols-3\">${getMembersHTML('interns')}<\/div>`;\r\n\r\n } else {\r\n const filteredMembers = teamMembers.filter(m => m.group === filter);\r\n if(filteredMembers.length === 0) {\r\n container.innerHTML = '<p style=\"text-align:center; color:#999; padding:40px;\">No members found.<\/p>';\r\n return;\r\n }\r\n let html = '<div class=\"team-grid\">';\r\n filteredMembers.forEach(m => html += createCardHTML(m));\r\n html += '<\/div>';\r\n container.innerHTML = html;\r\n }\r\n }\r\n\r\n function renderSection(groupKey, title) {\r\n const members = teamMembers.filter(m => m.group === groupKey);\r\n if (members.length > 0) {\r\n container.innerHTML += `<h3 class=\"team-section-title\">${title}<\/h3>`;\r\n let html = `<div class=\"team-grid\">`;\r\n members.forEach(m => html += createCardHTML(m));\r\n html += '<\/div>';\r\n container.innerHTML += html;\r\n }\r\n }\r\n\r\n window.filterTeam = function(group, btn) {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n renderTeam(group);\r\n }\r\n document.addEventListener('DOMContentLoaded', () => { renderTeam('all'); });\r\n <\/script>\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>Our Team – UEH Institute of Innovation UEH INSTITUTE OF INNOVATION Our Team Connecting academia, industry, and the startup ecosystem to drive sustainable innovation. \u2190 Back to About UII All Members Advisory Board Leadership Board Academic Team Incubation Research Fellows Administration Experts & Mentors Interns Loading team members… Join Our Mission Are you passionate about […]<\/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-2161","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2161","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=2161"}],"version-history":[{"count":457,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2161\/revisions"}],"predecessor-version":[{"id":9829,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2161\/revisions\/9829"}],"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=2161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Our Team - 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. CORE DESIGN SYSTEM\r\n ========================================= *\/\r\n :root {\r\n --uii-blue: #234B86;\r\n --uii-blue-dark: #1a3a6c;\r\n --uii-orange: #EB6825;\r\n --uii-ink: #111827;\r\n --uii-muted: #6B7280;\r\n --uii-soft: #F8FAFC;\r\n --uii-border: #E5E7EB;\r\n \r\n --card-radius: 20px;\r\n --card-width: 320px; \r\n }\r\n\r\n * { box-sizing: border-box; }\r\n body { margin: 0; padding: 0; font-family: 'Inter', sans-serif; background-color: #f9fafb; color: var(--uii-ink); overflow-x: hidden; }\r\n \r\n a { text-decoration: none !important; color: inherit; transition: 0.2s; display: block; }\r\n img { max-width: 100%; display: block; }\r\n\r\n .container {\r\n max-width: 1400px; \r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* =========================================\r\n 2. HERO SECTION\r\n ========================================= *\/\r\n .team-hero {\r\n background: linear-gradient(135deg, var(--uii-blue) 0%, var(--uii-blue-dark) 100%);\r\n padding: 80px 0 60px;\r\n text-align: center;\r\n color: white;\r\n margin-bottom: 50px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .team-hero::after {\r\n content: ''; position: absolute; top: -50%; right: -10%; width: 600px; height: 600px;\r\n background: radial-gradient(circle, rgba(235,104,37,0.15) 0%, transparent 70%);\r\n border-radius: 50%; pointer-events: none;\r\n }\r\n\r\n .hero-kicker {\r\n font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em;\r\n color: var(--uii-orange); background: rgba(255,255,255,0.1); padding: 6px 16px; border-radius: 99px;\r\n display: inline-block; margin-bottom: 16px; border: 1px solid rgba(255,255,255,0.2);\r\n }\r\n\r\n .hero-title { font-size: 3.2rem; font-weight: 900; margin: 0 0 16px; line-height: 1.1; }\r\n .hero-desc { font-size: 1.1rem; color: rgba(255,255,255,0.85); max-width: 800px; margin: 0 auto; line-height: 1.6; }\r\n \r\n .breadcrumb-link { color: rgba(255,255,255,0.7); font-size: 0.9rem; margin-top: 10px; display: inline-block; }\r\n .breadcrumb-link:hover { color: white; transform: translateX(-4px); }\r\n\r\n \/* =========================================\r\n 3. FILTER BAR\r\n ========================================= *\/\r\n .team-filters {\r\n display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .filter-btn {\r\n padding: 10px 24px;\r\n border-radius: 99px;\r\n border: 1px solid var(--uii-border);\r\n background: white;\r\n color: var(--uii-muted);\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.02);\r\n }\r\n\r\n .filter-btn:hover, .filter-btn.active {\r\n background: var(--uii-blue); color: white; border-color: var(--uii-blue);\r\n box-shadow: 0 4px 12px rgba(35, 75, 134, 0.3);\r\n }\r\n\r\n \/* =========================================\r\n 4. STRUCTURE LAYOUT\r\n ========================================= *\/\r\n \r\n .org-tier-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 30px;\r\n align-items: start;\r\n }\r\n\r\n .tier-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .cards-sub-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n justify-content: center;\r\n }\r\n\r\n .org-col-subtitle { \r\n font-size: 0.9rem; \r\n color: var(--uii-muted); \r\n margin-top: -20px; \r\n margin-bottom: 20px;\r\n font-weight: 500; \r\n text-align: center;\r\n display: block;\r\n }\r\n\r\n .org-group-divider { text-align: center; margin: 10px 0; width: 100%; }\r\n .org-group-label {\r\n background: var(--uii-blue); color: white; font-size: 0.75rem; font-weight: 700;\r\n text-transform: uppercase; padding: 6px 16px; border-radius: 99px; display: inline-block;\r\n }\r\n\r\n \/* =========================================\r\n 5. TEAM CARD DESIGN\r\n ========================================= *\/\r\n .team-section-title {\r\n text-align: center;\r\n font-size: 1.5rem;\r\n color: var(--uii-blue);\r\n font-weight: 800;\r\n margin: 40px 0 30px;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 15px;\r\n text-transform: uppercase;\r\n }\r\n .team-section-title::before, .team-section-title::after {\r\n content: ''; height: 1px; width: 60px; background: var(--uii-border);\r\n }\r\n\r\n .team-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n }\r\n \r\n \/* Thi\u1ebft l\u1eadp Relative \u0111\u1ec3 Link c\u00f3 th\u1ec3 ph\u1ee7 \u0111\u1ea7y Card *\/\r\n .member-card {\r\n width: 100%; \r\n max-width: var(--card-width); \r\n background: white;\r\n padding: 24px 15px;\r\n border-radius: var(--card-radius);\r\n border: 1px solid var(--uii-border);\r\n box-shadow: 0 4px 6px -1px rgba(0,0,0,0.04);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n animation: fadeIn 0.5s ease;\r\n margin: 0 auto;\r\n position: relative; \/* B\u1eaeT BU\u1ed8C \u0110\u1ec2 LINK HO\u1ea0T \u0110\u1ed8NG *\/\r\n }\r\n\r\n .member-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 30px -10px rgba(35, 75, 134, 0.12);\r\n border-color: var(--uii-orange);\r\n }\r\n\r\n .member-img-wrap {\r\n width: 130px;\r\n height: 130px;\r\n aspect-ratio: 1\/1; \r\n border-radius: 50%;\r\n overflow: hidden;\r\n margin-bottom: 16px;\r\n border: 4px solid #fff;\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.06);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .member-img {\r\n width: 100% !important; \r\n height: 100% !important; \r\n object-fit: cover !important; \r\n object-position: center top !important; \r\n }\r\n\r\n .member-info { text-align: center; width: 100%; overflow: hidden; position: relative; z-index: 2; }\r\n\r\n .member-name {\r\n font-size: 0.95rem; \r\n font-weight: 800; \r\n color: var(--uii-blue);\r\n margin: 0 0 4px; \r\n line-height: 1.3;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .member-card:hover .member-name { color: var(--uii-orange); }\r\n\r\n \/* L\u1edbp ph\u1ee7 t\u00e0ng h\u00ecnh gi\u00fap To\u00e0n B\u1ed9 Card c\u00f3 th\u1ec3 Click \u0111\u01b0\u1ee3c m\u00e0 kh\u00f4ng v\u1ee1 Layout *\/\r\n .full-card-link::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0; \/* Ph\u1ee7 tr\u1ecdn 4 g\u00f3c c\u1ee7a member-card *\/\r\n z-index: 10;\r\n }\r\n\r\n .member-role {\r\n font-size: 0.8rem; \r\n font-weight: 600; \r\n text-transform: uppercase;\r\n color: var(--uii-muted); \r\n letter-spacing: 0.05em; \r\n margin-bottom: 0;\r\n line-height: 1.4;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n position: relative;\r\n z-index: 11;\r\n }\r\n\r\n \/* Helper for strict grid layouts *\/\r\n .grid-constrained {\r\n display: grid;\r\n gap: 20px;\r\n justify-content: center;\r\n margin: 0 auto 40px;\r\n }\r\n .grid-cols-2 { grid-template-columns: repeat(2, var(--card-width)); max-width: calc(var(--card-width) * 2 + 20px); }\r\n .grid-cols-3 { grid-template-columns: repeat(3, var(--card-width)); max-width: calc(var(--card-width) * 3 + 40px); }\r\n\r\n \/* =========================================\r\n 6. JOIN OUR MISSION SECTION\r\n ========================================= *\/\r\n .join-cta {\r\n background: var(--uii-soft);\r\n border-radius: 24px;\r\n padding: 60px 20px;\r\n text-align: center;\r\n border: 1px solid var(--uii-border);\r\n margin: 60px auto;\r\n max-width: 1000px;\r\n }\r\n\r\n .join-cta h2 { font-size: 2.2rem; color: var(--uii-blue); margin: 0 0 16px; font-weight: 800; }\r\n .join-cta p { color: var(--uii-muted); max-width: 600px; margin: 0 auto 30px; font-size: 1.1rem; }\r\n \r\n .cta-btn {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: var(--uii-orange); color: white !important;\r\n padding: 12px 32px; border-radius: 99px; font-weight: 700;\r\n transition: 0.3s;\r\n position: relative;\r\n z-index: 20;\r\n }\r\n .cta-btn:hover { background: #d95d1e; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(235, 104, 37, 0.2); }\r\n\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1200px) { \r\n .org-tier-row { grid-template-columns: 1fr; gap: 60px; }\r\n .grid-cols-3, .grid-cols-2 { grid-template-columns: repeat(auto-fit, var(--card-width)); max-width: 100%; }\r\n }\r\n @media (max-width: 768px) { \r\n .hero-title { font-size: 2.2rem; }\r\n .cards-sub-grid, .grid-cols-3, .grid-cols-2 { grid-template-columns: 1fr; }\r\n .member-card { width: 100%; max-width: var(--card-width); margin: 0 auto; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"team-hero\">\r\n <div class=\"container\">\r\n <span class=\"hero-kicker\">UEH INSTITUTE OF INNOVATION<\/span>\r\n <h1 class=\"hero-title\">Our Team<\/h1>\r\n <p class=\"hero-desc\">Connecting academia, industry, and the startup ecosystem to drive sustainable innovation.<\/p>\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/about_uii\/\" class=\"breadcrumb-link\">\u2190 Back to About UII<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"container\">\r\n \r\n <div class=\"team-filters\">\r\n <button class=\"filter-btn active\" onclick=\"filterTeam('all', this)\">All Members<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('advisory', this)\">Advisory Board<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('leadership', this)\">Leadership Board<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('academic', this)\">Academic Team<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('incubation', this)\">Incubation<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('research_fellow', this)\">Research Fellows<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('administration', this)\">Administration<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('experts', this)\">Experts & Mentors<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterTeam('interns', this)\">Interns<\/button>\r\n <\/div>\r\n\r\n <div id=\"teamContainer\">\r\n <div style=\"text-align:center; padding:40px; color:#999;\">Loading team members...<\/div>\r\n <\/div>\r\n\r\n <section class=\"join-cta\">\r\n <h2>Join Our Mission<\/h2>\r\n <p>Are you passionate about innovation and education? We are always looking for talented individuals to join our growing team.<\/p>\r\n <a href=\"https:\/\/uii.ueh.edu.vn\/job-opportunity\/\" class=\"cta-btn\">View Career Opportunities \u2192<\/a>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const PROFILE_BASE_URL = 'https:\/\/uii.ueh.edu.vn\/profile-2\/'; \r\n\r\n const teamMembers = [\r\n { id: 101, name: \"Assoc.Prof. Bui Quang Hung\", role: \"UEH President\", group: \"advisory\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/BQH.jpg\" },\r\n { id: 102, name: \"Assoc.Prof. Phan Thi Bich Nguyet\", role: \"Chairwoman UEH Alumni\", group: \"advisory\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/PTBN.jpg\" },\r\n { id: 203, name: \"Assoc.Prof. Trinh Thuy Anh\", role: \"Acting Rector, UEH CTD\", group: \"advisory\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Co-Thuy-Anh-e1767237180529.jpg\" },\r\n { id: 103, name: \"Mr. B. Christopher Han\", role: \"Director of Innovation Strategy\", group: \"advisory\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/MR.-Hans.jpg\" },\r\n { id: 201, name: \"Assoc.Prof. Nguyen Thi Hong Nham\", role: \"Director\", group: \"leadership\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/NTHN.jpg\" },\r\n { id: 202, name: \"Ms. Nguyen Thi Phuong Thao\", role: \"Vice Director\", group: \"leadership\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Nguyen-Thi-Phuong-Thao.png\" },\r\n { id: 305, name: \"Mr. Vuong Khiet\", role: \"Innovation Program Manager\", group: \"incubation\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/04\/4.-VUONG-KHIET.png\" },\r\n { id: 301, name: \"Mr. Ngo Dang Hoan Thien\", role: \"Manager, UII Startup Incubator\", group: \"incubation\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/3ed39192a5b02aee73a1.jpg\" },\r\n { id: 304, name: \"Ms. Nguyen Thai Hoang Oanh\", role: \"Student Program Manager\", group: \"incubation\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/DSC02302-scaled.png\" },\r\n { id: 302, name: \"Mr. Tr\u01b0\u01a1ng V\u1ef9 Hi\u1ebfu\", role: \"Startup Growth Associate\", group: \"incubation\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Anh-Hieu.jpg\" },\r\n { id: 303, name: \"Ms. \u0110inh Th\u1ecb Chi\u00eau Th\u01b0\", role: \"Startup Growth Associate\", group: \"incubation\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Anh-Chieu-Thu-scaled.jpg\" },\r\n { id: 406, name: \"Dr. Le Khanh Duy\", role: \"Senior Researcher\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Mr-Le-Khanh-Duy-.jpg\" },\r\n { id: 401, name: \"Dr. Le Van\", role: \"Lecturer\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Le-Van-e1767236953382.png\" },\r\n { id: 402, name: \"Dr. Pham Thi Ngoc Dung\", role: \"Lecturer\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/TSPTND-1.jpg\" },\r\n { id: 403, name: \"Ms. Vu Thi Minh Giang\", role: \"Lecturer\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/VTMG-Hackathon-e1766590734153.jpg\" },\r\n { id: 404, name: \"Ms. Do Thi Kim Thanh\", role: \"Design Thinking Leader\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/DTKT.jpg\" },\r\n { id: 405, name: \"Dr. Huynh Ngoc Quang Anh\", role: \"Lecturer\", group: \"academic\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/04\/Anh-scaled.png\" },\r\n { id: 407, name: \"Dr. Hoang Khanh\", role: \"Senior Researcher\", group: \"academic\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/168280-khanh_hoang_4e0ceeaf085ec548cb81bf0ad01672e6.webp\" },\r\n { id: 501, name: \"Dr. Ho Quang Truong\", role: \"Research Fellow\", group: \"research_fellow\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/HQT.jpg\" },\r\n { id: 502, name: \"Dr. David Gabauer\", role: \"Research Fellow\", group: \"research_fellow\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/david-gabauer__FocusFillMaxWyIwLjAwIiwiMC4wMCIsMTYwLDIwMF0.jpg\" },\r\n { id: 503, name: \"Prof. Rolf-Dieter Reineke\", role: \"Research Fellow\", group: \"research_fellow\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Prof.-Dr.-Rolf-Dieter-Reineke.png\" },\r\n { id: 601, name: \"Ms. Tran Thi Thanh Tra\", role: \"Administrator\", group: \"administration\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Anh-ca-nhan-scaled-e1768277198104.jpg\" },\r\n { id: 602, name: \"Ms. Pham Hoang Tho\", role: \"Accountant\", group: \"administration\", img: \"https:\/\/placehold.co\/600x600?text=Ms.+Tho\" },\r\n { id: 603, name: \"Mr. Luong Bao Thanh Khoa\", role: \"Administrator\", group: \"administration\", img: \"https:\/\/placehold.co\/600x600?text=Mr.+Khoa\" },\r\n { id: 801, name: \"Nguyen Anh Khoi\", role: \"Intern\", group: \"interns\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Khoi-e1768203413294.jpg\" },\r\n { id: 802, name: \"Vo Thien Truong\", role: \"Intern\", group: \"interns\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/07\/VTTruong.jpg\" },\r\n { id: 803, name: \"Tran Trong Nguyen\", role: \"Intern\", group: \"interns\", img: \"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/05\/1777273426951_2082249991799706939_2166438653272416974_52fe29c3b74592f8a3f11a85e6355b45.jpg\" },\r\n { id: 804, name: \"Phan Thanh Tuong Huan\", role: \"Intern\", group: \"interns\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/8caf5f38253daf63f62c-1.jpg\" },\r\n { id: 805, name: \"Pham Truc Quynh\", role: \"Intern\", group: \"interns\", img: \"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2026\/01\/Anh-Pham-Truc-Quynh.jpg\" },\r\n { id: 806, name: \"Mr. Nguyen Ba Duc\", role: \"Intern\", group: \"interns\", img: \"https:\/\/placehold.co\/600x600?text=Mr.+Thang\" }\r\n ];\r\n\r\n const container = document.getElementById('teamContainer');\r\n\r\n function createCardHTML(member) {\r\n const profileLink = `${PROFILE_BASE_URL}?id=${member.id}`;\r\n return `\r\n <div class=\"member-card\">\r\n <a href=\"${profileLink}\" class=\"member-img-wrap\">\r\n <img decoding=\"async\" src=\"${member.img}\" alt=\"${member.name}\" class=\"member-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/600x600?text=UII+Team'\">\r\n <\/a>\r\n <div class=\"member-info\">\r\n <h3 class=\"member-name\">\r\n <a href=\"${profileLink}\" class=\"full-card-link\">${member.name}<\/a>\r\n <\/h3>\r\n <span class=\"member-role\" title=\"${member.role}\">${member.role}<\/span>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n function getMembersHTML(groupKey) {\r\n const members = teamMembers.filter(m => m.group === groupKey);\r\n let html = '';\r\n members.forEach(m => html += createCardHTML(m));\r\n return html;\r\n }\r\n\r\n function renderTeam(filter = 'all') {\r\n container.innerHTML = '';\r\n if (filter === 'all') {\r\n \/\/ --- ADVISORY ---\r\n renderSection('advisory', 'Advisory Board');\r\n \r\n \/\/ --- LEADERSHIP (Centered) ---\r\n container.innerHTML += `<h3 class=\"team-section-title\">Leadership Board<\/h3>`;\r\n container.innerHTML += `<div class=\"grid-constrained grid-cols-2\">${getMembersHTML('leadership')}<\/div>`;\r\n \r\n \/\/ --- TIER A: Main Column Headers (Operations Style) ---\r\n let tierA = `\r\n <div class=\"org-tier-row\">\r\n <div class=\"tier-column\">\r\n <h3 class=\"team-section-title\" style=\"margin-top:0;\">Academic & Research<\/h3>\r\n <span class=\"org-col-subtitle\">Core Education & Studies<\/span>\r\n \r\n <div class=\"org-group-divider\"><span class=\"org-group-label\">Research Fellows<\/span><\/div>\r\n <div class=\"cards-sub-grid\">${getMembersHTML('research_fellow')}<\/div>\r\n <\/div>\r\n <div class=\"tier-column\">\r\n <h3 class=\"team-section-title\" style=\"margin-top:0;\">Strategy & Incubation<\/h3>\r\n <span class=\"org-col-subtitle\">Innovation Projects & Startups<\/span>\r\n \r\n <div class=\"org-group-divider\"><span class=\"org-group-label\">Experts & Mentors<\/span><\/div>\r\n <div class=\"cards-sub-grid\">${getMembersHTML('experts')}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.innerHTML += tierA;\r\n\r\n \/\/ --- TIER B: Main Teams (Aligned Horizontally) ---\r\n let tierB = `\r\n <div class=\"org-tier-row\" style=\"margin-top: 40px;\">\r\n <div class=\"tier-column\">\r\n <div class=\"org-group-divider\" style=\"margin-top:0;\"><span class=\"org-group-label\">Academic Team<\/span><\/div>\r\n <div class=\"cards-sub-grid\">${getMembersHTML('academic')}<\/div>\r\n <\/div>\r\n <div class=\"tier-column\">\r\n <div class=\"org-group-divider\" style=\"margin-top:0;\"><span class=\"org-group-label\">Incubation Team<\/span><\/div>\r\n <div class=\"cards-sub-grid\">${getMembersHTML('incubation')}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.innerHTML += tierB;\r\n\r\n \/\/ --- OPERATIONS ---\r\n container.innerHTML += `<h3 class=\"team-section-title\">Administration<\/h3>`;\r\n container.innerHTML += `<div class=\"org-col-subtitle\" style=\"margin-top: -20px; margin-bottom: 20px;\">Administration & Support<\/div>`;\r\n container.innerHTML += `<div class=\"grid-constrained grid-cols-3\">${getMembersHTML('administration')}<\/div>`;\r\n\r\n \/\/ --- INTERNS ---\r\n container.innerHTML += `<h3 class=\"team-section-title\">Interns & Associates<\/h3>`;\r\n container.innerHTML += `<div class=\"grid-constrained grid-cols-3\">${getMembersHTML('interns')}<\/div>`;\r\n\r\n } else {\r\n const filteredMembers = teamMembers.filter(m => m.group === filter);\r\n if(filteredMembers.length === 0) {\r\n container.innerHTML = '<p style=\"text-align:center; color:#999; padding:40px;\">No members found.<\/p>';\r\n return;\r\n }\r\n let html = '<div class=\"team-grid\">';\r\n filteredMembers.forEach(m => html += createCardHTML(m));\r\n html += '<\/div>';\r\n container.innerHTML = html;\r\n }\r\n }\r\n\r\n function renderSection(groupKey, title) {\r\n const members = teamMembers.filter(m => m.group === groupKey);\r\n if (members.length > 0) {\r\n container.innerHTML += `<h3 class=\"team-section-title\">${title}<\/h3>`;\r\n let html = `<div class=\"team-grid\">`;\r\n members.forEach(m => html += createCardHTML(m));\r\n html += '<\/div>';\r\n container.innerHTML += html;\r\n }\r\n }\r\n\r\n window.filterTeam = function(group, btn) {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n renderTeam(group);\r\n }\r\n document.addEventListener('DOMContentLoaded', () => { renderTeam('all'); });\r\n <\/script>\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>Our Team – UEH Institute of Innovation UEH INSTITUTE OF INNOVATION Our Team Connecting academia, industry, and the startup ecosystem to drive sustainable innovation. \u2190 Back to About UII All Members Advisory Board Leadership Board Academic Team Incubation Research Fellows Administration Experts & Mentors Interns Loading team members… Join Our Mission Are you passionate about […]<\/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-2161","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2161","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=2161"}],"version-history":[{"count":457,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2161\/revisions"}],"predecessor-version":[{"id":9829,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2161\/revisions\/9829"}],"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=2161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}