UEH Modern Products<\/title>\r\n <style>\r\n \/* --- RESET & GLOBAL STYLE --- *\/\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n \r\n body { \r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; \r\n background-color: #f9f9f9; \r\n padding: 40px 20px;\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- PRODUCT CARD --- *\/\r\n .product-card {\r\n display: flex;\r\n background: #fff;\r\n margin-bottom: 50px;\r\n border-radius: 16px; \r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08); \r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n min-height: 420px;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.12);\r\n }\r\n\r\n .product-card.reverse {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n \/* --- IMAGE BOX --- *\/\r\n .img-box {\r\n flex: 1; \r\n position: relative;\r\n overflow: hidden; \r\n }\r\n\r\n .img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease; \r\n display: block;\r\n }\r\n\r\n .product-card:hover .img-box img {\r\n transform: scale(1.08);\r\n }\r\n\r\n \/* --- CONTENT BOX --- *\/\r\n .content-box {\r\n flex: 1; \r\n padding: 50px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background-color: #ffffff;\r\n }\r\n\r\n .category-tag {\r\n color: #888;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n }\r\n\r\n .content-box h2 {\r\n margin-bottom: 20px;\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: #222;\r\n line-height: 1.2;\r\n }\r\n\r\n .content-box h2::after {\r\n content: '';\r\n display: block;\r\n width: 60px;\r\n height: 4px;\r\n background-color: #ee6f35;\r\n margin-top: 10px;\r\n border-radius: 2px;\r\n }\r\n\r\n .content-box p {\r\n margin-bottom: 20px;\r\n color: #555; \r\n font-size: 16px;\r\n text-align: justify;\r\n }\r\n\r\n \/* --- BUTTON --- *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 12px 30px;\r\n background-color: #ee6f35;\r\n color: #fff;\r\n \r\n \/* IMPORTANT FIX: Remove underline *\/\r\n text-decoration: none !important;\r\n border-bottom: none !important;\r\n \r\n font-weight: 700;\r\n border-radius: 50px; \r\n width: fit-content;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(238, 111, 53, 0.4); \r\n }\r\n\r\n .btn:hover, .btn:focus, .btn:active {\r\n background-color: #d95e26; \r\n transform: translateX(5px); \r\n text-decoration: none !important;\r\n border-bottom: none !important;\r\n color: #fff !important;\r\n }\r\n\r\n .btn span {\r\n margin-left: 8px;\r\n transition: margin 0.3s ease;\r\n }\r\n\r\n .btn:hover span {\r\n margin-left: 12px;\r\n }\r\n\r\n \/* --- RESPONSIVE MOBILE --- *\/\r\n @media (max-width: 900px) {\r\n .product-card, .product-card.reverse {\r\n flex-direction: column; \r\n height: auto;\r\n }\r\n \r\n .img-box {\r\n height: 300px; \r\n flex: none;\r\n }\r\n \r\n .content-box {\r\n padding: 30px;\r\n flex: none;\r\n }\r\n\r\n .content-box h2 {\r\n font-size: 24px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"product-card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/190722_ra-ma-bang-chi-dan_-12.jpg\" alt=\"UEH Wayfinding\">\r\n <\/div>\r\n <div class=\"content-box\">\r\n <div class=\"category-tag\">Technology & Experience<\/div>\r\n <h2>UEH Wayfinding<\/h2>\r\n <p>\r\n UEH Wayfinding creates an exceptional user experience through interactive guidance integrated with touch technology and 3D sensors.\r\n <\/p>\r\n <p>\r\n Featuring intelligent information retrieval, students and visitors at Campus A can easily find the shortest routes. The integrated \"UEH Campus Tour\" offers a vivid 3D visualization of the entire campus.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card reverse\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/uii.ueh.edu.vn\/wp-content\/uploads\/2025\/12\/ai4vn-1.jpg\" alt=\"Grand AR Piano\">\r\n <\/div>\r\n <div class=\"content-box\">\r\n <div class=\"category-tag\">Art & Interaction<\/div>\r\n <h2>Grand AR Piano<\/h2>\r\n <p>\r\n A collaborative research project with the University of Science (VNU-HCM), developing an Augmented Reality (AR) application that allows users to play a virtual piano via foot controls in public spaces.\r\n <\/p>\r\n <p>\r\n This human-computer interaction model delivers an emotional space blending technology and art. The children's version was successfully commercialized at AEON Mall Tan Phu in 2023.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INSTITUTE OF INNOVATION TECHNOLOGY COMMERCIALIZATION UEH Modern Products Technology & Experience UEH Wayfinding UEH Wayfinding creates an exceptional user experience through interactive guidance integrated with touch technology and 3D sensors. Featuring intelligent information retrieval, students and visitors at Campus A can easily find the shortest routes. The integrated “UEH Campus Tour” offers a vivid 3D […]<\/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-2207","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/comments?post=2207"}],"version-history":[{"count":31,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2207\/revisions"}],"predecessor-version":[{"id":8444,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2207\/revisions\/8444"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=2207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}