{"id":2163,"date":"2025-10-16T07:54:40","date_gmt":"2025-10-16T07:54:40","guid":{"rendered":"https:\/\/phanthanhtuonghuan.id.vn\/?page_id=2163"},"modified":"2026-06-16T22:09:35","modified_gmt":"2026-06-16T15:09:35","slug":"learn-experience","status":"publish","type":"page","link":"https:\/\/uii.ueh.edu.vn\/vi\/learn-experience\/","title":{"rendered":"H\u1ecdc t\u1eadp &amp; Tr\u1ea3i nghi\u1ec7m"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2163\" class=\"elementor elementor-2163\">\n\t\t\t\t<div class=\"elementor-element elementor-element-204d70dc e-con-full e-flex e-con e-parent\" data-id=\"204d70dc\" 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-1884a71b e-con-full e-flex e-con e-child\" data-id=\"1884a71b\" 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-6b312a88 elementor-widget elementor-widget-heading\" data-id=\"6b312a88\" 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>VI\u1ec6N \u0110\u1ed4I M\u1edaI S\u00c1NG T\u1ea0O UEH<\/b><\/span><\/font><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-222304d0 elementor-widget elementor-widget-heading\" data-id=\"222304d0\" 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>H\u1eccC T\u1eacP &amp; TR\u1ea2I NGHI\u1ec6M<\/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-7268ed7 e-flex e-con-boxed e-con e-parent\" data-id=\"7268ed7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4a6a2 elementor-widget elementor-widget-html\" data-id=\"3b4a6a2\" 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\">\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. UII DESIGN SYSTEM (Global)\r\n       ========================================= *\/\r\n    :root {\r\n      \/* Colors *\/\r\n      --uii-blue: #234B86;\r\n      --uii-orange: #EB6825;\r\n      --uii-blue-dark: #1e3a66;\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      \r\n      \/* Shapes & Shadows *\/\r\n      --radius: 20px;\r\n      --radius-sm: 12px;\r\n      --shadow-sm: 0 4px 6px -1px rgba(35, 75, 134, 0.05);\r\n      --shadow-hover: 0 12px 24px -8px rgba(35, 75, 134, 0.15);\r\n      \r\n      \/* Font *\/\r\n      --font-main: 'Inter', system-ui, -apple-system, sans-serif;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      font-family: var(--font-main);\r\n      color: var(--uii-text);\r\n      line-height: 1.6;\r\n      background: #fff;\r\n    }\r\n\r\n    \/* Container & Wrappers *\/\r\n    .uii-wrapper { width: 100%; display: block; overflow-x: clip; }\r\n    .uii-wrapper * { box-sizing: border-box; }\r\n    .uii-wrapper img { max-width: 100%; height: auto; display: block; }\r\n    .uii-wrapper a { text-decoration: none; color: inherit; }\r\n\r\n    .uii-container {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 24px;\r\n    }\r\n    @media (max-width: 768px) { .uii-container { padding: 0 16px; } }\r\n\r\n    \/* Typography Utilities *\/\r\n    \/* Eyebrow class removed from HTML usage but style kept for reference *\/\r\n    .eyebrow {\r\n      font-size: 0.9rem; font-weight: 800; letter-spacing: 0.05em; \r\n      text-transform: uppercase; color: var(--uii-orange);\r\n      margin-bottom: 12px; display: inline-block;\r\n    }\r\n    .section-title {\r\n      font-size: clamp(2rem, 3vw, 2.5rem);\r\n      font-weight: 800; color: var(--uii-blue);\r\n      line-height: 1.2; margin: 0 0 16px 0;\r\n    }\r\n    .section-desc {\r\n      font-size: 1.05rem; color: var(--uii-muted);\r\n      max-width: 800px; margin: 0 auto;\r\n    }\r\n    .text-center { text-align: center; }\r\n\r\n    \/* =========================================\r\n       2. HERO SECTION\r\n       ========================================= *\/\r\n    .hero-section {\r\n      padding: clamp(60px, 8vw, 100px) 0;\r\n      background: radial-gradient(circle at top right, rgba(235, 104, 37, 0.05), transparent 40%);\r\n    }\r\n\r\n    .hero-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.2fr 0.8fr;\r\n      gap: clamp(40px, 5vw, 80px);\r\n      align-items: center;\r\n    }\r\n\r\n    \/* .hero-content .eyebrow removed *\/\r\n\r\n    .hero-badges {\r\n      display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px;\r\n    }\r\n    .hero-badge {\r\n      font-size: 0.85rem; font-weight: 600;\r\n      padding: 6px 14px; border-radius: 99px;\r\n      background: var(--uii-white);\r\n      border: 1px solid var(--uii-border);\r\n      color: var(--uii-blue);\r\n      box-shadow: var(--shadow-sm);\r\n    }\r\n\r\n    .hero-image-box {\r\n      position: relative;\r\n    }\r\n    .hero-image {\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow-hover);\r\n      aspect-ratio: 4\/3;\r\n      object-fit: cover;\r\n      width: 100%;\r\n    }\r\n    \r\n    \/* Stats Overlay Card *\/\r\n    .hero-stat-card {\r\n      position: absolute;\r\n      bottom: -20px; left: -20px;\r\n      background: var(--uii-white);\r\n      padding: 20px;\r\n      border-radius: var(--radius-sm);\r\n      box-shadow: var(--shadow-hover);\r\n      border-left: 4px solid var(--uii-orange);\r\n      max-width: 240px;\r\n    }\r\n    .hero-stat-card p { margin: 0; font-size: 0.9rem; font-weight: 600; color: var(--uii-blue); }\r\n\r\n    \/* =========================================\r\n       3. CAPABILITIES (Cards Grid)\r\n       ========================================= *\/\r\n    .capabilities-section {\r\n      background: var(--uii-bg-light);\r\n      padding: clamp(60px, 8vw, 100px) 0;\r\n      border-radius: var(--radius);\r\n      margin-bottom: 60px;\r\n    }\r\n\r\n    .cap-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 24px;\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .cap-card {\r\n      background: var(--uii-white);\r\n      padding: 24px;\r\n      border-radius: 16px;\r\n      border: 1px solid var(--uii-border);\r\n      box-shadow: var(--shadow-sm);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n      display: flex; flex-direction: column;\r\n      height: 100%;\r\n    }\r\n    .cap-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: var(--shadow-hover);\r\n      border-color: var(--uii-orange);\r\n    }\r\n\r\n    .cap-number {\r\n      font-size: 2.5rem; font-weight: 900;\r\n      color: var(--uii-blue);\r\n      line-height: 1; margin-bottom: 12px;\r\n    }\r\n\r\n    .cap-title {\r\n      font-size: 1.1rem; font-weight: 700;\r\n      color: var(--uii-orange); margin: 0 0 10px 0;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .cap-tags {\r\n      display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 16px;\r\n    }\r\n    .cap-tag {\r\n      font-size: 0.75rem; color: var(--uii-muted);\r\n      background: var(--uii-bg-light);\r\n      padding: 4px 10px; border-radius: 6px;\r\n    }\r\n\r\n    \/* =========================================\r\n       4. SUCCESS STORIES (Focus Style)\r\n       ========================================= *\/\r\n    .stories-section {\r\n      padding-bottom: clamp(60px, 8vw, 100px);\r\n    }\r\n    \r\n    .stories-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .story-card {\r\n      background: var(--uii-white);\r\n      border: 1px solid var(--uii-border);\r\n      border-radius: 18px;\r\n      overflow: hidden;\r\n      box-shadow: var(--shadow-sm);\r\n      transition: all 0.3s ease;\r\n      height: 100%; display: flex; flex-direction: column;\r\n    }\r\n    .story-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: var(--shadow-hover);\r\n      border-color: rgba(235, 104, 37, 0.3);\r\n    }\r\n\r\n    .story-thumb {\r\n      width: 100%; aspect-ratio: 16\/9;\r\n      overflow: hidden;\r\n    }\r\n    .story-thumb img {\r\n      width: 100%; height: 100%; object-fit: cover;\r\n      transition: transform 0.5s ease;\r\n    }\r\n    .story-card:hover .story-thumb img { transform: scale(1.05); }\r\n\r\n    .story-content { padding: 24px; flex-grow: 1; display: flex; flex-direction: column; }\r\n\r\n    .story-label {\r\n      font-size: 0.75rem; font-weight: 700; text-transform: uppercase;\r\n      color: var(--uii-orange); letter-spacing: 0.05em; margin-bottom: 8px;\r\n    }\r\n    .story-title {\r\n      font-size: 1.1rem; font-weight: 700; color: var(--uii-blue);\r\n      margin: 0 0 8px 0; line-height: 1.4;\r\n    }\r\n    .story-text {\r\n      font-size: 0.95rem; color: var(--uii-muted); margin-bottom: 0;\r\n    }\r\n\r\n    \/* =========================================\r\n       5. GALLERIES (Grid)\r\n       ========================================= *\/\r\n    .gallery-section {\r\n      padding-bottom: 80px;\r\n    }\r\n    .gallery-block { margin-bottom: 60px; }\r\n    \r\n    .gallery-header {\r\n      display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\r\n      padding-bottom: 12px; border-bottom: 1px solid var(--uii-border);\r\n    }\r\n    .gallery-icon {\r\n      width: 32px; height: 32px; background: var(--uii-orange);\r\n      color: #fff; border-radius: 50%; display: grid; place-items: center;\r\n      font-weight: bold; font-size: 0.9rem;\r\n    }\r\n    .gallery-title { font-size: 1.25rem; font-weight: 700; color: var(--uii-blue); margin: 0; }\r\n\r\n    .gallery-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 16px;\r\n    }\r\n    .gallery-img {\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      aspect-ratio: 4\/3;\r\n      box-shadow: var(--shadow-sm);\r\n    }\r\n    .gallery-img img {\r\n      width: 100%; height: 100%; object-fit: cover;\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .gallery-img:hover img { transform: scale(1.03); }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE\r\n       ========================================= *\/\r\n    @media (max-width: 1024px) {\r\n      .cap-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .stories-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .gallery-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .hero-grid { grid-template-columns: 1fr; }\r\n      .hero-image-box { order: -1; margin-bottom: 20px; }\r\n      .stories-grid { grid-template-columns: 1fr; }\r\n      .gallery-grid { grid-template-columns: 1fr; }\r\n      .cap-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"uii-wrapper\">\r\n  \r\n  <div class=\"uii-container\">\r\n\r\n    <!-- 1. HERO SECTION -->\r\n    <section class=\"hero-section\">\r\n      <div class=\"hero-grid\">\r\n        <!-- Content -->\r\n        <div class=\"hero-content\">\r\n          <!-- Removed Eyebrow -->\r\n          <h1 class=\"section-title\">H\u1eccC T\u1eacP &amp; TR\u1ea2I NGHI\u1ec6M<\/h1>\r\n          <p class=\"section-desc\" style=\"margin: 0; text-align: left;\">\r\n            T\u1ea1i Vi\u1ec7n \u0110\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o UEH (UII), sinh vi\u00ean thi\u1ebft k\u1ebf, t\u1ea1o nguy\u00ean m\u1eabu v\u00e0 ki\u1ec3m th\u1eed gi\u1ea3i ph\u00e1p c\u00f9ng c\u00e1c \u0111\u1ed1i t\u00e1c th\u1ef1c t\u1ebf, qua \u0111\u00f3 x\u00e2y d\u1ef1ng k\u1ef9 n\u0103ng c\u00f4ng ngh\u1ec7, t\u01b0 duy kh\u1edfi nghi\u1ec7p v\u00e0 s\u1ef1 t\u1ef1 tin ngh\u1ec1 nghi\u1ec7p ngay t\u1eeb nh\u1eefng n\u0103m \u0111\u1ea7u.\r\n          <\/p>\r\n          \r\n          <div class=\"hero-badges\">\r\n            <span class=\"hero-badge\">H\u1ecdc t\u1eadp qua d\u1ef1 \u00e1n<\/span>\r\n            <span class=\"hero-badge\">Nh\u00f3m \u0111a ng\u00e0nh<\/span>\r\n            <span class=\"hero-badge\">X\u01b0\u1edfng th\u1ef1c h\u00e0nh<\/span>\r\n            <span class=\"hero-badge\">\u01af\u01a1m t\u1ea1o kh\u1edfi nghi\u1ec7p<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Image -->\r\n        <div class=\"hero-image-box\">\r\n          <img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/548212389_1446240490843459_2744913587634324973_n.jpg\" alt=\"Students learning\" class=\"hero-image\">\r\n          <div class=\"hero-stat-card\">\r\n            <p>N\u01a1i m\u1ed7i \u00fd t\u01b0\u1edfng \u0111\u1ec1u c\u00f3 m\u1ed9t c\u00e2u chuy\u1ec7n!<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2. LEARNING OUTCOMES -->\r\n    <section class=\"capabilities-section\">\r\n      <div class=\"uii-container\">\r\n        <div class=\"text-center\">\r\n          <!-- Removed Eyebrow -->\r\n          <h2 class=\"section-title\">Chu\u1ea9n \u0111\u1ea7u ra h\u1ecdc t\u1eadp<\/h2>\r\n          <p class=\"section-desc\">\r\n            Vi\u1ec7c h\u1ecdc t\u1eadp \u0111\u01b0\u1ee3c t\u1ed5 ch\u1ee9c xoay quanh 4 n\u0103ng l\u1ef1c c\u1ed1t l\u00f5i nh\u1eb1m chu\u1ea9n b\u1ecb cho sinh vi\u00ean th\u00edch nghi v\u1edbi m\u1ed9t n\u1ec1n kinh t\u1ebf n\u0103ng \u0111\u1ed9ng v\u00e0 \u0111\u1ecbnh h\u01b0\u1edbng \u0111\u1ed5i m\u1edbi.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cap-grid\">\r\n          <!-- Item 1 -->\r\n          <div class=\"cap-card\">\r\n            <div class=\"cap-number\">01<\/div>\r\n            <h3 class=\"cap-title\">Gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 th\u00f4ng qua c\u00e1c th\u1eed th\u00e1ch<\/h3>\r\n            <p style=\"color:var(--uii-muted); font-size:0.9rem; flex-grow:1;\">\r\n              Sinh vi\u00ean gi\u1ea3i quy\u1ebft c\u00e1c th\u00e1ch th\u1ee9c th\u1ef1c t\u1ebf, nhanh ch\u00f3ng t\u1ea1o nguy\u00ean m\u1eabu gi\u1ea3i ph\u00e1p, nh\u1eadn ph\u1ea3n h\u1ed3i t\u1eeb c\u1ed1 v\u1ea5n v\u00e0 c\u1ea3i ti\u1ebfn li\u00ean t\u1ee5c\r\n            <\/p>\r\n            <div class=\"cap-tags\">\r\n              <span class=\"cap-tag\">T\u01b0 duy thi\u1ebft k\u1ebf<\/span>\r\n              <span class=\"cap-tag\">T\u1ea1o nguy\u00ean m\u1eabu<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Item 2 -->\r\n          <div class=\"cap-card\">\r\n            <div class=\"cap-number\">02<\/div>\r\n            <h3 class=\"cap-title\">\u1ee8ng d\u1ee5ng c\u00f4ng ngh\u1ec7<\/h3>\r\n            <p style=\"color:var(--uii-muted); font-size:0.9rem; flex-grow:1;\">\r\n              C\u00e1c x\u01b0\u1edfng d\u1ef1 \u00e1n t\u1eadp trung v\u00e0o IoT, AI\/ML, D\u1eef li\u1ec7u v\u00e0 AR v\u1edbi s\u1ef1 ch\u00fa tr\u1ecdng v\u00e0o t\u00e1c \u0111\u1ed9ng v\u00e0 t\u00ednh kh\u1ea3 d\u1ee5ng.\r\n            <\/p>\r\n            <div class=\"cap-tags\">\r\n              <span class=\"cap-tag\">HCI & UX\/UI<\/span>\r\n              <span class=\"cap-tag\">AR\/VR & AI<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Item 3 -->\r\n          <div class=\"cap-card\">\r\n            <div class=\"cap-number\">03<\/div>\r\n            <h3 class=\"cap-title\">Th\u1ef1c t\u1eadp &amp; Nh\u00fang m\u00ecnh v\u00e0o doanh nghi\u1ec7p<\/h3>\r\n            <p style=\"color:var(--uii-muted); font-size:0.9rem; flex-grow:1;\">\r\n              T\u1eeb n\u0103m th\u1ee9 ba, sinh vi\u00ean tham gia v\u00e0o c\u00e1c t\u1ed5 ch\u1ee9c \u0111\u1ed1i t\u00e1c \u0111\u1ec3 t\u00edch l\u0169y kinh nghi\u1ec7m tri\u1ec3n khai th\u1ef1c t\u1ebf v\u00e0 l\u00e0m vi\u1ec7c nh\u00f3m.\r\n            <\/p>\r\n            <div class=\"cap-tags\">\r\n              <span class=\"cap-tag\">K\u1ebft n\u1ed1i m\u1ea1ng l\u01b0\u1edbi<\/span>\r\n              <span class=\"cap-tag\">Th\u1ef1c t\u1eadp th\u1ef1c t\u1ebf<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Item 4 -->\r\n          <div class=\"cap-card\">\r\n            <div class=\"cap-number\">04<\/div>\r\n            <h3 class=\"cap-title\">M\u00f4i tr\u01b0\u1eddng h\u1ecdc t\u1eadp \u0111\u1ed5i m\u1edbi s\u00e1ng t\u1ea1o<\/h3>\r\n            <p style=\"color:var(--uii-muted); font-size:0.9rem; flex-grow:1;\">\r\n              C\u00e1c ph\u00f2ng Lab hi\u1ec7n \u0111\u1ea1i, c\u00f4ng c\u1ee5 ch\u1ebf t\u1ea1o v\u00e0 c\u1ed9ng \u0111\u1ed3ng m\u1edf t\u1ea1o ra kh\u00f4ng gian an to\u00e0n \u0111\u1ec3 th\u1eed nghi\u1ec7m v\u00e0 \"th\u1ea5t b\u1ea1i nhanh\" (fail fast).\r\n            <\/p>\r\n            <div class=\"cap-tags\">\r\n              <span class=\"cap-tag\">Maker Space<\/span>\r\n              <span class=\"cap-tag\">C\u1ed9ng \u0111\u1ed3ng<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. SUCCESS STORIES -->\r\n    <section class=\"stories-section\">\r\n      <div class=\"uii-container\">\r\n        <div class=\"text-center\">\r\n          <!-- Removed Eyebrow -->\r\n          <h2 class=\"section-title\">Nh\u1eefng tr\u1ea3i nghi\u1ec7m t\u1ea1o n\u00ean t\u00e1c \u0111\u1ed9ng<\/h2>\r\n          <p class=\"section-desc\">\r\n            Xem c\u00e1ch sinh vi\u00ean k\u1ebft h\u1ee3p gi\u1eefa vi\u1ec7c h\u1ecdc tr\u00ean l\u1edbp, d\u1ef1 \u00e1n v\u00e0 c\u00e1c ho\u1ea1t \u0111\u1ed9ng \u0111\u1ec3 x\u00e2y d\u1ef1ng l\u1ed9 tr\u00ecnh ph\u00e1t tri\u1ec3n ri\u00eang.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"stories-grid\">\r\n          <!-- Story 1 -->\r\n          <article class=\"story-card\">\r\n            <div class=\"story-thumb\">\r\n              <img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/548212389_1446240490843459_2744913587634324973_n.jpg\" alt=\"Hackathon\">\r\n            <\/div>\r\n            <div class=\"story-content\">\r\n              <div class=\"story-label\">H\u1ecdc t\u1eadp qua d\u1ef1 \u00e1n<\/div>\r\n              <h3 class=\"story-title\">T\u1eeb \u00fd t\u01b0\u1edfng tr\u00ean l\u1edbp \u0111\u1ebfn nguy\u00ean m\u1eabu \u0111\u1ea1t gi\u1ea3i th\u01b0\u1edfng<\/h3>\r\n              <p class=\"story-text\">\r\n                M\u1ed9t nh\u00f3m sinh vi\u00ean \u0111\u00e3 chuy\u1ec3n h\u00f3a b\u00e0i t\u1eadp m\u00f4n h\u1ecdc th\u00e0nh nguy\u00ean m\u1eabu \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng cho giao th\u00f4ng \u0111\u00f4 th\u1ecb v\u00e0 gi\u00e0nh gi\u1ea3i nh\u1ea5t t\u1ea1i cu\u1ed9c thi Hackathon.\r\n              <\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Story 2 -->\r\n          <article class=\"story-card\">\r\n            <div class=\"story-thumb\">\r\n              <img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/Nghi-thuc-khai-mac-va-cong-bo-khoi-dong-YDCC-2025-1-scaled.jpg\" alt=\"Internship\">\r\n            <\/div>\r\n            <div class=\"story-content\">\r\n              <div class=\"story-label\">H\u1ee3p t\u00e1c v\u1edbi doanh nghi\u1ec7p<\/div>\r\n              <h3 class=\"story-title\">T\u1eeb th\u1ef1c t\u1eadp sinh tr\u1edf th\u00e0nh ng\u01b0\u1eddi qu\u1ea3n l\u00fd s\u1ea3n ph\u1ea9m<\/h3>\r\n              <p class=\"story-text\">\r\n                Sau khi tham gia v\u00e0o doanh nghi\u1ec7p \u0111\u1ed1i t\u00e1c v\u1edbi t\u01b0 c\u00e1ch th\u1ef1c t\u1eadp sinh s\u1ea3n ph\u1ea9m, sinh vi\u00ean \u0111\u00e3 h\u1ed7 tr\u1ee3 thi\u1ebft k\u1ebf t\u00ednh n\u0103ng m\u1edbi v\u00e0 \u0111\u01b0\u1ee3c tuy\u1ec3n d\u1ee5ng l\u00e0m nh\u00e2n vi\u00ean ch\u00ednh th\u1ee9c.\r\n              <\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Story 3 -->\r\n          <article class=\"story-card\">\r\n            <div class=\"story-thumb\">\r\n              <img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/UIIshowcase.jpg\" alt=\"Startup\">\r\n            <\/div>\r\n            <div class=\"story-content\">\r\n              <div class=\"story-label\">Kh\u1edfi nghi\u1ec7p kinh doanh<\/div>\r\n              <h3 class=\"story-title\">\u00dd t\u01b0\u1edfng kh\u1edfi nghi\u1ec7p \u0111\u01b0\u1ee3c \u01b0\u01a1m t\u1ea1o t\u1ea1i UII<\/h3>\r\n              <p class=\"story-text\">\r\n                M\u1ed9t nh\u00f3m \u0111a ng\u00e0nh \u0111\u00e3 ki\u1ec3m ch\u1ee9ng gi\u1ea3i ph\u00e1p v\u1edbi kh\u00e1ch h\u00e0ng, tham gia ch\u01b0\u01a1ng tr\u00ecnh \u01b0\u01a1m t\u1ea1o c\u1ee7a UII v\u00e0 huy \u0111\u1ed9ng \u0111\u01b0\u1ee3c v\u1ed1n \u0111\u1ea7u t\u01b0 th\u00e0nh c\u00f4ng.\r\n              <\/p>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. GALLERIES -->\r\n    <section class=\"gallery-section\">\r\n      <div class=\"uii-container\">\r\n        \r\n        <!-- Project Based Learning -->\r\n        <div class=\"gallery-block\">\r\n          <div class=\"gallery-header\">\r\n            <div class=\"gallery-icon\">1<\/div>\r\n            <h3 class=\"gallery-title\">Ho\u1ea1t \u0111\u1ed9ng h\u1ecdc t\u1eadp qua d\u1ef1 \u00e1n<\/h3>\r\n          <\/div>\r\n          <div class=\"gallery-grid\">\r\n             <div class=\"gallery-img\"><img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/hackathon.jpg\" alt=\"Hackathon\"><\/div>\r\n             <div class=\"gallery-img\"><img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/548214468_1446239660843542_2418252058017715815_n.jpg\" alt=\"Lab Work\"><\/div>\r\n             <div class=\"gallery-img\"><img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/524728571_1396281479172694_3863414496851683859_n.jpg\" alt=\"Demo Day\"><\/div>\r\n             <div class=\"gallery-img\"><img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/529758208_1407237621410413_5627376697618726847_n.jpg\" alt=\"Prototyping\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Extracurricular -->\r\n        <div class=\"gallery-block\">\r\n          <div class=\"gallery-header\">\r\n            <!-- Removed the inline style: style=\"background:var(--uii-blue);\" to allow default orange -->\r\n            <div class=\"gallery-icon\">2<\/div>\r\n            <h3 class=\"gallery-title\">Ho\u1ea1t \u0111\u1ed9ng ngo\u1ea1i kh\u00f3a<\/h3>\r\n          <\/div>\r\n          <div class=\"gallery-grid\">\r\n             <div class=\"gallery-img\"><img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/570310459_1483100280490813_8541016080624345963_n-1.jpg\" alt=\"Community\"><\/div>\r\n             <div class=\"gallery-img\"><img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/547674850_1446239794176862_8929988473490594845_n.jpg\" alt=\"Clubs\"><\/div>\r\n             <div class=\"gallery-img\"><img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/497496045_1332642568869919_8693619645528094615_n.jpg\" alt=\"Presentation\"><\/div>\r\n             <div class=\"gallery-img\"><img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/VNP_3827-scaled-e1763366217702.jpg\" alt=\"Events\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\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 LEARN &amp; EXPERIENCE Learning &#038; Experience At the UEH Institute of Innovation (UII), students design, prototype, and test solutions with real partners &#8211; building technical skills, entrepreneurial mindsets, and professional confidence from the very first years. Project-based learning Interdisciplinary teams Hands-on studios Startup incubation UII &#8211; Where every idea has a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2163","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2163","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=2163"}],"version-history":[{"count":86,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2163\/revisions"}],"predecessor-version":[{"id":9187,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/2163\/revisions\/9187"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/media?parent=2163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}