{"id":42,"date":"2025-10-14T10:06:35","date_gmt":"2025-10-14T10:06:35","guid":{"rendered":"https:\/\/phanthanhtuonghuan.id.vn\/?page_id=42"},"modified":"2026-06-16T22:11:01","modified_gmt":"2026-06-16T15:11:01","slug":"education","status":"publish","type":"page","link":"https:\/\/uii.ueh.edu.vn\/en\/education\/","title":{"rendered":"Education"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42\" class=\"elementor elementor-42\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd1c807 e-flex e-con-boxed e-con e-parent\" data-id=\"dd1c807\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:2719,&quot;url&quot;:&quot;https:\\\/\\\/uii.ueh.edu.vn\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/K47.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0c3ca5e e-con-full e-flex e-con e-child\" data-id=\"0c3ca5e\" 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-c3b3947 elementor-widget elementor-widget-heading\" data-id=\"c3b3947\" 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<\/b><\/span><\/font><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-306c0d5 elementor-widget elementor-widget-heading\" data-id=\"306c0d5\" 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>EDUCATION<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ad9ca e-flex e-con-boxed e-con e-parent\" data-id=\"3ad9ca\" 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-7280a173 elementor-widget elementor-widget-html\" data-id=\"7280a173\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\n    var $jq = jQuery;\r\n    $jq(document).ready(function(){\r\n        $jq('[data-display]').on('click', function(){\r\n            var targetDiv = $jq(this).attr('data-display');\r\n            var $card = $jq(this).closest('.product-card'); \/\/ Scope to the specific product card\r\n            \r\n            \/\/ Hide all galleries within this specific card only\r\n            $card.find('.image-gallery').hide();\r\n            \r\n            \/\/ Show the target div within the specific card\r\n            $card.find('#' + targetDiv).show();\r\n        });\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4aabe15 e-con-full e-flex e-con e-parent\" data-id=\"4aabe15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-38c7244 e-con-full e-flex e-con e-child\" data-id=\"38c7244\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:100}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a676cff elementor-invisible elementor-widget elementor-widget-image\" data-id=\"a676cff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-4-1024x496.png\" class=\"attachment-large size-large wp-image-2754\" alt=\"ueh university (4)\" srcset=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-4-1024x496.png 1024w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-4-300x145.png 300w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-4-768x372.png 768w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-4-1536x745.png 1536w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-4-2048x993.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fd99b1 e-con-full e-flex e-con e-child\" data-id=\"4fd99b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6de7ff4 elementor-widget elementor-widget-heading\" data-id=\"6de7ff4\" 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\">\u2192 Degree structure<br>\u2192 Career Opportunities<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b311c2b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b311c2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/uii.ueh.edu.vn\/en\/education\/bachelor-program\/technology-and-innovation\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Overview \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-bb53bbd e-con-full e-flex e-con e-child\" data-id=\"bb53bbd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94ac470 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"94ac470\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-3-1024x496.png\" class=\"attachment-large size-large wp-image-2755\" alt=\"ueh university (3)\" srcset=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-3-1024x496.png 1024w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-3-300x145.png 300w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-3-768x372.png 768w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-3-1536x745.png 1536w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/UEH-UNIVERSITY-3-2048x993.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-170c2c0 e-con-full e-flex e-con e-child\" data-id=\"170c2c0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a30b46b elementor-widget elementor-widget-heading\" data-id=\"a30b46b\" 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\">\u2192 Degree structure<br>\u2192 Career Opportunities<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-040c837 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"040c837\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/uii.ueh.edu.vn\/en\/financial-technology\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Overview \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-576fe20 e-con-full e-flex e-con e-child\" data-id=\"576fe20\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83161d8 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"83161d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"388\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Design-thinking-1-1024x497.jpg\" class=\"attachment-large size-large wp-image-2779\" alt=\"design thinking\" srcset=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Design-thinking-1-1024x497.jpg 1024w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Design-thinking-1-300x146.jpg 300w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Design-thinking-1-768x373.jpg 768w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Design-thinking-1-1536x746.jpg 1536w, https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Design-thinking-1-2048x995.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eaf6ee7 e-con-full e-flex e-con e-child\" data-id=\"eaf6ee7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-608fc17 elementor-widget elementor-widget-heading\" data-id=\"608fc17\" 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\">\u2192 Degree structure<br>\u2192 Career Opportunities<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a60e4ac elementor-align-center elementor-widget elementor-widget-button\" data-id=\"a60e4ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/uii.ueh.edu.vn\/en\/education\/short-course-training-program\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Overview \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\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-5d69cbe e-con-full e-flex e-con e-parent\" data-id=\"5d69cbe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b6b24f elementor-widget elementor-widget-html\" data-id=\"6b6b24f\" 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;600;700;800&family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n  \r\n  <style>\r\n    \/* =========================================\r\n       1. SCOPED STYLES FOR WIDGET\r\n       ========================================= *\/\r\n    .uii-edu-widget {\r\n      \/* Variables match UII System *\/\r\n      --uii-blue: #234B86;\r\n      --uii-orange: #EB6825;\r\n      --uii-ink: #111827;\r\n      --uii-muted: #6B7280;\r\n      --uii-soft: #F8FAFC;\r\n      --uii-border: #E2E8F0;\r\n      --uii-white: #fff;\r\n      \r\n      --radius-card: 20px;\r\n      --radius-img: 12px;\r\n      \r\n      font-family: 'Inter', sans-serif;\r\n      box-sizing: border-box;\r\n      width: 100%;\r\n      display: block;\r\n      background: transparent;\r\n    }\r\n\r\n    .uii-edu-widget * { box-sizing: border-box; }\r\n    .uii-edu-widget a { text-decoration: none; color: inherit; }\r\n    .uii-edu-widget img { max-width: 100%; display: block; }\r\n\r\n    \/* --- GRID LAYOUT --- *\/\r\n    .edu-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 30px;\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n      padding: 20px;\r\n    }\r\n\r\n    \/* --- CARD DESIGN (Picture Frame Style) --- *\/\r\n    .edu-card {\r\n      background: var(--uii-white);\r\n      border: 1px solid var(--uii-border);\r\n      border-radius: var(--radius-card);\r\n      padding: 12px; \/* Frame padding *\/\r\n      display: flex;\r\n      flex-direction: column;\r\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n      position: relative;\r\n      height: 100%;\r\n      box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .edu-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 20px 40px -5px rgba(35, 75, 134, 0.15);\r\n      border-color: #d1d5db;\r\n    }\r\n\r\n    \/* Image Container *\/\r\n    .edu-img-wrap {\r\n      width: 100%;\r\n      aspect-ratio: 4\/3; \/* Standard aspect ratio *\/\r\n      border-radius: var(--radius-img);\r\n      overflow: hidden;\r\n      position: relative;\r\n      background: var(--uii-soft);\r\n    }\r\n\r\n    .edu-img {\r\n      \/* FIX: Auto fit & Cover logic - Forced with !important to override Theme CSS *\/\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;   \/* C\u1eaft \u1ea3nh \u0111\u1ec3 l\u1ea5p \u0111\u1ea7y khung, kh\u00f4ng b\u1ecb m\u00e9o *\/\r\n      object-position: center !important; \/* C\u0103n gi\u1eefa \u1ea3nh *\/\r\n      transition: transform 0.6s ease;\r\n      display: block !important;\r\n    }\r\n\r\n    .edu-card:hover .edu-img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    \/* Icon Overlay *\/\r\n    .edu-icon-badge {\r\n      position: absolute;\r\n      bottom: 12px;\r\n      left: 12px;\r\n      width: 48px; height: 48px;\r\n      background: var(--uii-white);\r\n      border-radius: 10px;\r\n      display: grid; place-items: center;\r\n      color: var(--uii-orange);\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n      z-index: 2;\r\n    }\r\n    .edu-icon-badge svg { width: 24px; height: 24px; }\r\n\r\n    \/* Content Body *\/\r\n    .edu-body {\r\n      padding: 24px 12px 12px; \/* Top padding accounts for visual space *\/\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex-grow: 1;\r\n      text-align: center;\r\n    }\r\n\r\n    .edu-title {\r\n      font-family: 'Merriweather', serif;\r\n      font-size: 1.5rem;\r\n      font-weight: 700;\r\n      color: var(--uii-blue);\r\n      margin: 0 0 12px 0;\r\n      line-height: 1.3;\r\n      transition: color 0.2s;\r\n    }\r\n    \r\n    .edu-card:hover .edu-title {\r\n      color: var(--uii-orange);\r\n    }\r\n\r\n    .edu-desc {\r\n      font-size: 0.95rem;\r\n      color: var(--uii-muted);\r\n      line-height: 1.6;\r\n      margin-bottom: 24px;\r\n      flex-grow: 1;\r\n    }\r\n\r\n    \/* Button - Standardized Style *\/\r\n.edu-btn {\r\n  \/* Layout *\/\r\n  align-self: center;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center; \/* \u0110\u1ea3m b\u1ea3o n\u1ed9i dung c\u0103n gi\u1eefa *\/\r\n  gap: 8px;\r\n  \r\n  \/* Size & Shape *\/\r\n  padding: 12px 24px; \/* T\u0103ng padding ch\u00fat cho gi\u1ed1ng n\u00fat chu\u1ea9n *\/\r\n  border-radius: 99px;\r\n  border: none; \/* B\u1ecf vi\u1ec1n c\u0169 *\/\r\n  \r\n  \/* Color & Font *\/\r\n  background: var(--uii-orange); \/* Chuy\u1ec3n sang m\u00e0u Cam chu\u1ea9n *\/\r\n  color: white !important;\r\n  font-weight: 700;\r\n  font-size: 0.95rem; \/* C\u1ee1 ch\u1eef chu\u1ea9n *\/\r\n  \r\n  \/* Reset Styles (WP Fix) *\/\r\n  text-decoration: none !important;\r\n  border-bottom: none !important;\r\n  text-transform: none; \/* B\u1ecf in hoa to\u00e0n b\u1ed9 \u0111\u1ec3 gi\u1ed1ng n\u00fat CTA chu\u1ea9n, ho\u1eb7c gi\u1eef l\u1ea1i n\u1ebfu mu\u1ed1n *\/\r\n  letter-spacing: normal;\r\n\r\n  \/* Effects *\/\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 6px rgba(235, 104, 37, 0.15); \/* Th\u00eam b\u00f3ng \u0111\u1ed5 cam *\/\r\n}\r\n\r\n\/* Hover Effect: \r\n   K\u00edch ho\u1ea1t khi hover v\u00e0o n\u00fat HO\u1eb6C hover v\u00e0o th\u1ebb cha (.edu-card) \r\n*\/\r\n.edu-btn:hover,\r\n.edu-card:hover .edu-btn {\r\n  background: #d95d1e; \/* Cam \u0111\u1eadm h\u01a1n *\/\r\n  color: white !important;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 20px rgba(235, 104, 37, 0.3); \/* B\u00f3ng \u0111\u1ed5 s\u00e2u h\u01a1n *\/\r\n}\r\n\r\n\/* Hi\u1ec7u \u1ee9ng m\u0169i t\u00ean tr\u01b0\u1ee3t (n\u1ebfu c\u00f3 SVG) *\/\r\n.edu-btn svg {\r\n  transition: transform 0.3s ease;\r\n}\r\n.edu-card:hover .edu-btn svg,\r\n.edu-btn:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 900px) {\r\n      .edu-grid { grid-template-columns: 1fr; max-width: 450px; }\r\n      .edu-img-wrap { aspect-ratio: 16\/9; } \/* Wider image on mobile *\/\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"uii-edu-widget\">\r\n    <div class=\"edu-grid\">\r\n\r\n      <!-- CARD 1: LEARN & EXPERIENCE -->\r\n      <a href=\"https:\/\/uii.ueh.edu.vn\/education\/why-study-at-uii\/learn-experience\/\" class=\"edu-card\">\r\n        <div class=\"edu-img-wrap\">\r\n          <img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/hackathon.jpg\" \r\n               alt=\"Students Learning\" \r\n               class=\"edu-img\"\r\n               onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=UII+Education'\">\r\n          <div class=\"edu-icon-badge\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"edu-body\">\r\n          <h3 class=\"edu-title\">Learn & Experience<\/h3>\r\n          <p class=\"edu-desc\">\r\n            Immerse yourself in a practical innovation environment. From fundamental courses to hands-on incubation projects.\r\n          <\/p>\r\n          <span class=\"edu-btn\">Discover Programs \u2192<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- CARD 2: STUDY EXCHANGE -->\r\n      <a href=\"https:\/\/uii.ueh.edu.vn\/education\/why-study-at-uii\/study-exchange\/\" class=\"edu-card\">\r\n        <div class=\"edu-img-wrap\">\r\n          <img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/11\/547674850_1446239794176862_8929988473490594845_n.jpg\" \r\n               alt=\"International Exchange\" \r\n               class=\"edu-img\"\r\n               onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=UII+Exchange'\">\r\n          <div class=\"edu-icon-badge\">\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        <\/div>\r\n        <div class=\"edu-body\">\r\n          <h3 class=\"edu-title\">Study Exchange<\/h3>\r\n          <p class=\"edu-desc\">\r\n            Expand your horizons with our global partner network. Short-term and semester exchange opportunities abroad.\r\n          <\/p>\r\n          <span class=\"edu-btn\">Global Opportunities \u2192<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- CARD 3: CAREER PATHWAYS -->\r\n      <a href=\"https:\/\/uii.ueh.edu.vn\/education\/why-study-at-uii\/a-great-booster-for-your-career\/\" class=\"edu-card\">\r\n        <div class=\"edu-img-wrap\">\r\n          <img decoding=\"async\" src=\"http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/Entreprenourship.jpg\" \r\n               alt=\"Career Path\" \r\n               class=\"edu-img\"\r\n               onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=UII+Career'\">\r\n          <div class=\"edu-icon-badge\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"edu-body\">\r\n          <h3 class=\"edu-title\">Career Pathways<\/h3>\r\n          <p class=\"edu-desc\">\r\n            Define your future. Explore career tracks in Tech, Startups, R&D, and Corporate Innovation.\r\n          <\/p>\r\n          <span class=\"edu-btn\">Map Your Career \u2192<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbea37d e-con-full e-flex e-con e-parent\" data-id=\"fbea37d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b1f784 elementor-widget elementor-widget-html\" data-id=\"3b1f784\" 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>UII Homepage Widget<\/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;600;700;800;900&family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n  \r\n  <style>\r\n    \/* =========================================\r\n       UII HOMEPAGE WIDGET STYLES\r\n       ========================================= *\/\r\n    :root {\r\n      --uii-blue: #234B86;\r\n      --uii-orange: #EB6825;\r\n      --uii-orange-earth: #D95D1E;\r\n      --uii-ink: #111827; \/* Darker black for titles *\/\r\n      --uii-muted: #6B7280; \/* Medium grey *\/\r\n      --uii-soft: #F8FAFC;\r\n      --uii-border: #E5E7EB; \/* Light grey border *\/\r\n      \r\n      \/* New Card Vars *\/\r\n      --card-radius: 8px;\r\n      --card-bg: #ffffff;\r\n      --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\r\n    }\r\n\r\n    body { margin: 0; padding: 0; font-family: 'Inter', sans-serif; background: #fff; }\r\n    \r\n    .homepage-section {\r\n      max-width: 1280px;\r\n      margin: 0px auto;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    \/* --- FOOTER ACTION (BUTTON) --- *\/\r\n.hw-footer-actions {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 40px;\r\n}\r\n\r\n.hw-view-all-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n\r\n  \/* Style chu\u1ea9n h\u00f3a *\/\r\n  background: var(--uii-orange);\r\n  color: white !important;\r\n  border: none;\r\n  border-radius: 99px;\r\n  padding: 12px 32px;\r\n  \r\n  \/* Font *\/\r\n  font-weight: 700;\r\n  font-size: 1rem;\r\n  \r\n  \/* --- B\u1ece G\u1ea0CH CH\u00c2N --- *\/\r\n  text-decoration: none !important;\r\n  border-bottom: none !important; \/* Fix cho m\u1ed9t s\u1ed1 theme WP d\u00f9ng border l\u00e0m g\u1ea1ch ch\u00e2n *\/\r\n  box-shadow: none !important;    \/* Fix cho theme d\u00f9ng box-shadow l\u00e0m g\u1ea1ch ch\u00e2n *\/\r\n\r\n  \/* Animation *\/\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 10px rgba(235, 104, 37, 0.2) !important; \/* Ghi \u0111\u00e8 l\u1ea1i shadow \u0111\u1eb9p *\/\r\n}\r\n\r\n.hw-view-all-btn:hover {\r\n  background: #d95d1e;\r\n  color: white !important;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 20px rgba(235, 104, 37, 0.3) !important;\r\n  \r\n  \/* \u0110\u1ea3m b\u1ea3o kh\u00f4ng hi\u1ec7n l\u1ea1i g\u1ea1ch ch\u00e2n khi hover *\/\r\n  text-decoration: none !important;\r\n  border-bottom: none !important;\r\n}\r\n\r\n\/* Hi\u1ec7u \u1ee9ng m\u0169i t\u00ean *\/\r\n.hw-view-all-btn svg {\r\n  transition: transform 0.3s ease;\r\n}\r\n.hw-view-all-btn:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n    \/* --- LAYOUT STACK --- *\/\r\n    .hw-layout-stack {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 50px;\r\n    }\r\n\r\n    \/* --- 1. HERO SECTION (Featured News) --- *\/\r\n    .hw-hero {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 800px;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n      background: #eee;\r\n      display: block;\r\n      \r\n      \/* FIX: Force remove underline *\/\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .hw-hero-img {\r\n      width: 100%; height: 100%; object-fit: cover;\r\n      transition: transform 0.6s ease;\r\n    }\r\n    .hw-hero:hover .hw-hero-img { transform: scale(1.03); }\r\n\r\n    \/* Hero Overlay *\/\r\n    .hw-hero-overlay {\r\n      position: absolute; bottom: 0; left: 0; width: 100%;\r\n      background: linear-gradient(to top, rgba(35, 75, 134, 0.95) 0%, rgba(35, 75, 134, 0.8) 100%);\r\n      padding: 24px 30px;\r\n      color: #fff;\r\n      display: flex; flex-direction: column; align-items: center; text-align: center;\r\n      border-top: 1px solid rgba(255,255,255,0.15);\r\n      backdrop-filter: blur(4px);\r\n    }\r\n\r\n    .hw-hero-label {\r\n      font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em;\r\n      color: var(--uii-orange); margin-bottom: 8px; display: block;\r\n      background: rgba(255,255,255,0.1); padding: 4px 12px; border-radius: 99px;\r\n    }\r\n\r\n    .hw-hero-title {\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 1.8rem; font-weight: 800; line-height: 1.3; margin: 0 0 16px 0;\r\n      color: #fff; transition: color 0.2s; max-width: 900px;\r\n      \r\n      \/* FIX: Force remove underline *\/\r\n      text-decoration: none !important;\r\n    }\r\n    .hw-hero:hover .hw-hero-title { color: #fff; text-shadow: 0 0 10px rgba(235, 104, 37, 0.5); }\r\n\r\n    .hw-hero-sdgs { display: flex; gap: 8px; justify-content: center; }\r\n    \r\n    \/* Hero SDG Link wrapper *\/\r\n    .hw-hero-sdg-link {\r\n        display: block; transition: transform 0.2s ease;\r\n        text-decoration: none !important;\r\n    }\r\n    .hw-hero-sdg-link:hover { transform: translateY(-3px) scale(1.1); }\r\n\r\n    .hw-hero-sdg-icon {\r\n      width: 32px; height: 32px; border-radius: 4px; background: #fff;\r\n      object-fit: cover; box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n    }\r\n   \r\n\/* Mobile (\u0110i\u1ec7n tho\u1ea1i) - \u00c9p d\u00e1ng d\u1ecdc *\/\r\n  @media (max-width: 600px) {\r\n    .hw-hero { \r\n      \/* QUAN TR\u1eccNG: *\/\r\n      \/* Chi\u1ebfm 50% chi\u1ec1u cao m\u00e0n h\u00ecnh \u0111i\u1ec7n tho\u1ea1i -> Ch\u1eafc ch\u1eafn s\u1ebd l\u00e0 h\u00ecnh ch\u1eef nh\u1eadt \u0111\u1ee9ng *\/\r\n      height: 50vh !important; \r\n      \r\n      \/* \u0110\u1ea3m b\u1ea3o chi\u1ec1u cao t\u1ed1i thi\u1ec3u n\u1ebfu m\u00e0n h\u00ecnh qu\u00e1 ng\u1eafn *\/\r\n      min-height: 500px !important; \r\n    }\r\n\r\n    .hw-hero-img {\r\n      \/* \u0110\u1ea3m b\u1ea3o \u1ea3nh lu\u00f4n ph\u1ee7 k\u00edn khung h\u00ecnh m\u1edbi, kh\u00f4ng b\u1ecb m\u00e9o *\/\r\n      object-fit: cover !important;\r\n      object-position: center top !important; \/* \u01afu ti\u00ean l\u1ea5y ph\u1ea7n tr\u00ean c\u1ee7a \u1ea3nh (th\u01b0\u1eddng l\u00e0 m\u1eb7t ng\u01b0\u1eddi\/ch\u1ee7 th\u1ec3) *\/\r\n    }\r\n\r\n    .hw-hero-overlay { \r\n      padding: 15px 20px 25px 20px; \r\n      align-items: flex-start; \r\n      text-align: left;\r\n      \r\n   \r\n    }\r\n\r\n    \/* Thu nh\u1ecf ch\u1eef \u0111\u1ec3 n\u1ed9i dung kh\u00f4ng chi\u1ebfm h\u1ebft chi\u1ec1u cao \u1ea3nh *\/\r\n    .hw-hero-title {\r\n      font-size: 1.3rem; \r\n      line-height: 1.3;\r\n      margin-bottom: 10px;\r\n    }\r\n    \r\n    .hw-hero-label {\r\n      margin-bottom: 5px;\r\n      font-size: 0.65rem;\r\n    }\r\n\r\n    \/* Grid b\u00ean d\u01b0\u1edbi v\u1eabn gi\u1eef 1 c\u1ed9t *\/\r\n    .hw-grid { \r\n      grid-template-columns: 1fr; \r\n    }\r\n  }\r\n  \/* =========================================\r\n     IPAD & TABLET RESPONSIVE (601px - 1024px)\r\n     ========================================= *\/\r\n  @media (min-width: 601px) and (max-width: 1024px) {\r\n    .hw-hero {\r\n      \/* T\u0103ng chi\u1ec1u cao l\u00ean 60vh (60% chi\u1ec1u cao m\u00e0n h\u00ecnh iPad) \r\n         Con s\u1ed1 n\u00e0y gi\u00fap \u1ea3nh hi\u1ec3n th\u1ecb to, r\u00f5, d\u1ea1ng g\u1ea7n vu\u00f4ng ho\u1eb7c d\u1ecdc nh\u1eb9 \r\n         thay v\u00ec h\u00ecnh ch\u1eef nh\u1eadt d\u1eb9t nh\u01b0 c\u0169 *\/\r\n      height: 70vh !important; \r\n      min-height: 500px !important; \/* \u0110\u1ea3m b\u1ea3o kh\u00f4ng bao gi\u1edd th\u1ea5p h\u01a1n 500px *\/\r\n    }\r\n\r\n    .hw-hero-img {\r\n      object-fit: cover !important;\r\n      object-position: center center !important; \/* iPad m\u00e0n h\u00ecnh to n\u00ean l\u1ea5y tr\u1ecdng t\u00e2m \u1edf gi\u1eefa l\u00e0 \u0111\u1eb9p nh\u1ea5t *\/\r\n    }\r\n\r\n    .hw-hero-overlay {\r\n      padding: 30px; \/* T\u0103ng l\u1ec1 cho tho\u00e1ng h\u01a1n so v\u1edbi \u0111i\u1ec7n tho\u1ea1i *\/\r\n    \r\n    }\r\n\r\n    .hw-hero-title {\r\n      font-size: 1.8rem; \/* Ch\u1eef to h\u01a1n mobile \u0111\u1ec3 c\u00e2n \u0111\u1ed1i v\u1edbi m\u00e0n h\u00ecnh iPad *\/\r\n      max-width: 90%; \/* Gi\u1edbi h\u1ea1n chi\u1ec1u ngang ch\u1eef \u0111\u1ec3 kh\u00f4ng b\u1ecb tr\u00e0n s\u00e1t l\u1ec1 *\/\r\n    }\r\n\r\n    \/* Grid b\u00e0i vi\u1ebft b\u00ean d\u01b0\u1edbi: 2 c\u1ed9t l\u00e0 chu\u1ea9n nh\u1ea5t cho iPad *\/\r\n    .hw-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n    \r\n    \/* \u0110i\u1ec1u ch\u1ec9nh \u1ea3nh c\u1ee7a c\u00e1c th\u1ebb b\u00e0i vi\u1ebft nh\u1ecf b\u00ean d\u01b0\u1edbi *\/\r\n    .hw-card-visual {\r\n       aspect-ratio: 16\/10; \/* H\u01a1i cao h\u01a1n m\u1ed9t ch\u00fat so v\u1edbi 16\/9 chu\u1ea9n *\/\r\n    }\r\n  }\r\n    \/* --- 2. GRID SECTION (4 Columns) --- *\/\r\n    .hw-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    \/* CARD DESIGN *\/\r\n    .hw-card {\r\n      background: var(--card-bg);\r\n      border: 1px solid var(--uii-border);\r\n      border-radius: var(--card-radius);\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n      box-shadow: 0 1px 2px rgba(0,0,0,0.05); \r\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    }\r\n\r\n    .hw-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n      border-color: #d1d5db;\r\n    }\r\n\r\n    \/* Image Area *\/\r\n    .hw-card-visual {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 16\/9;\r\n      overflow: hidden;\r\n      background: var(--uii-soft);\r\n      border-top-left-radius: calc(var(--card-radius) - 1px);\r\n      border-top-right-radius: calc(var(--card-radius) - 1px);\r\n    }\r\n\r\n    .hw-card-img-link {\r\n      display: block; width: 100%; height: 100%;\r\n    }\r\n\r\n    .hw-card-img {\r\n      width: 100%; height: 100%; object-fit: cover;\r\n      transition: transform 0.5s ease;\r\n    }\r\n    .hw-card:hover .hw-card-img { transform: scale(1.05); }\r\n\r\n    \/* Card Content Container *\/\r\n    .hw-card-body {\r\n      padding: 20px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n      gap: 12px;\r\n    }\r\n\r\n    \/* 1. SDGs Row (Badges) *\/\r\n    .hw-card-sdgs-row {\r\n      display: flex;\r\n      gap: 6px;\r\n      align-items: center;\r\n      min-height: 24px;\r\n    }\r\n    \r\n    \/* SDG Icon Link Style *\/\r\n    .hw-sdg-link {\r\n      display: block;\r\n      transition: transform 0.2s ease;\r\n      text-decoration: none !important;\r\n    }\r\n    .hw-sdg-link:hover {\r\n      transform: scale(1.15) translateY(-2px);\r\n      z-index: 10;\r\n    }\r\n\r\n    .hw-sdg-badge {\r\n      width: 24px; height: 24px;\r\n      border-radius: 4px;\r\n      object-fit: cover;\r\n      box-shadow: 0 1px 2px rgba(0,0,0,0.1);\r\n      display: block;\r\n    }\r\n\r\n    \/* 2. Category Tag *\/\r\n    .hw-card-cat {\r\n      font-size: 0.7rem;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      color: var(--uii-orange);\r\n      letter-spacing: 0.05em;\r\n      line-height: 1.2;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 1;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      text-decoration: none !important;\r\n      transition: color 0.2s;\r\n    }\r\n    .hw-card-cat:hover {\r\n      color: var(--uii-blue);\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* 3. Title *\/\r\n    .hw-card-title {\r\n      font-family: 'Inter', sans-serif;\r\n      font-size: 1.05rem;\r\n      font-weight: 700;\r\n      color: var(--uii-ink);\r\n      line-height: 1.4;\r\n      margin: 0;\r\n      flex-grow: 1;\r\n    }\r\n    \r\n    .hw-card-title-link {\r\n      color: inherit;\r\n      text-decoration: none !important;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 3;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      transition: color 0.2s;\r\n    }\r\n\r\n    .hw-card:hover .hw-card-title-link {\r\n      color: var(--uii-blue);\r\n    }\r\n\r\n    \/* 4. Date *\/\r\n    .hw-card-date {\r\n      font-size: 0.8rem;\r\n      font-weight: 400;\r\n      color: var(--uii-muted);\r\n      margin-top: auto;\r\n      padding-top: 8px;\r\n    }\r\n\r\n    \/* Loading Skeleton *\/\r\n    .skeleton {\r\n      background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);\r\n      background-size: 200% 100%;\r\n      animation: loading 1.5s infinite;\r\n    }\r\n    @keyframes loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 1024px) {\r\n      .hw-hero { height: 400px; }\r\n      .hw-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .hw-hero { height: 350px; }\r\n      .hw-hero-overlay { padding: 20px; align-items: flex-start; text-align: left; }\r\n      .hw-grid { grid-template-columns: 1fr; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"homepage-section\">\r\n    \r\n    <!-- HEADER REMOVED AS REQUESTED -->\r\n\r\n    <div class=\"hw-layout-stack\">\r\n\r\n      <!-- 1. HERO SECTION (Latest Post) -->\r\n      <a href=\"#\" id=\"hw-hero-link\" class=\"hw-hero skeleton\">\r\n        <img decoding=\"async\" id=\"hw-hero-img\" src=\"\" alt=\"\" class=\"hw-hero-img\" style=\"opacity:0\">\r\n        \r\n        <div class=\"hw-hero-overlay\">\r\n          <span class=\"hw-hero-label\">Highlighted news<\/span>\r\n          <h3 id=\"hw-hero-title\" class=\"hw-hero-title\">Loading highlights...<\/h3>\r\n          <div class=\"hw-hero-sdgs\" id=\"hw-hero-sdgs\"><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- 2. GRID SECTION (4 C\u1ed9t - 4 Fixed Categories) -->\r\n      <div class=\"hw-grid\" id=\"hw-grid-container\">\r\n        <!-- Loading State Skeletons -->\r\n        <div class=\"hw-card skeleton\" style=\"height: 400px;\"><\/div>\r\n        <div class=\"hw-card skeleton\" style=\"height: 400px;\"><\/div>\r\n        <div class=\"hw-card skeleton\" style=\"height: 400px;\"><\/div>\r\n        <div class=\"hw-card skeleton\" style=\"height: 400px;\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- FOOTER ACTION (NEW) -->\r\n      <div class=\"hw-footer-actions\">\r\n        <a href=\"\/news-events\" class=\"hw-view-all-btn\">View All News & Events \u2192<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    const HW_BASE_URL = 'https:\/\/uii.ueh.edu.vn';\r\n    \r\n    \/\/ Config: 4 Categories to display in order\r\n    const CATEGORY_CONFIG = [\r\n      { slug: 'life-at-ueh-ctd-uii', label: 'LIFE AT UEH - CTD - UII' },\r\n      { slug: 'science-expert-insights', label: 'SCIENCE & EXPERT INSIGHTS' },\r\n      { slug: 'ueh-ctd-uii-in-the-news', label: 'UEH - CTD - UII IN THE NEWS' },\r\n      { slug: 'admissions-career-guidance', label: 'ADMISSIONS & CAREER GUIDANCE' } \/\/ Updated slug to plural\r\n    ];\r\n\r\n    const SDG_IMAGES_SRC = [\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_01NoPoverty.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_02ZeroHunger.svg.webp',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_03GoodHealth.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_04QualityEducation.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_05GenderEquality.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_06CleanWaterSanitation.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_07CleanEnergy.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_08DecentWork.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_09Industry.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_10ReducedInequalities.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_11SustainableCities.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_12ResponsibleConsumption.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_13Climate.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_14.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_15LifeOnLand.svg.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_16.png',\r\n      'http:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/10\/Sustainable_Development_Goal_17Partnerships.svg.png'\r\n    ];\r\n\r\n    \/\/ --- HELPER: Extract SDGs from Post Data ---\r\n    function getPostSDGs(post) {\r\n      const formatSDG = (num) => ({\r\n        img: SDG_IMAGES_SRC[num - 1],\r\n        link: `${HW_BASE_URL}\/sdg\/sdg-${num}\/`,\r\n        id: num\r\n      });\r\n\r\n      \/\/ 1. Try real data\r\n      if (post._embedded && post._embedded['wp:term']) {\r\n          const allTerms = post._embedded['wp:term'].flat();\r\n          const sdgTerms = allTerms.filter(t => t.taxonomy === 'sdg');\r\n          if (sdgTerms.length > 0) {\r\n              return sdgTerms.map(t => {\r\n                  const num = parseInt(t.slug.replace('sdg-', '')) || 1; \r\n                  return formatSDG(num);\r\n              });\r\n          }\r\n      }\r\n      \r\n      \/\/ 2. Demo Logic (If no real SDGs, show demo for specific titles or random)\r\n      const title = post.title.rendered.toLowerCase();\r\n      \/\/ Only show random SDGs if this is running in a demo\/no-api context or specific titles\r\n      if(title.includes('demo') || title.includes('sample')) {\r\n         return [formatSDG(4), formatSDG(9)]; \/\/ Demo 4 & 9\r\n      }\r\n\r\n      return []; \r\n    }\r\n\r\n    async function initHomeWidget() {\r\n      \/\/ 1. Fetch & Render HERO\r\n      try {\r\n        const res = await fetch(`${HW_BASE_URL}\/wp-json\/wp\/v2\/posts?_embed&per_page=1`);\r\n        if(res.ok) {\r\n          const data = await res.json();\r\n          if(data.length > 0) {\r\n            const post = data[0];\r\n            const heroLink = document.getElementById('hw-hero-link');\r\n            const heroImg = document.getElementById('hw-hero-img');\r\n            \r\n            heroLink.href = post.link;\r\n            heroLink.classList.remove('skeleton'); \r\n            \r\n            document.getElementById('hw-hero-title').innerHTML = post.title.rendered;\r\n            \r\n            if(post._embedded && post._embedded['wp:featuredmedia']) {\r\n              heroImg.src = post._embedded['wp:featuredmedia'][0].source_url;\r\n              heroImg.style.opacity = '1';\r\n            } else {\r\n              heroImg.src = 'https:\/\/via.placeholder.com\/1200x600?text=UII+News';\r\n              heroImg.style.opacity = '1';\r\n            }\r\n\r\n            \/\/ Hero SDGs\r\n            const sdgs = getPostSDGs(post);\r\n            const sdgContainer = document.getElementById('hw-hero-sdgs');\r\n            \/\/ If API didn't return SDGs, maybe use some defaults for the Hero demo\r\n            const heroSDGData = sdgs.length > 0 ? sdgs : [\r\n                { img: SDG_IMAGES_SRC[3], link: `${HW_BASE_URL}\/sdg\/sdg-4\/`, id: 4 },\r\n                { img: SDG_IMAGES_SRC[8], link: `${HW_BASE_URL}\/sdg\/sdg-9\/`, id: 9 },\r\n                { img: SDG_IMAGES_SRC[16], link: `${HW_BASE_URL}\/sdg\/sdg-17\/`, id: 17 }\r\n            ];\r\n            \r\n            heroSDGData.forEach(sdg => {\r\n               sdgContainer.innerHTML += `\r\n                <a href=\"${sdg.link}\" class=\"hw-hero-sdg-link\" title=\"SDG ${sdg.id}\">\r\n                    <img decoding=\"async\" src=\"${sdg.img}\" class=\"hw-hero-sdg-icon\" alt=\"SDG ${sdg.id}\">\r\n                <\/a>`;\r\n            });\r\n          }\r\n        }\r\n      } catch(e) { console.error(\"Hero Load Error\", e); }\r\n\r\n\r\n      \/\/ 2. Fetch & Render GRID (4 Specific Categories)\r\n      const gridContainer = document.getElementById('hw-grid-container');\r\n      \r\n      const gridPromises = CATEGORY_CONFIG.map(async (config) => {\r\n        try {\r\n          \/\/ A. Get Category ID\r\n          const catRes = await fetch(`${HW_BASE_URL}\/wp-json\/wp\/v2\/categories?slug=${config.slug}`);\r\n          const catData = await catRes.json();\r\n          \r\n          if (!catData.length) return getCardHTML(null, config, true);\r\n          const catId = catData[0].id;\r\n\r\n          \/\/ B. Get Latest Post\r\n          const postRes = await fetch(`${HW_BASE_URL}\/wp-json\/wp\/v2\/posts?_embed&per_page=1&categories=${catId}`);\r\n          const postData = await postRes.json();\r\n\r\n          if (!postData.length) return getCardHTML(null, config, true);\r\n          \r\n          return getCardHTML(postData[0], config);\r\n\r\n        } catch (e) {\r\n          console.error(`Error fetching ${config.label}`, e);\r\n          return getCardHTML(null, config, true);\r\n        }\r\n      });\r\n\r\n      const cardsHTML = await Promise.all(gridPromises);\r\n      gridContainer.innerHTML = cardsHTML.join('');\r\n    }\r\n\r\n    \/\/ --- HTML GENERATOR ---\r\n    function getCardHTML(post, config, isError = false) {\r\n      if (isError || !post) {\r\n        \/\/ Fallback layout\r\n        return `\r\n          <div class=\"hw-card\">\r\n            <div class=\"hw-card-visual\">\r\n              <a href=\"${HW_BASE_URL}\/category\/${config.slug}\/\" class=\"hw-card-img-link\">\r\n                 <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x450?text=${encodeURIComponent(config.label)}\" class=\"hw-card-img\">\r\n              <\/a>\r\n            <\/div>\r\n            <div class=\"hw-card-body\">\r\n              <a href=\"${HW_BASE_URL}\/category\/${config.slug}\/\" class=\"hw-card-cat\">${config.label}<\/a>\r\n              <h3 class=\"hw-card-title\"><a href=\"${HW_BASE_URL}\/category\/${config.slug}\/\" class=\"hw-card-title-link\">Explore latest updates...<\/a><\/h3>\r\n            <\/div>\r\n          <\/div>\r\n        `;\r\n      }\r\n\r\n      const img = post._embedded && post._embedded['wp:featuredmedia'] \r\n          ? post._embedded['wp:featuredmedia'][0].source_url \r\n          : 'https:\/\/via.placeholder.com\/600x450?text=UII+News';\r\n      \r\n      const date = new Date(post.date).toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' });\r\n      \r\n      \/\/ Get SDGs\r\n      let sdgs = getPostSDGs(post);\r\n      \/\/ If no real SDGs found, fake 2 for design demonstration as requested (SDG 4 & 9)\r\n      if(sdgs.length === 0) {\r\n          const formatSDG = (num) => ({ img: SDG_IMAGES_SRC[num - 1], link: `${HW_BASE_URL}\/sdg\/sdg-${num}\/`, id: num });\r\n          sdgs = [formatSDG(4), formatSDG(9)];\r\n      }\r\n\r\n      let sdgHTML = '';\r\n      sdgs.slice(0,3).forEach(sdg => {\r\n          sdgHTML += `\r\n            <a href=\"${sdg.link}\" class=\"hw-sdg-link\" title=\"SDG ${sdg.id}\">\r\n                <img decoding=\"async\" src=\"${sdg.img}\" class=\"hw-sdg-badge\" alt=\"SDG ${sdg.id}\">\r\n            <\/a>`;\r\n      });\r\n\r\n      return `\r\n        <div class=\"hw-card\">\r\n          <div class=\"hw-card-visual\">\r\n            <a href=\"${post.link}\" class=\"hw-card-img-link\">\r\n               <img decoding=\"async\" src=\"${img}\" alt=\"${post.title.rendered}\" class=\"hw-card-img\">\r\n            <\/a>\r\n          <\/div>\r\n          \r\n          <div class=\"hw-card-body\">\r\n            <!-- 1. SDGs -->\r\n            <div class=\"hw-card-sdgs-row\">\r\n               ${sdgHTML}\r\n            <\/div>\r\n\r\n            <!-- 2. Category -->\r\n            <a href=\"${HW_BASE_URL}\/category\/${config.slug}\/\" class=\"hw-card-cat\">${config.label}<\/a>\r\n            \r\n            <!-- 3. Title -->\r\n            <h3 class=\"hw-card-title\"><a href=\"${post.link}\" class=\"hw-card-title-link\">${post.title.rendered}<\/a><\/h3>\r\n            \r\n            <!-- 4. Date -->\r\n            <div class=\"hw-card-date\">${date}<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', initHomeWidget);\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 EDUCATION \u2192 Degree structure\u2192 Career Opportunities Overview \u2192 \u2192 Degree structure\u2192 Career Opportunities Overview \u2192 \u2192 Degree structure\u2192 Career Opportunities Overview \u2192 Learn &#038; Experience Immerse yourself in a practical innovation environment. From fundamental courses to hands-on incubation projects. Discover Programs \u2192 Study Exchange Expand your horizons with our global partner [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/42","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":266,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":9188,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/42\/revisions\/9188"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}