News & Events - Heart Academy<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\"\/>\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography,container-queries\"><\/script>\r\n<script>\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#1E40AF\", \/\/ Royal Blue\r\n \"background-light\": \"#F9FAFB\",\r\n \"background-dark\": \"#111827\",\r\n \"card-light\": \"#FFFFFF\",\r\n \"card-dark\": \"#1F2937\",\r\n \"text-main-light\": \"#1F2937\",\r\n \"text-main-dark\": \"#F3F4F6\",\r\n \"text-sub-light\": \"#6B7280\",\r\n \"text-sub-dark\": \"#9CA3AF\",\r\n },\r\n fontFamily: {\r\n display: [\"Montserrat\", \"sans-serif\"],\r\n body: [\"Montserrat\", \"sans-serif\"],\r\n },\r\n borderRadius: {\r\n DEFAULT: \"0.5rem\",\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n<style>\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n }::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: transparent;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background-color: #CBD5E1;\r\n border-radius: 20px;\r\n }\r\n .dark ::-webkit-scrollbar-thumb {\r\n background-color: #4B5563;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark text-text-main-light dark:text-text-main-dark transition-colors duration-200\">\r\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\r\n<div class=\"mb-8\">\r\n<h1 class=\"text-5xl md:text-6xl font-extrabold text-gray-900 dark:text-white mb-4 tracking-tight\">\r\n Tin t\u1ee9c\r\n <\/h1>\r\n<p class=\"text-lg md:text-xl text-text-sub-light dark:text-text-sub-dark max-w-3xl\">\r\n C\u1eadp nh\u1eadt nh\u1eefng th\u00f4ng tin m\u1edbi nh\u1ea5t v\u1ec1 th\u1ecb tr\u01b0\u1eddng b\u1ea5t \u0111\u1ed9ng s\u1ea3n v\u00e0 ho\u1ea1t \u0111\u1ed9ng c\u1ee7a Heart Academy.\r\n <\/p>\r\n<\/div>\r\n<div class=\"mb-10 border-b border-gray-200 dark:border-gray-700\">\r\n<div class=\"flex flex-wrap items-center gap-x-8 gap-y-4\">\r\n<button class=\"pb-3 text-base font-bold text-primary border-b-2 border-primary whitespace-nowrap tab-button active\" data-category=\"all\">\r\n T\u1ea5t c\u1ea3\r\n <\/button>\r\n<button class=\"pb-3 text-base font-medium text-text-sub-light dark:text-text-sub-dark hover:text-primary dark:hover:text-primary border-b-2 border-transparent hover:border-gray-300 transition-colors whitespace-nowrap tab-button\" data-category=\"thi-truong-bds\">\r\n Th\u1ecb tr\u01b0\u1eddng B\u0110S\r\n <\/button>\r\n<button class=\"pb-3 text-base font-medium text-text-sub-light dark:text-text-sub-dark hover:text-primary dark:hover:text-primary border-b-2 border-transparent hover:border-gray-300 transition-colors whitespace-nowrap tab-button\" data-category=\"su-kien-academy\">\r\n S\u1ef1 ki\u1ec7n Academy\r\n <\/button>\r\n<button class=\"pb-3 text-base font-medium text-text-sub-light dark:text-text-sub-dark hover:text-primary dark:hover:text-primary border-b-2 border-transparent hover:border-gray-300 transition-colors whitespace-nowrap tab-button\" data-category=\"thong-bao\">\r\n Th\u00f4ng b\u00e1o\r\n <\/button>\r\n<button class=\"pb-3 text-base font-medium text-text-sub-light dark:text-text-sub-dark hover:text-primary dark:hover:text-primary border-b-2 border-transparent hover:border-gray-300 transition-colors whitespace-nowrap tab-button\" data-category=\"bao-chi\">\r\n B\u00e1o ch\u00ed\r\n <\/button>\r\n<\/div>\r\n<\/div>\r\n<div id=\"heroBanner\" class=\"relative w-full h-[400px] md:h-[480px] rounded-2xl overflow-hidden mb-16 group shadow-lg\">\r\n<img decoding=\"async\" alt=\"Hero Banner\" class=\"absolute inset-0 w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700 brightness-75 group-hover:brightness-90\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCDwQ33as-qJb8z09YtEL_Me66cCnX7QmV3ND6MOrH3WAnphAf5MX_TWCSN9QNPg8jYWTD1rbctzNJwGHulvrmfmoOAPsvg6Wb9jSEcFv1ZcpneFASLfkf8eI9N7KadkS1RojhC7WLuk47fRIBSrDErAxIhtDg7Z6KsTH5-8InRxE0da1zJbpVtzCFc61ZBgB5gX7mjKSWFZE6WtDee54b5z4nN_gXp4-guDcVU-DTcmD8CRQHXJqSHa3FeD1MTS1irmDVt-knYMQ\"\/>\r\n<div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent\"><\/div>\r\n<div class=\"absolute bottom-0 left-0 p-8 md:p-12 w-full max-w-4xl\">\r\n<span class=\"inline-block px-3 py-1 bg-primary text-white text-xs font-bold uppercase rounded mb-4 tracking-wider\">Ti\u00eau \u0111i\u1ec3m tu\u1ea7n<\/span>\r\n<h2 class=\"text-3xl md:text-5xl font-bold text-white mb-4 leading-tight\">\r\n To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng c\u00f4ng ngh\u1ec7 trong b\u1ea5t \u0111\u1ed9ng s\u1ea3n 2024\r\n <\/h2>\r\n<p class=\"text-gray-200 text-lg line-clamp-2 md:line-clamp-none max-w-2xl mb-6\">\r\n Kh\u00e1m ph\u00e1 nh\u1eefng xu h\u01b0\u1edbng PropTech m\u1edbi nh\u1ea5t \u0111ang \u0111\u1ecbnh h\u00ecnh l\u1ea1i c\u00e1ch th\u1ee9c giao d\u1ecbch, qu\u1ea3n l\u00fd v\u00e0 \u0111\u1ea7u t\u01b0 b\u1ea5t \u0111\u1ed9ng s\u1ea3n t\u1ea1i Vi\u1ec7t Nam trong k\u1ef7 nguy\u00ean s\u1ed1.\r\n <\/p>\r\n<a class=\"inline-flex items-center text-white font-semibold hover:text-primary-200 transition-colors\" href=\"#\">\r\n Xem chi ti\u1ebft <span class=\"material-icons-outlined ml-2\">arrow_forward<\/span>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12\">\r\n<div class=\"lg:col-span-8\">\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-12\" id=\"articlesGrid\">\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thi-truong-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"Th\u1ecb tr\u01b0\u1eddng c\u0103n h\u1ed9 cao c\u1ea5p\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCR3dNiABMsS57aYaNrZ-pOaOXt3f-VCgJrpbTT_N0RmpaQHiUVUx_yIIqc3IDiR6m-7qKwLcQhYSX_hr2uo1w7e2tvRNUoA-w4iFaoLxYf3BeSk_R3or3IfG3G-zP_DynEwh7JJJeSYT-Si1ZhKEIxnJx7OdVrMpb5sOkiTBXuGsSgg9GrDns5xLak0cB5n0N9qrO4FWa6brsijvfYC3L-78eRAjJW4pTkDa3DLobyHX4iaMkQje1F0BoztSSaYimo2CU2ndO3FQ\"\/>\r\n<div class=\"absolute top-0 left-0 w-full h-full bg-gradient-to-t from-black\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Th\u1ecb tr\u01b0\u1eddng B\u0110S\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">B\u00e1o c\u00e1o th\u1ecb tr\u01b0\u1eddng c\u0103n h\u1ed9 cao c\u1ea5p t\u1ea1i TP.HCM 2023-2024<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng Hai 21, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 49.188<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n Heart Academy - Nh\u1eefng bi\u1ebfn \u0111\u1ed9ng c\u1ee7a kinh t\u1ebf v\u0129 m\u00f4 khi\u1ebfn ng\u01b0\u1eddi ti\u00eau d\u00f9ng d\u1ea7n thay \u0111\u1ed5i th\u00f3i quen \u0111\u1ea7u t\u01b0, \u0111\u1eb7c bi\u1ec7t l\u00e0 ph\u00e2n kh\u00fac c\u0103n h\u1ed9 h\u1ea1ng sang t\u1ea1i trung t\u00e2m...\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thi-truong-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"Chi\u1ebfn d\u1ecbch Marketing B\u0110S\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBW-nJE9_POrvvVpZCvhgy7XvncXX9HnwB0Q5fJnIM1lKJFTDuNROn6x0PO5ZAIWAfXqJY16gtolpdNOIOWUGoZ_4vdoHo0HByIy_t_EPlZEbt77hXyu1ZMl75z9KUH1kaz47iH7ZVw11UlrhpgKZvhoa6xO0r2i0IzJloz9DHwy4Syx4f6gwFEv2UbqSDqKg1GOsvWA4IuLLxATWLh5vvyPWicINQCjEhdsVn_8kVmVIAeyhYaZ2sp7YTcuP-ngszqqGVSfhOOCg\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Ki\u1ebfn th\u1ee9c\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">\u0110i\u1ec3m l\u1ea1i 6 chi\u1ebfn d\u1ecbch Marketing b\u1ea5t \u0111\u1ed9ng s\u1ea3n n\u1ed5i b\u1eadt n\u0103m 2023<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng M\u1ed9t 20, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 54.335<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n Heart Academy - Trong l\u0129nh v\u1ef1c c\u1ea1nh tranh kh\u1ed1c li\u1ec7t nh\u01b0 b\u1ea5t \u0111\u1ed9ng s\u1ea3n, s\u1ef1 s\u00e1ng t\u1ea1o trong c\u00e1c chi\u1ebfn d\u1ecbch marketing l\u00e0 ch\u00eca kh\u00f3a \u0111\u1ec3 thu h\u00fat s\u1ef1 ch\u00fa \u00fd c\u1ee7a nh\u00e0 \u0111\u1ea7u t\u01b0...\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thi-truong-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"Xu h\u01b0\u1edbng ti\u00eau d\u00f9ng B\u0110S\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAu4wPHd-xhDyKQRKeFci2pPlQm0DN7IjHFlvU9yTOYML1z7YumrnXz9Sfv7OAk4ysYydeaZ4FvrUXzFWOQzEq_M0lEHzmbSqc5zgikKT6Ll54qDzkNUmHl04wJmm5-2Fkuj0ZOij114YVmoPsKZ-2-uyYd5b56HvuW2fMUM8Cw-8w6hrIH4H2CYuvP3zJMre54y5bMyk5zdXV5AFCboB0n9L-YjU5ogXSmxsA9DL9hDZs1JcE9sU7uvD2KTz_0ByiZlKwkfp-TyA\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Th\u1ecb tr\u01b0\u1eddng B\u0110S\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">T\u1ed5ng h\u1ee3p 04 xu h\u01b0\u1edbng \u0111\u1ea7u t\u01b0 b\u1ea5t \u0111\u1ed9ng s\u1ea3n n\u1ed5i b\u1eadt n\u0103m 2024<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng M\u01b0\u1eddi Hai 26, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 18.703<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n Heart Academy - \u0110\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 l\u00e0 m\u1ed9t n\u0103m c\u00f3 nhi\u1ec1u bi\u1ebfn \u0111\u1ed9ng nh\u01b0ng c\u0169ng \u0111\u1ea7y c\u01a1 h\u1ed9i, th\u1ecb tr\u01b0\u1eddng B\u0110S 2024 s\u1ebd ch\u1ee9ng ki\u1ebfn s\u1ef1 l\u00ean ng\u00f4i c\u1ee7a c\u00e1c d\u00f2ng s\u1ea3n ph\u1ea9m xanh...\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"su-kien-academy\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"H\u1ed9i th\u1ea3o chuy\u00ean \u0111\u1ec1\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD7-OwntEFOqJTNzyzMmu5CoQoywz1JCSgmARXJwuexho5SZmf-pWPgpAgzFUbTiWJzhkXKm2mXTkQRwbbc8dn9r18jnOaTmVtPWViv4ZpjnJicyh_-YA-CODeRgLyk-9yMiYDbt2uD3FY8_98O7kUWWETKmXB65Q5hCbA-j2preWJuuhgVuGyEoyAIb6p5dwncFVrHLdgxM0e_f9g1YtFISY4OAwxpZw98INmIHhMEeBoukQsCdpFY4yiuenvpp0qtdkqu1qLZLA\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n S\u1ef1 ki\u1ec7n Academy\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">Recap Workshop: \"T\u01b0 duy chi\u1ebfn l\u01b0\u1ee3c trong ph\u00e2n ph\u1ed1i d\u1ef1 \u00e1n\"<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng M\u01b0\u1eddi M\u1ed9t 15, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 12.450<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n S\u1ef1 ki\u1ec7n \u0111\u00e3 quy t\u1ee5 h\u01a1n 200 chuy\u00ean vi\u00ean kinh doanh v\u00e0 c\u00e1c gi\u00e1m \u0111\u1ed1c s\u00e0n giao d\u1ecbch, c\u00f9ng th\u1ea3o lu\u1eadn v\u1ec1 c\u00e1c ph\u01b0\u01a1ng ph\u00e1p ti\u1ebfp c\u1eadn kh\u00e1ch h\u00e0ng cao c\u1ea5p trong b\u1ed1i c\u1ea3nh m\u1edbi.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thong-bao\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"\u0110\u00e0o t\u1ea1o n\u1ed9i b\u1ed9\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDmjU2LyrkbCG06dRlhkOIoNGbkeaqxg5pv9H2welsyESy1LRsNfO3hDJoeXbBIZmHaI45FeQZTV5LIFOweL7rGKxt0hnz7f6d_0ocZlPvot21ors5q29tbbo8izKn624GpNERnIcjZIhAwzyCqMNn0Al15jBVUPDGyC82TBUtyiw4PJFj3sBmYhx2IIEBwl0DnrPgPLTj4RJQrLxkql0YYlIx5x32tAo82TiPE7pKpyxWSZQPgV-hAb0UdfMKqSG9i4TuAKLZxGw\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Th\u00f4ng b\u00e1o\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">Khai gi\u1ea3ng kh\u00f3a h\u1ecdc \"Digital Marketing for Real Estate\" K45<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng M\u01b0\u1eddi 02, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 9.200<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n Ch\u00e0o \u0111\u00f3n c\u00e1c h\u1ecdc vi\u00ean m\u1edbi gia nh\u1eadp c\u1ed9ng \u0111\u1ed3ng Heart Academy. Kh\u00f3a h\u1ecdc h\u1ee9a h\u1eb9n mang \u0111\u1ebfn nh\u1eefng ki\u1ebfn th\u1ee9c th\u1ef1c chi\u1ebfn nh\u1ea5t v\u1ec1 ch\u1ea1y qu\u1ea3ng c\u00e1o v\u00e0 x\u00e2y d\u1ef1ng th\u01b0\u01a1ng hi\u1ec7u c\u00e1 nh\u00e2n.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thi-truong-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"T\u1ed5ng quan th\u1ecb tr\u01b0\u1eddng b\u1ea5t \u0111\u1ed9ng s\u1ea3n\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCDwQ33as-qJb8z09YtEL_Me66cCnX7QmV3ND6MOrH3WAnphAf5MX_TWCSN9QNPg8jYWTD1rbctzNJwGHulvrmfmoOAPsvg6Wb9jSEcFv1ZcpneFASLfkf8eI9N7KadkS1RojhC7WLuk47fRIBSrDErAxIhtDg7Z6KsTH5-8InRxE0da1zJbpVtzCFc61ZBgB5gX7mjKSWFZE6WtDee54b5z4nN_gXp4-guDcVU-DTcmD8CRQHXJqSHa3FeD1MTS1irmDVt-knYMQ\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Th\u1ecb tr\u01b0\u1eddng B\u0110S\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">Xu h\u01b0\u1edbng PropTech n\u0103m 2024 c\u00f3 g\u00ec \u0111\u1eb7c bi\u1ec7t?<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng Ch\u00edn 15, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 5.500<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n C\u00f4ng ngh\u1ec7 \u0111ang thay \u0111\u1ed5i ho\u00e0n to\u00e0n b\u1ed9 m\u1eb7t c\u1ee7a ng\u00e0nh b\u1ea5t \u0111\u1ed9ng s\u1ea3n. H\u00e3y c\u00f9ng \u0111i\u1ec3m qua nh\u1eefng xu h\u01b0\u1edbng n\u1ed5i b\u1eadt nh\u1ea5t.\r\n <\/p>\r\n<\/article>\r\n<\/div>\r\n<div class=\"mt-12 flex justify-center\" id=\"paginationContainer\">\r\n<nav aria-label=\"Pagination\" class=\"isolate inline-flex -space-x-px rounded-md shadow-sm\">\r\n<button class=\"relative inline-flex items-center rounded-l-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 dark:ring-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 focus:z-20 focus:outline-offset-0\" id=\"prevPageButton\">\r\n<span class=\"sr-only\">Previous<\/span>\r\n<span class=\"material-icons-outlined h-5 w-5\">chevron_left<\/span>\r\n<\/button>\r\n<button aria-current=\"page\" class=\"relative z-10 inline-flex items-center bg-primary px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary page-button active\" data-page=\"1\">1<\/button>\r\n<button class=\"relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 dark:text-gray-300 ring-1 ring-inset ring-gray-300 dark:ring-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 focus:z-20 focus:outline-offset-0 page-button\" data-page=\"2\">2<\/button>\r\n<button class=\"relative inline-flex items-center rounded-r-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 dark:ring-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 focus:z-20 focus:outline-offset-0\" id=\"nextPageButton\">\r\n<span class=\"sr-only\">Next<\/span>\r\n<span class=\"material-icons-outlined h-5 w-5\">chevron_right<\/span>\r\n<\/button>\r\n<\/nav>\r\n<\/div>\r\n<\/div>\r\n<aside class=\"lg:col-span-4 space-y-10\">\r\n<div class=\"bg-gradient-to-br from-purple-800 to-pink-700 rounded-lg overflow-hidden shadow-lg relative group\">\r\n<img decoding=\"async\" alt=\"Kh\u00f3a h\u1ecdc Marketing\" class=\"absolute inset-0 w-full h-full object-cover opacity-30 mix-blend-overlay transition-transform duration-500 group-hover:scale-110\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDhDd4-r3b5uFRLC8vAZ2dPb1OZPPjrohHGTv-h-9Y9mIHy1C1MUTl1HyGn-87NkZeI9vBs6pRLpBaUWDMVmXNy8lrUyr0iW5wQ8Y559MUZADIVHfEx-e9Sq8tg0d3TpEMtsnBMYzztxDmBWEjLYeb9xX0KmnBNmum_HKnn-JSzYwvL5hLzxZrKNk_1-39oLZNMsH15FhKWyXzF8yjvHEGtwMbFX_avypgZISowdI3tOC4M21OXTe5-VyY-Du-LPMBXAZpy5oAfgg\"\/>\r\n<div class=\"relative p-6 flex flex-col h-full min-h-[320px] justify-between z-10\">\r\n<div>\r\n<div class=\"flex items-center space-x-2 mb-4 bg-white\/20 backdrop-blur-sm w-fit px-2 py-1 rounded text-white text-xs font-semibold\">\r\n<span class=\"material-icons-outlined text-sm\">school<\/span>\r\n<span>HEART ACADEMY<\/span>\r\n<\/div>\r\n<h3 class=\"text-white text-2xl font-bold leading-tight mb-2 drop-shadow-md\">\r\n Kh\u00f3a h\u1ecdc<br\/>T\u01af DUY MARKETING\r\n <\/h3>\r\n<p class=\"text-white\/90 text-sm font-medium\">D\u00e0nh cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u<\/p>\r\n<\/div>\r\n<div class=\"mt-8 bg-pink-600\/90 p-4 rounded-lg backdrop-blur-sm border border-white\/20\">\r\n<p class=\"text-white text-sm font-semibold mb-3\">H\u1ecdc Marketing chu\u1ea9n t\u1eeb Marketing Manager.<\/p>\r\n<button class=\"w-full bg-white text-pink-700 hover:bg-gray-100 font-bold py-2 px-4 rounded shadow transition-colors text-sm uppercase tracking-wide\">\r\n \u0110\u0103ng k\u00fd ngay\r\n <\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"bg-card-light dark:bg-card-dark rounded-lg p-1\">\r\n<h3 class=\"text-lg font-bold uppercase tracking-wide text-gray-900 dark:text-white border-b-2 border-primary\/20 pb-3 mb-6 relative\">\r\n<span class=\"border-b-2 border-primary absolute -bottom-[2px] left-0 pb-3 pr-4\">TIN T\u1ee8C M\u1edaI NH\u1ea4T<\/span>\r\n<\/h3>\r\n<ul class=\"space-y-6\">\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n \u0110\u1ed9ng c\u01a1 t\u0103ng tr\u01b0\u1edfng \u0111\u1eb1ng sau chi\u1ebfn l\u01b0\u1ee3c doanh nghi\u1ec7p - The Executive Talks 03: What is more important than Strategy?\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">2 gi\u1edd tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<div class=\"mt-4 border-b border-gray-100 dark:border-gray-700\"><\/div>\r\n<\/li>\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n C\u1eadp nh\u1eadt thu\u1eadt to\u00e1n Youtube 2024 v\u00e0 chi\u1ebfn l\u01b0\u1ee3c n\u1ed9i dung trong b\u1ed1i c\u1ea3nh m\u1edbi cho ng\u00e0nh B\u1ea5t \u0111\u1ed9ng s\u1ea3n\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">1 ng\u00e0y tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<div class=\"mt-4 border-b border-gray-100 dark:border-gray-700\"><\/div>\r\n<\/li>\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n C\u00e1ch ch\u1ecdn \u0111\u00fang chuy\u00ean ng\u00e0nh Marketing: L\u1ed9 tr\u00ecnh r\u00f5 r\u00e0ng cho sinh vi\u00ean & ng\u01b0\u1eddi m\u1edbi\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">2 ng\u00e0y tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<div class=\"mt-4 border-b border-gray-100 dark:border-gray-700\"><\/div>\r\n<\/li>\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n 5 xu h\u01b0\u1edbng Marketing B\u1ea5t \u0111\u1ed9ng s\u1ea3n m\u1edbi nh\u1ea5t trong n\u0103m 2024 b\u1ea1n c\u1ea7n n\u1eafm b\u1eaft\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">3 ng\u00e0y tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<div class=\"mt-4 border-b border-gray-100 dark:border-gray-700\"><\/div>\r\n<\/li>\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n L\u00e0m ch\u1ee7 k\u1ef9 n\u0103ng \"Case Math\": b\u00ed quy\u1ebft t\u00ednh to\u00e1n nhanh, ch\u00ednh x\u00e1c & tr\u00ecnh b\u00e0y s\u1ed1 li\u1ec7u logic trong Case Interview\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">5 ng\u00e0y tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"bg-primary\/5 dark:bg-primary\/10 rounded-lg p-6 border border-primary\/10\">\r\n<h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-2\">\u0110\u0103ng k\u00fd nh\u1eadn tin<\/h3>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark mb-4\">Nh\u1eadn nh\u1eefng b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t v\u00e0 th\u00f4ng tin s\u1ef1 ki\u1ec7n \u0111\u1ed9c quy\u1ec1n t\u1eeb Heart Academy.<\/p>\r\n<form class=\"space-y-3\">\r\n<input class=\"w-full px-4 py-2 rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-white focus:ring-primary focus:border-primary text-sm\" placeholder=\"Email c\u1ee7a b\u1ea1n\" type=\"email\"\/>\r\n<button class=\"w-full bg-primary text-white font-semibold py-2 px-4 rounded-md hover:bg-blue-800 transition-colors text-sm\" type=\"submit\">\u0110\u0103ng k\u00fd<\/button>\r\n<\/form>\r\n<\/div>\r\n<\/aside>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Tab filtering and pagination functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const pageButtons = document.querySelectorAll('.page-button');\r\n const prevPageButton = document.getElementById('prevPageButton');\r\n const nextPageButton = document.getElementById('nextPageButton');\r\n const heroBanner = document.getElementById('heroBanner');\r\n const allArticles = document.querySelectorAll('.article-item');\r\n const articlesPerPage = 4;\r\n let currentCategory = 'all';\r\n let currentPage = 1;\r\n \r\n function getFilteredArticles() {\r\n if (currentCategory === 'all') {\r\n return Array.from(allArticles);\r\n }\r\n return Array.from(allArticles).filter(article => \r\n article.getAttribute('data-category') === currentCategory\r\n );\r\n }\r\n \r\n function updatePagination() {\r\n const filteredArticles = getFilteredArticles();\r\n const totalPages = Math.ceil(filteredArticles.length \/ articlesPerPage);\r\n \r\n \/\/ Show\/hide hero banner based on category\r\n if (currentCategory === 'all') {\r\n heroBanner.style.display = 'block';\r\n } else {\r\n heroBanner.style.display = 'none';\r\n }\r\n \r\n \/\/ Hide all articles first\r\n allArticles.forEach(article => article.style.display = 'none');\r\n \r\n \/\/ Show articles for current page\r\n const startIndex = (currentPage - 1) * articlesPerPage;\r\n const endIndex = startIndex + articlesPerPage;\r\n filteredArticles.slice(startIndex, endIndex).forEach(article => {\r\n article.style.display = 'flex';\r\n });\r\n \r\n \/\/ Update page button states\r\n pageButtons.forEach(btn => {\r\n const page = parseInt(btn.getAttribute('data-page'));\r\n if (page <= totalPages) {\r\n btn.style.display = 'inline-flex';\r\n if (page === currentPage) {\r\n btn.classList.remove('ring-1', 'ring-inset', 'ring-gray-300', 'dark:ring-gray-700', 'text-gray-900', 'dark:text-gray-300');\r\n btn.classList.add('bg-primary', 'text-white', 'active');\r\n btn.setAttribute('aria-current', 'page');\r\n } else {\r\n btn.classList.remove('bg-primary', 'text-white', 'active');\r\n btn.classList.add('ring-1', 'ring-inset', 'ring-gray-300', 'dark:ring-gray-700', 'text-gray-900', 'dark:text-gray-300');\r\n btn.removeAttribute('aria-current');\r\n }\r\n } else {\r\n btn.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Show\/hide prev\/next buttons\r\n prevPageButton.style.display = currentPage > 1 ? 'inline-flex' : 'none';\r\n nextPageButton.style.display = currentPage < totalPages ? 'inline-flex' : 'none';\r\n }\r\n \r\n \/\/ Tab click handlers\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n currentCategory = this.getAttribute('data-category');\r\n currentPage = 1; \/\/ Reset to first page when changing tabs\r\n \r\n \/\/ Update active tab styling\r\n tabButtons.forEach(btn => {\r\n btn.classList.remove('text-primary', 'border-primary', 'font-bold', 'active');\r\n btn.classList.add('text-text-sub-light', 'dark:text-text-sub-dark', 'border-transparent', 'font-medium');\r\n });\r\n \r\n this.classList.remove('text-text-sub-light', 'dark:text-text-sub-dark', 'border-transparent', 'font-medium');\r\n this.classList.add('text-primary', 'border-primary', 'font-bold', 'active');\r\n \r\n updatePagination();\r\n });\r\n });\r\n \r\n \/\/ Page button click handlers\r\n pageButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n currentPage = parseInt(this.getAttribute('data-page'));\r\n updatePagination();\r\n });\r\n });\r\n \r\n \/\/ Previous button click handler\r\n prevPageButton.addEventListener('click', function() {\r\n if (currentPage > 1) {\r\n currentPage--;\r\n updatePagination();\r\n }\r\n });\r\n \r\n \/\/ Next button click handler\r\n nextPageButton.addEventListener('click', function() {\r\n const filteredArticles = getFilteredArticles();\r\n const totalPages = Math.ceil(filteredArticles.length \/ articlesPerPage);\r\n if (currentPage < totalPages) {\r\n currentPage++;\r\n updatePagination();\r\n }\r\n });\r\n \r\n \/\/ Initial pagination\r\n updatePagination();\r\n });\r\n<\/script>\r\n\r\n<\/body><\/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>News & Events – Heart Academy Tin t\u1ee9c C\u1eadp nh\u1eadt nh\u1eefng th\u00f4ng tin m\u1edbi nh\u1ea5t v\u1ec1 th\u1ecb tr\u01b0\u1eddng b\u1ea5t \u0111\u1ed9ng s\u1ea3n v\u00e0 ho\u1ea1t \u0111\u1ed9ng c\u1ee7a Heart Academy. T\u1ea5t c\u1ea3 Th\u1ecb tr\u01b0\u1eddng B\u0110S S\u1ef1 ki\u1ec7n Academy Th\u00f4ng b\u00e1o B\u00e1o ch\u00ed Ti\u00eau \u0111i\u1ec3m tu\u1ea7n To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng c\u00f4ng ngh\u1ec7 trong b\u1ea5t \u0111\u1ed9ng s\u1ea3n 2024 […]<\/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-435","page","type-page","status-publish","hentry"],"acf":{"hero_image":"https:\/\/heartacademy.edu.vn\/wp-content\/uploads\/2026\/02\/Picture16.png","hero_title_1":"Ki\u1ebfn t\u1ea1o t\u01b0\u01a1ng lai c\u00f9ng","hero_title_2":"Heart Academy","hero_description":"Gia nh\u1eadp \u0111\u1ed9i ng\u0169 nh\u1eefng chuy\u00ean gia \u0111am m\u00ea, n\u01a1i b\u1ea1n \u0111\u01b0\u1ee3c th\u1eed th\u00e1ch, ph\u00e1t tri\u1ec3n v\u00e0 \u0111\u1ecbnh h\u00ecnh t\u01b0\u01a1ng lai c\u1ee7a ng\u00e0nh marketing b\u1ea5t \u0111\u1ed9ng s\u1ea3n.","benefits_title":"T\u1ea1i sao ch\u1ecdn Heart Academy?","benefits_subtitle":"Ch\u00fang t\u00f4i kh\u00f4ng ch\u1ec9 x\u00e2y d\u1ef1ng s\u1ef1 nghi\u1ec7p, ch\u00fang t\u00f4i x\u00e2y d\u1ef1ng con ng\u01b0\u1eddi.","gallery_title":"Kho\u1ea3nh kh\u1eafc Heart Academy","cta_text":"Kh\u00f4ng t\u00ecm th\u1ea5y v\u1ecb tr\u00ed ph\u00f9 h\u1ee3p? H\u00e3y g\u1eedi CV c\u1ee7a b\u1ea1n v\u00e0o ng\u00e2n h\u00e0ng nh\u00e2n s\u1ef1."},"_links":{"self":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":15,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":844,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/435\/revisions\/844"}],"wp:attachment":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/media?parent=435"}],"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\nNews & Events - Heart Academy<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\"\/>\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography,container-queries\"><\/script>\r\n<script>\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#1E40AF\", \/\/ Royal Blue\r\n \"background-light\": \"#F9FAFB\",\r\n \"background-dark\": \"#111827\",\r\n \"card-light\": \"#FFFFFF\",\r\n \"card-dark\": \"#1F2937\",\r\n \"text-main-light\": \"#1F2937\",\r\n \"text-main-dark\": \"#F3F4F6\",\r\n \"text-sub-light\": \"#6B7280\",\r\n \"text-sub-dark\": \"#9CA3AF\",\r\n },\r\n fontFamily: {\r\n display: [\"Montserrat\", \"sans-serif\"],\r\n body: [\"Montserrat\", \"sans-serif\"],\r\n },\r\n borderRadius: {\r\n DEFAULT: \"0.5rem\",\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n<style>\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n }::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: transparent;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background-color: #CBD5E1;\r\n border-radius: 20px;\r\n }\r\n .dark ::-webkit-scrollbar-thumb {\r\n background-color: #4B5563;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark text-text-main-light dark:text-text-main-dark transition-colors duration-200\">\r\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\r\n<div class=\"mb-8\">\r\n<h1 class=\"text-5xl md:text-6xl font-extrabold text-gray-900 dark:text-white mb-4 tracking-tight\">\r\n Tin t\u1ee9c\r\n <\/h1>\r\n<p class=\"text-lg md:text-xl text-text-sub-light dark:text-text-sub-dark max-w-3xl\">\r\n C\u1eadp nh\u1eadt nh\u1eefng th\u00f4ng tin m\u1edbi nh\u1ea5t v\u1ec1 th\u1ecb tr\u01b0\u1eddng b\u1ea5t \u0111\u1ed9ng s\u1ea3n v\u00e0 ho\u1ea1t \u0111\u1ed9ng c\u1ee7a Heart Academy.\r\n <\/p>\r\n<\/div>\r\n<div class=\"mb-10 border-b border-gray-200 dark:border-gray-700\">\r\n<div class=\"flex flex-wrap items-center gap-x-8 gap-y-4\">\r\n<button class=\"pb-3 text-base font-bold text-primary border-b-2 border-primary whitespace-nowrap tab-button active\" data-category=\"all\">\r\n T\u1ea5t c\u1ea3\r\n <\/button>\r\n<button class=\"pb-3 text-base font-medium text-text-sub-light dark:text-text-sub-dark hover:text-primary dark:hover:text-primary border-b-2 border-transparent hover:border-gray-300 transition-colors whitespace-nowrap tab-button\" data-category=\"thi-truong-bds\">\r\n Th\u1ecb tr\u01b0\u1eddng B\u0110S\r\n <\/button>\r\n<button class=\"pb-3 text-base font-medium text-text-sub-light dark:text-text-sub-dark hover:text-primary dark:hover:text-primary border-b-2 border-transparent hover:border-gray-300 transition-colors whitespace-nowrap tab-button\" data-category=\"su-kien-academy\">\r\n S\u1ef1 ki\u1ec7n Academy\r\n <\/button>\r\n<button class=\"pb-3 text-base font-medium text-text-sub-light dark:text-text-sub-dark hover:text-primary dark:hover:text-primary border-b-2 border-transparent hover:border-gray-300 transition-colors whitespace-nowrap tab-button\" data-category=\"thong-bao\">\r\n Th\u00f4ng b\u00e1o\r\n <\/button>\r\n<button class=\"pb-3 text-base font-medium text-text-sub-light dark:text-text-sub-dark hover:text-primary dark:hover:text-primary border-b-2 border-transparent hover:border-gray-300 transition-colors whitespace-nowrap tab-button\" data-category=\"bao-chi\">\r\n B\u00e1o ch\u00ed\r\n <\/button>\r\n<\/div>\r\n<\/div>\r\n<div id=\"heroBanner\" class=\"relative w-full h-[400px] md:h-[480px] rounded-2xl overflow-hidden mb-16 group shadow-lg\">\r\n<img decoding=\"async\" alt=\"Hero Banner\" class=\"absolute inset-0 w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700 brightness-75 group-hover:brightness-90\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCDwQ33as-qJb8z09YtEL_Me66cCnX7QmV3ND6MOrH3WAnphAf5MX_TWCSN9QNPg8jYWTD1rbctzNJwGHulvrmfmoOAPsvg6Wb9jSEcFv1ZcpneFASLfkf8eI9N7KadkS1RojhC7WLuk47fRIBSrDErAxIhtDg7Z6KsTH5-8InRxE0da1zJbpVtzCFc61ZBgB5gX7mjKSWFZE6WtDee54b5z4nN_gXp4-guDcVU-DTcmD8CRQHXJqSHa3FeD1MTS1irmDVt-knYMQ\"\/>\r\n<div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/40 to-transparent\"><\/div>\r\n<div class=\"absolute bottom-0 left-0 p-8 md:p-12 w-full max-w-4xl\">\r\n<span class=\"inline-block px-3 py-1 bg-primary text-white text-xs font-bold uppercase rounded mb-4 tracking-wider\">Ti\u00eau \u0111i\u1ec3m tu\u1ea7n<\/span>\r\n<h2 class=\"text-3xl md:text-5xl font-bold text-white mb-4 leading-tight\">\r\n To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng c\u00f4ng ngh\u1ec7 trong b\u1ea5t \u0111\u1ed9ng s\u1ea3n 2024\r\n <\/h2>\r\n<p class=\"text-gray-200 text-lg line-clamp-2 md:line-clamp-none max-w-2xl mb-6\">\r\n Kh\u00e1m ph\u00e1 nh\u1eefng xu h\u01b0\u1edbng PropTech m\u1edbi nh\u1ea5t \u0111ang \u0111\u1ecbnh h\u00ecnh l\u1ea1i c\u00e1ch th\u1ee9c giao d\u1ecbch, qu\u1ea3n l\u00fd v\u00e0 \u0111\u1ea7u t\u01b0 b\u1ea5t \u0111\u1ed9ng s\u1ea3n t\u1ea1i Vi\u1ec7t Nam trong k\u1ef7 nguy\u00ean s\u1ed1.\r\n <\/p>\r\n<a class=\"inline-flex items-center text-white font-semibold hover:text-primary-200 transition-colors\" href=\"#\">\r\n Xem chi ti\u1ebft <span class=\"material-icons-outlined ml-2\">arrow_forward<\/span>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12\">\r\n<div class=\"lg:col-span-8\">\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-12\" id=\"articlesGrid\">\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thi-truong-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"Th\u1ecb tr\u01b0\u1eddng c\u0103n h\u1ed9 cao c\u1ea5p\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCR3dNiABMsS57aYaNrZ-pOaOXt3f-VCgJrpbTT_N0RmpaQHiUVUx_yIIqc3IDiR6m-7qKwLcQhYSX_hr2uo1w7e2tvRNUoA-w4iFaoLxYf3BeSk_R3or3IfG3G-zP_DynEwh7JJJeSYT-Si1ZhKEIxnJx7OdVrMpb5sOkiTBXuGsSgg9GrDns5xLak0cB5n0N9qrO4FWa6brsijvfYC3L-78eRAjJW4pTkDa3DLobyHX4iaMkQje1F0BoztSSaYimo2CU2ndO3FQ\"\/>\r\n<div class=\"absolute top-0 left-0 w-full h-full bg-gradient-to-t from-black\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Th\u1ecb tr\u01b0\u1eddng B\u0110S\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">B\u00e1o c\u00e1o th\u1ecb tr\u01b0\u1eddng c\u0103n h\u1ed9 cao c\u1ea5p t\u1ea1i TP.HCM 2023-2024<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng Hai 21, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 49.188<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n Heart Academy - Nh\u1eefng bi\u1ebfn \u0111\u1ed9ng c\u1ee7a kinh t\u1ebf v\u0129 m\u00f4 khi\u1ebfn ng\u01b0\u1eddi ti\u00eau d\u00f9ng d\u1ea7n thay \u0111\u1ed5i th\u00f3i quen \u0111\u1ea7u t\u01b0, \u0111\u1eb7c bi\u1ec7t l\u00e0 ph\u00e2n kh\u00fac c\u0103n h\u1ed9 h\u1ea1ng sang t\u1ea1i trung t\u00e2m...\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thi-truong-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"Chi\u1ebfn d\u1ecbch Marketing B\u0110S\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBW-nJE9_POrvvVpZCvhgy7XvncXX9HnwB0Q5fJnIM1lKJFTDuNROn6x0PO5ZAIWAfXqJY16gtolpdNOIOWUGoZ_4vdoHo0HByIy_t_EPlZEbt77hXyu1ZMl75z9KUH1kaz47iH7ZVw11UlrhpgKZvhoa6xO0r2i0IzJloz9DHwy4Syx4f6gwFEv2UbqSDqKg1GOsvWA4IuLLxATWLh5vvyPWicINQCjEhdsVn_8kVmVIAeyhYaZ2sp7YTcuP-ngszqqGVSfhOOCg\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Ki\u1ebfn th\u1ee9c\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">\u0110i\u1ec3m l\u1ea1i 6 chi\u1ebfn d\u1ecbch Marketing b\u1ea5t \u0111\u1ed9ng s\u1ea3n n\u1ed5i b\u1eadt n\u0103m 2023<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng M\u1ed9t 20, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 54.335<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n Heart Academy - Trong l\u0129nh v\u1ef1c c\u1ea1nh tranh kh\u1ed1c li\u1ec7t nh\u01b0 b\u1ea5t \u0111\u1ed9ng s\u1ea3n, s\u1ef1 s\u00e1ng t\u1ea1o trong c\u00e1c chi\u1ebfn d\u1ecbch marketing l\u00e0 ch\u00eca kh\u00f3a \u0111\u1ec3 thu h\u00fat s\u1ef1 ch\u00fa \u00fd c\u1ee7a nh\u00e0 \u0111\u1ea7u t\u01b0...\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thi-truong-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"Xu h\u01b0\u1edbng ti\u00eau d\u00f9ng B\u0110S\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAu4wPHd-xhDyKQRKeFci2pPlQm0DN7IjHFlvU9yTOYML1z7YumrnXz9Sfv7OAk4ysYydeaZ4FvrUXzFWOQzEq_M0lEHzmbSqc5zgikKT6Ll54qDzkNUmHl04wJmm5-2Fkuj0ZOij114YVmoPsKZ-2-uyYd5b56HvuW2fMUM8Cw-8w6hrIH4H2CYuvP3zJMre54y5bMyk5zdXV5AFCboB0n9L-YjU5ogXSmxsA9DL9hDZs1JcE9sU7uvD2KTz_0ByiZlKwkfp-TyA\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Th\u1ecb tr\u01b0\u1eddng B\u0110S\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">T\u1ed5ng h\u1ee3p 04 xu h\u01b0\u1edbng \u0111\u1ea7u t\u01b0 b\u1ea5t \u0111\u1ed9ng s\u1ea3n n\u1ed5i b\u1eadt n\u0103m 2024<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng M\u01b0\u1eddi Hai 26, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 18.703<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n Heart Academy - \u0110\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 l\u00e0 m\u1ed9t n\u0103m c\u00f3 nhi\u1ec1u bi\u1ebfn \u0111\u1ed9ng nh\u01b0ng c\u0169ng \u0111\u1ea7y c\u01a1 h\u1ed9i, th\u1ecb tr\u01b0\u1eddng B\u0110S 2024 s\u1ebd ch\u1ee9ng ki\u1ebfn s\u1ef1 l\u00ean ng\u00f4i c\u1ee7a c\u00e1c d\u00f2ng s\u1ea3n ph\u1ea9m xanh...\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"su-kien-academy\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"H\u1ed9i th\u1ea3o chuy\u00ean \u0111\u1ec1\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD7-OwntEFOqJTNzyzMmu5CoQoywz1JCSgmARXJwuexho5SZmf-pWPgpAgzFUbTiWJzhkXKm2mXTkQRwbbc8dn9r18jnOaTmVtPWViv4ZpjnJicyh_-YA-CODeRgLyk-9yMiYDbt2uD3FY8_98O7kUWWETKmXB65Q5hCbA-j2preWJuuhgVuGyEoyAIb6p5dwncFVrHLdgxM0e_f9g1YtFISY4OAwxpZw98INmIHhMEeBoukQsCdpFY4yiuenvpp0qtdkqu1qLZLA\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n S\u1ef1 ki\u1ec7n Academy\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">Recap Workshop: \"T\u01b0 duy chi\u1ebfn l\u01b0\u1ee3c trong ph\u00e2n ph\u1ed1i d\u1ef1 \u00e1n\"<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng M\u01b0\u1eddi M\u1ed9t 15, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 12.450<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n S\u1ef1 ki\u1ec7n \u0111\u00e3 quy t\u1ee5 h\u01a1n 200 chuy\u00ean vi\u00ean kinh doanh v\u00e0 c\u00e1c gi\u00e1m \u0111\u1ed1c s\u00e0n giao d\u1ecbch, c\u00f9ng th\u1ea3o lu\u1eadn v\u1ec1 c\u00e1c ph\u01b0\u01a1ng ph\u00e1p ti\u1ebfp c\u1eadn kh\u00e1ch h\u00e0ng cao c\u1ea5p trong b\u1ed1i c\u1ea3nh m\u1edbi.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thong-bao\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"\u0110\u00e0o t\u1ea1o n\u1ed9i b\u1ed9\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDmjU2LyrkbCG06dRlhkOIoNGbkeaqxg5pv9H2welsyESy1LRsNfO3hDJoeXbBIZmHaI45FeQZTV5LIFOweL7rGKxt0hnz7f6d_0ocZlPvot21ors5q29tbbo8izKn624GpNERnIcjZIhAwzyCqMNn0Al15jBVUPDGyC82TBUtyiw4PJFj3sBmYhx2IIEBwl0DnrPgPLTj4RJQrLxkql0YYlIx5x32tAo82TiPE7pKpyxWSZQPgV-hAb0UdfMKqSG9i4TuAKLZxGw\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Th\u00f4ng b\u00e1o\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">Khai gi\u1ea3ng kh\u00f3a h\u1ecdc \"Digital Marketing for Real Estate\" K45<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng M\u01b0\u1eddi 02, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 9.200<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n Ch\u00e0o \u0111\u00f3n c\u00e1c h\u1ecdc vi\u00ean m\u1edbi gia nh\u1eadp c\u1ed9ng \u0111\u1ed3ng Heart Academy. Kh\u00f3a h\u1ecdc h\u1ee9a h\u1eb9n mang \u0111\u1ebfn nh\u1eefng ki\u1ebfn th\u1ee9c th\u1ef1c chi\u1ebfn nh\u1ea5t v\u1ec1 ch\u1ea1y qu\u1ea3ng c\u00e1o v\u00e0 x\u00e2y d\u1ef1ng th\u01b0\u01a1ng hi\u1ec7u c\u00e1 nh\u00e2n.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group h-full article-item\" data-category=\"thi-truong-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 shadow-sm border border-gray-100 dark:border-gray-700 aspect-[16\/10]\">\r\n<img decoding=\"async\" alt=\"T\u1ed5ng quan th\u1ecb tr\u01b0\u1eddng b\u1ea5t \u0111\u1ed9ng s\u1ea3n\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCDwQ33as-qJb8z09YtEL_Me66cCnX7QmV3ND6MOrH3WAnphAf5MX_TWCSN9QNPg8jYWTD1rbctzNJwGHulvrmfmoOAPsvg6Wb9jSEcFv1ZcpneFASLfkf8eI9N7KadkS1RojhC7WLuk47fRIBSrDErAxIhtDg7Z6KsTH5-8InRxE0da1zJbpVtzCFc61ZBgB5gX7mjKSWFZE6WtDee54b5z4nN_gXp4-guDcVU-DTcmD8CRQHXJqSHa3FeD1MTS1irmDVt-knYMQ\"\/>\r\n<\/div>\r\n<div class=\"flex items-center text-xs text-primary font-bold mb-2 uppercase tracking-wide\">\r\n Th\u1ecb tr\u01b0\u1eddng B\u0110S\r\n <\/div>\r\n<h2 class=\"text-xl font-bold mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n<a href=\"#\">Xu h\u01b0\u1edbng PropTech n\u0103m 2024 c\u00f3 g\u00ec \u0111\u1eb7c bi\u1ec7t?<\/a>\r\n<\/h2>\r\n<div class=\"flex items-center text-xs text-text-sub-light dark:text-text-sub-dark mb-3 space-x-4 uppercase font-medium tracking-wide\">\r\n<span>Th\u00e1ng Ch\u00edn 15, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-icons-outlined text-sm mr-1\">visibility<\/span> 5.500<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark line-clamp-3\">\r\n C\u00f4ng ngh\u1ec7 \u0111ang thay \u0111\u1ed5i ho\u00e0n to\u00e0n b\u1ed9 m\u1eb7t c\u1ee7a ng\u00e0nh b\u1ea5t \u0111\u1ed9ng s\u1ea3n. H\u00e3y c\u00f9ng \u0111i\u1ec3m qua nh\u1eefng xu h\u01b0\u1edbng n\u1ed5i b\u1eadt nh\u1ea5t.\r\n <\/p>\r\n<\/article>\r\n<\/div>\r\n<div class=\"mt-12 flex justify-center\" id=\"paginationContainer\">\r\n<nav aria-label=\"Pagination\" class=\"isolate inline-flex -space-x-px rounded-md shadow-sm\">\r\n<button class=\"relative inline-flex items-center rounded-l-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 dark:ring-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 focus:z-20 focus:outline-offset-0\" id=\"prevPageButton\">\r\n<span class=\"sr-only\">Previous<\/span>\r\n<span class=\"material-icons-outlined h-5 w-5\">chevron_left<\/span>\r\n<\/button>\r\n<button aria-current=\"page\" class=\"relative z-10 inline-flex items-center bg-primary px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary page-button active\" data-page=\"1\">1<\/button>\r\n<button class=\"relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 dark:text-gray-300 ring-1 ring-inset ring-gray-300 dark:ring-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 focus:z-20 focus:outline-offset-0 page-button\" data-page=\"2\">2<\/button>\r\n<button class=\"relative inline-flex items-center rounded-r-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 dark:ring-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 focus:z-20 focus:outline-offset-0\" id=\"nextPageButton\">\r\n<span class=\"sr-only\">Next<\/span>\r\n<span class=\"material-icons-outlined h-5 w-5\">chevron_right<\/span>\r\n<\/button>\r\n<\/nav>\r\n<\/div>\r\n<\/div>\r\n<aside class=\"lg:col-span-4 space-y-10\">\r\n<div class=\"bg-gradient-to-br from-purple-800 to-pink-700 rounded-lg overflow-hidden shadow-lg relative group\">\r\n<img decoding=\"async\" alt=\"Kh\u00f3a h\u1ecdc Marketing\" class=\"absolute inset-0 w-full h-full object-cover opacity-30 mix-blend-overlay transition-transform duration-500 group-hover:scale-110\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDhDd4-r3b5uFRLC8vAZ2dPb1OZPPjrohHGTv-h-9Y9mIHy1C1MUTl1HyGn-87NkZeI9vBs6pRLpBaUWDMVmXNy8lrUyr0iW5wQ8Y559MUZADIVHfEx-e9Sq8tg0d3TpEMtsnBMYzztxDmBWEjLYeb9xX0KmnBNmum_HKnn-JSzYwvL5hLzxZrKNk_1-39oLZNMsH15FhKWyXzF8yjvHEGtwMbFX_avypgZISowdI3tOC4M21OXTe5-VyY-Du-LPMBXAZpy5oAfgg\"\/>\r\n<div class=\"relative p-6 flex flex-col h-full min-h-[320px] justify-between z-10\">\r\n<div>\r\n<div class=\"flex items-center space-x-2 mb-4 bg-white\/20 backdrop-blur-sm w-fit px-2 py-1 rounded text-white text-xs font-semibold\">\r\n<span class=\"material-icons-outlined text-sm\">school<\/span>\r\n<span>HEART ACADEMY<\/span>\r\n<\/div>\r\n<h3 class=\"text-white text-2xl font-bold leading-tight mb-2 drop-shadow-md\">\r\n Kh\u00f3a h\u1ecdc<br\/>T\u01af DUY MARKETING\r\n <\/h3>\r\n<p class=\"text-white\/90 text-sm font-medium\">D\u00e0nh cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u<\/p>\r\n<\/div>\r\n<div class=\"mt-8 bg-pink-600\/90 p-4 rounded-lg backdrop-blur-sm border border-white\/20\">\r\n<p class=\"text-white text-sm font-semibold mb-3\">H\u1ecdc Marketing chu\u1ea9n t\u1eeb Marketing Manager.<\/p>\r\n<button class=\"w-full bg-white text-pink-700 hover:bg-gray-100 font-bold py-2 px-4 rounded shadow transition-colors text-sm uppercase tracking-wide\">\r\n \u0110\u0103ng k\u00fd ngay\r\n <\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"bg-card-light dark:bg-card-dark rounded-lg p-1\">\r\n<h3 class=\"text-lg font-bold uppercase tracking-wide text-gray-900 dark:text-white border-b-2 border-primary\/20 pb-3 mb-6 relative\">\r\n<span class=\"border-b-2 border-primary absolute -bottom-[2px] left-0 pb-3 pr-4\">TIN T\u1ee8C M\u1edaI NH\u1ea4T<\/span>\r\n<\/h3>\r\n<ul class=\"space-y-6\">\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n \u0110\u1ed9ng c\u01a1 t\u0103ng tr\u01b0\u1edfng \u0111\u1eb1ng sau chi\u1ebfn l\u01b0\u1ee3c doanh nghi\u1ec7p - The Executive Talks 03: What is more important than Strategy?\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">2 gi\u1edd tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<div class=\"mt-4 border-b border-gray-100 dark:border-gray-700\"><\/div>\r\n<\/li>\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n C\u1eadp nh\u1eadt thu\u1eadt to\u00e1n Youtube 2024 v\u00e0 chi\u1ebfn l\u01b0\u1ee3c n\u1ed9i dung trong b\u1ed1i c\u1ea3nh m\u1edbi cho ng\u00e0nh B\u1ea5t \u0111\u1ed9ng s\u1ea3n\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">1 ng\u00e0y tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<div class=\"mt-4 border-b border-gray-100 dark:border-gray-700\"><\/div>\r\n<\/li>\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n C\u00e1ch ch\u1ecdn \u0111\u00fang chuy\u00ean ng\u00e0nh Marketing: L\u1ed9 tr\u00ecnh r\u00f5 r\u00e0ng cho sinh vi\u00ean & ng\u01b0\u1eddi m\u1edbi\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">2 ng\u00e0y tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<div class=\"mt-4 border-b border-gray-100 dark:border-gray-700\"><\/div>\r\n<\/li>\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n 5 xu h\u01b0\u1edbng Marketing B\u1ea5t \u0111\u1ed9ng s\u1ea3n m\u1edbi nh\u1ea5t trong n\u0103m 2024 b\u1ea1n c\u1ea7n n\u1eafm b\u1eaft\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">3 ng\u00e0y tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<div class=\"mt-4 border-b border-gray-100 dark:border-gray-700\"><\/div>\r\n<\/li>\r\n<li class=\"group\">\r\n<a class=\"block\" href=\"#\">\r\n<h4 class=\"text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-primary transition-colors mb-1\">\r\n L\u00e0m ch\u1ee7 k\u1ef9 n\u0103ng \"Case Math\": b\u00ed quy\u1ebft t\u00ednh to\u00e1n nhanh, ch\u00ednh x\u00e1c & tr\u00ecnh b\u00e0y s\u1ed1 li\u1ec7u logic trong Case Interview\r\n <\/h4>\r\n<span class=\"text-xs text-text-sub-light dark:text-text-sub-dark\">5 ng\u00e0y tr\u01b0\u1edbc<\/span>\r\n<\/a>\r\n<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"bg-primary\/5 dark:bg-primary\/10 rounded-lg p-6 border border-primary\/10\">\r\n<h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-2\">\u0110\u0103ng k\u00fd nh\u1eadn tin<\/h3>\r\n<p class=\"text-sm text-text-sub-light dark:text-text-sub-dark mb-4\">Nh\u1eadn nh\u1eefng b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t v\u00e0 th\u00f4ng tin s\u1ef1 ki\u1ec7n \u0111\u1ed9c quy\u1ec1n t\u1eeb Heart Academy.<\/p>\r\n<form class=\"space-y-3\">\r\n<input class=\"w-full px-4 py-2 rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-white focus:ring-primary focus:border-primary text-sm\" placeholder=\"Email c\u1ee7a b\u1ea1n\" type=\"email\"\/>\r\n<button class=\"w-full bg-primary text-white font-semibold py-2 px-4 rounded-md hover:bg-blue-800 transition-colors text-sm\" type=\"submit\">\u0110\u0103ng k\u00fd<\/button>\r\n<\/form>\r\n<\/div>\r\n<\/aside>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Tab filtering and pagination functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const pageButtons = document.querySelectorAll('.page-button');\r\n const prevPageButton = document.getElementById('prevPageButton');\r\n const nextPageButton = document.getElementById('nextPageButton');\r\n const heroBanner = document.getElementById('heroBanner');\r\n const allArticles = document.querySelectorAll('.article-item');\r\n const articlesPerPage = 4;\r\n let currentCategory = 'all';\r\n let currentPage = 1;\r\n \r\n function getFilteredArticles() {\r\n if (currentCategory === 'all') {\r\n return Array.from(allArticles);\r\n }\r\n return Array.from(allArticles).filter(article => \r\n article.getAttribute('data-category') === currentCategory\r\n );\r\n }\r\n \r\n function updatePagination() {\r\n const filteredArticles = getFilteredArticles();\r\n const totalPages = Math.ceil(filteredArticles.length \/ articlesPerPage);\r\n \r\n \/\/ Show\/hide hero banner based on category\r\n if (currentCategory === 'all') {\r\n heroBanner.style.display = 'block';\r\n } else {\r\n heroBanner.style.display = 'none';\r\n }\r\n \r\n \/\/ Hide all articles first\r\n allArticles.forEach(article => article.style.display = 'none');\r\n \r\n \/\/ Show articles for current page\r\n const startIndex = (currentPage - 1) * articlesPerPage;\r\n const endIndex = startIndex + articlesPerPage;\r\n filteredArticles.slice(startIndex, endIndex).forEach(article => {\r\n article.style.display = 'flex';\r\n });\r\n \r\n \/\/ Update page button states\r\n pageButtons.forEach(btn => {\r\n const page = parseInt(btn.getAttribute('data-page'));\r\n if (page <= totalPages) {\r\n btn.style.display = 'inline-flex';\r\n if (page === currentPage) {\r\n btn.classList.remove('ring-1', 'ring-inset', 'ring-gray-300', 'dark:ring-gray-700', 'text-gray-900', 'dark:text-gray-300');\r\n btn.classList.add('bg-primary', 'text-white', 'active');\r\n btn.setAttribute('aria-current', 'page');\r\n } else {\r\n btn.classList.remove('bg-primary', 'text-white', 'active');\r\n btn.classList.add('ring-1', 'ring-inset', 'ring-gray-300', 'dark:ring-gray-700', 'text-gray-900', 'dark:text-gray-300');\r\n btn.removeAttribute('aria-current');\r\n }\r\n } else {\r\n btn.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Show\/hide prev\/next buttons\r\n prevPageButton.style.display = currentPage > 1 ? 'inline-flex' : 'none';\r\n nextPageButton.style.display = currentPage < totalPages ? 'inline-flex' : 'none';\r\n }\r\n \r\n \/\/ Tab click handlers\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n currentCategory = this.getAttribute('data-category');\r\n currentPage = 1; \/\/ Reset to first page when changing tabs\r\n \r\n \/\/ Update active tab styling\r\n tabButtons.forEach(btn => {\r\n btn.classList.remove('text-primary', 'border-primary', 'font-bold', 'active');\r\n btn.classList.add('text-text-sub-light', 'dark:text-text-sub-dark', 'border-transparent', 'font-medium');\r\n });\r\n \r\n this.classList.remove('text-text-sub-light', 'dark:text-text-sub-dark', 'border-transparent', 'font-medium');\r\n this.classList.add('text-primary', 'border-primary', 'font-bold', 'active');\r\n \r\n updatePagination();\r\n });\r\n });\r\n \r\n \/\/ Page button click handlers\r\n pageButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n currentPage = parseInt(this.getAttribute('data-page'));\r\n updatePagination();\r\n });\r\n });\r\n \r\n \/\/ Previous button click handler\r\n prevPageButton.addEventListener('click', function() {\r\n if (currentPage > 1) {\r\n currentPage--;\r\n updatePagination();\r\n }\r\n });\r\n \r\n \/\/ Next button click handler\r\n nextPageButton.addEventListener('click', function() {\r\n const filteredArticles = getFilteredArticles();\r\n const totalPages = Math.ceil(filteredArticles.length \/ articlesPerPage);\r\n if (currentPage < totalPages) {\r\n currentPage++;\r\n updatePagination();\r\n }\r\n });\r\n \r\n \/\/ Initial pagination\r\n updatePagination();\r\n });\r\n<\/script>\r\n\r\n<\/body><\/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>News & Events – Heart Academy Tin t\u1ee9c C\u1eadp nh\u1eadt nh\u1eefng th\u00f4ng tin m\u1edbi nh\u1ea5t v\u1ec1 th\u1ecb tr\u01b0\u1eddng b\u1ea5t \u0111\u1ed9ng s\u1ea3n v\u00e0 ho\u1ea1t \u0111\u1ed9ng c\u1ee7a Heart Academy. T\u1ea5t c\u1ea3 Th\u1ecb tr\u01b0\u1eddng B\u0110S S\u1ef1 ki\u1ec7n Academy Th\u00f4ng b\u00e1o B\u00e1o ch\u00ed Ti\u00eau \u0111i\u1ec3m tu\u1ea7n To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng c\u00f4ng ngh\u1ec7 trong b\u1ea5t \u0111\u1ed9ng s\u1ea3n 2024 […]<\/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-435","page","type-page","status-publish","hentry"],"acf":{"hero_image":"https:\/\/heartacademy.edu.vn\/wp-content\/uploads\/2026\/02\/Picture16.png","hero_title_1":"Ki\u1ebfn t\u1ea1o t\u01b0\u01a1ng lai c\u00f9ng","hero_title_2":"Heart Academy","hero_description":"Gia nh\u1eadp \u0111\u1ed9i ng\u0169 nh\u1eefng chuy\u00ean gia \u0111am m\u00ea, n\u01a1i b\u1ea1n \u0111\u01b0\u1ee3c th\u1eed th\u00e1ch, ph\u00e1t tri\u1ec3n v\u00e0 \u0111\u1ecbnh h\u00ecnh t\u01b0\u01a1ng lai c\u1ee7a ng\u00e0nh marketing b\u1ea5t \u0111\u1ed9ng s\u1ea3n.","benefits_title":"T\u1ea1i sao ch\u1ecdn Heart Academy?","benefits_subtitle":"Ch\u00fang t\u00f4i kh\u00f4ng ch\u1ec9 x\u00e2y d\u1ef1ng s\u1ef1 nghi\u1ec7p, ch\u00fang t\u00f4i x\u00e2y d\u1ef1ng con ng\u01b0\u1eddi.","gallery_title":"Kho\u1ea3nh kh\u1eafc Heart Academy","cta_text":"Kh\u00f4ng t\u00ecm th\u1ea5y v\u1ecb tr\u00ed ph\u00f9 h\u1ee3p? H\u00e3y g\u1eedi CV c\u1ee7a b\u1ea1n v\u00e0o ng\u00e2n h\u00e0ng nh\u00e2n s\u1ef1."},"_links":{"self":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":15,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":844,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/435\/revisions\/844"}],"wp:attachment":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/media?parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}