2040 lines
113 KiB
HTML
2040 lines
113 KiB
HTML
HTTP/1.1 200
|
|
X-Content-Type-Options: nosniff
|
|
X-XSS-Protection: 0
|
|
Cache-Control: no-cache, no-store, max-age=0, must-revalidate
|
|
Pragma: no-cache
|
|
Expires: 0
|
|
X-Frame-Options: SAMEORIGIN
|
|
Content-Type: text/html;charset=UTF-8
|
|
Content-Language: en
|
|
Transfer-Encoding: chunked
|
|
Date: Wed, 29 Jul 2026 15:57:14 GMT
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
|
|
<title>Bệnh Viện Đa Khoa Quốc Tế S.I.S Cần Thơ</title>
|
|
<!-- UMass Amherst Assets -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" media="all" href="/theme-assets/umass/css/css_09S7WcUyhLeUXabknzECn_ua5zOangtv2BF4OXAW2fM.css" />
|
|
<link rel="stylesheet" media="all" href="/theme-assets/umass/css/css_5USufIKxGNJyomvgpy2m9ITQlTN9qcrtJQsw_06dSbo.css" />
|
|
<link rel="stylesheet" media="all" href="/theme-assets/umass/css/css_G5ztZKRblBn54t8h9F_EK5Y3CsZrMvA2BWPMI5jJoO4.css" />
|
|
|
|
<!-- 🟢 1. SWIPER.JS CSS (Đã thêm) -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="/css/custom.css" />
|
|
<!-- Theme Customizer CSS Output -->
|
|
<style></style>
|
|
<!-- wp_head hook -->
|
|
|
|
|
|
</head>
|
|
<body
|
|
class="umass-platform-homepage path-frontpage page-node-type-homepage homepage transparent-header"
|
|
>
|
|
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas="">
|
|
<!-- Include Header Fragment -->
|
|
<header>
|
|
<style>
|
|
.transparent-header #l--main-header {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 102;
|
|
}
|
|
|
|
/* --- CUSTOM SUBMENU ANIMATION (UMC Hospital Style) --- */
|
|
@media (min-width: 1024px) {
|
|
/* Main Menu Item Link Hover Effect (Underline slide in) */
|
|
.mc--main-menu .megamenu.menu-item > .link-arrow-wrapper > a {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.mc--main-menu .megamenu.menu-item > .link-arrow-wrapper > a::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -3px;
|
|
height: 3px;
|
|
background-color: #881c1c;
|
|
width: 0;
|
|
transition: width 0.3s ease-in-out;
|
|
}
|
|
.mc--main-menu .megamenu.menu-item:hover > .link-arrow-wrapper > a::before {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Mega Menu Wrapper Animation (Fade in + Slide up) */
|
|
.mc--main-menu .megamenu.menu-item {
|
|
position: relative !important; /* Anchor mega menu vertically to this item */
|
|
}
|
|
|
|
.mc--main-menu .megamenu.menu-item .submenu-wrapper {
|
|
position: absolute !important;
|
|
top: 100% !important;
|
|
/* left and width are dynamically calculated via JS for true full-width */
|
|
transform: translateY(15px) !important;
|
|
background: #f8f9fa !important; /* Soft gray background */
|
|
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15) !important;
|
|
opacity: 0 !important;
|
|
visibility: hidden !important;
|
|
transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out !important;
|
|
padding: 40px 0 !important;
|
|
z-index: 100 !important;
|
|
display: flex !important;
|
|
justify-content: center !important;
|
|
border-top: 4px solid #881c1c; /* Top brand border */
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Reveal Submenu on Hover */
|
|
.mc--main-menu .megamenu.menu-item:hover .submenu-wrapper {
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
transform: translateY(0) !important;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
function adjustMegaMenus() {
|
|
if (window.innerWidth < 1024) return;
|
|
const megamenus = document.querySelectorAll('.mc--main-menu .megamenu.menu-item');
|
|
megamenus.forEach(menu => {
|
|
const wrapper = menu.querySelector('.submenu-wrapper');
|
|
if (wrapper) {
|
|
const rect = menu.getBoundingClientRect();
|
|
// Shift wrapper exactly to the left edge of the window
|
|
wrapper.style.left = '-' + rect.left + 'px';
|
|
// Set width to exact window width (excluding scrollbar to prevent horizontal scroll)
|
|
wrapper.style.width = document.documentElement.clientWidth + 'px';
|
|
}
|
|
});
|
|
}
|
|
|
|
// Adjust on load and window resize
|
|
adjustMegaMenus();
|
|
window.addEventListener('resize', adjustMegaMenus);
|
|
|
|
// Also adjust precisely on hover in case layout shifted after load
|
|
const megamenus = document.querySelectorAll('.mc--main-menu .megamenu.menu-item');
|
|
megamenus.forEach(menu => {
|
|
menu.addEventListener('mouseenter', adjustMegaMenus);
|
|
});
|
|
|
|
// Mega Menu Level 2 Tab Logic
|
|
// Initialize first items
|
|
document.querySelectorAll('.mc--main-menu .megamenu.menu-item').forEach(menu => {
|
|
const firstL2 = menu.querySelector('.l2-hover-target');
|
|
if (firstL2) {
|
|
firstL2.classList.add('active');
|
|
const targetId = firstL2.getAttribute('data-target');
|
|
const targetContent = document.getElementById(targetId);
|
|
if (targetContent) targetContent.style.display = 'block';
|
|
}
|
|
});
|
|
|
|
document.querySelectorAll('.l2-hover-target').forEach(target => {
|
|
target.addEventListener('mouseenter', function() {
|
|
const wrapper = this.closest('.mega-menu-content');
|
|
if (!wrapper) return;
|
|
|
|
// Remove active from all L2 in this menu
|
|
wrapper.querySelectorAll('.l2-hover-target').forEach(el => el.classList.remove('active'));
|
|
|
|
// Hide all L3 content in this menu
|
|
wrapper.querySelectorAll('.l3-content').forEach(el => el.style.display = 'none');
|
|
|
|
// Activate current
|
|
this.classList.add('active');
|
|
const contentId = this.getAttribute('data-target');
|
|
const content = document.getElementById(contentId);
|
|
if (content) {
|
|
content.style.display = 'block';
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
body { overflow-x: hidden; }
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
/* Arrow Rotation */
|
|
.mc--main-menu .megamenu.menu-item .arrow-toggle svg {
|
|
transition: transform 0.3s ease-in-out;
|
|
}
|
|
.mc--main-menu .megamenu.menu-item:hover .arrow-toggle svg {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
/* Mega Menu Layout columns */
|
|
.mega-menu-content {
|
|
display: flex;
|
|
width: 100%;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
gap: 30px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
/* Left Column: Info */
|
|
.mega-col-info {
|
|
flex: 1;
|
|
}
|
|
.mega-col-info h3 {
|
|
color: #111827;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
margin-top: 0;
|
|
margin-bottom: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
.mega-col-info h3 .highlight {
|
|
color: #881c1c;
|
|
display: block;
|
|
}
|
|
.mega-col-info h3 span {
|
|
color: #881c1c;
|
|
display: block;
|
|
}
|
|
.mega-col-info p {
|
|
color: var(--color-black);
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Middle Column: Links */
|
|
.mega-col-links {
|
|
flex: 1.2;
|
|
border-left: 1px solid #d1d5db;
|
|
padding-left: 30px;
|
|
max-height: 350px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/* Scrollbar styling for middle column */
|
|
.mega-col-links::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
.mega-col-links::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
border-radius: 10px;
|
|
}
|
|
.mega-col-links::-webkit-scrollbar-thumb {
|
|
background: #c1c1c1;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* Submenu Link Styling */
|
|
.mc--main-menu .megamenu.menu-item .submenu {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.mc--main-menu .megamenu.menu-item .submenu .menu-item {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
.mc--main-menu .megamenu.menu-item .submenu .menu-item a {
|
|
display: block;
|
|
padding: 12px 0;
|
|
color: #111827;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
transition: color 0.2s, padding-left 0.2s;
|
|
}
|
|
.mc--main-menu .megamenu.menu-item .submenu .menu-item:last-child a {
|
|
border-bottom: none;
|
|
}
|
|
.mc--main-menu .megamenu.menu-item .submenu .menu-item a:hover {
|
|
color: #881c1c;
|
|
padding-left: 8px; /* Layout indent animation */
|
|
}
|
|
|
|
/* Right Column: Image */
|
|
.mega-col-image {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-left: 1px solid #d1d5db;
|
|
padding-left: 30px;
|
|
}
|
|
.mega-col-image img {
|
|
width: 100%;
|
|
height: auto;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
object-fit: cover;
|
|
}
|
|
|
|
/* Middle Column for Tabbed Level 2 */
|
|
.mega-col-level2 {
|
|
flex: 1.2;
|
|
border-left: 1px solid #d1d5db;
|
|
padding-left: 30px;
|
|
max-height: 245px;
|
|
overflow-y: auto;
|
|
}
|
|
.mega-col-level2::-webkit-scrollbar { width: 6px; }
|
|
.mega-col-level2::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
|
|
.mega-col-level2::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 10px; }
|
|
|
|
.submenu-l2 {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.submenu-l2 .menu-item-l2 {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.submenu-l2 .menu-item-l2 a {
|
|
display: block;
|
|
padding: 12px 15px;
|
|
color: #111827 !important;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
border-radius: 6px;
|
|
margin-bottom: 4px;
|
|
transition: all 0.2s;
|
|
}
|
|
.submenu-l2 .menu-item-l2.active a {
|
|
background-color: #881c1c !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.submenu-l2 .menu-item-l2:not(.active) a:hover {
|
|
background-color: #f3f4f6 !important;
|
|
color: #111827 !important;
|
|
}
|
|
|
|
/* Right Column for Level 3 Links */
|
|
.mega-col-level3-container {
|
|
flex: 1;
|
|
border-left: 1px solid #d1d5db;
|
|
padding-left: 30px;
|
|
max-height: 245px;
|
|
overflow-y: auto;
|
|
}
|
|
.mega-col-level3-container::-webkit-scrollbar { width: 6px; }
|
|
.mega-col-level3-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
|
|
.mega-col-level3-container::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 10px; }
|
|
|
|
.submenu-l3 {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.submenu-l3 .menu-item-l3 a {
|
|
display: block;
|
|
padding: 12px 15px;
|
|
color: #111827 !important;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
border-radius: 6px;
|
|
margin-bottom: 4px;
|
|
transition: all 0.2s;
|
|
}
|
|
.submenu-l3 .menu-item-l3 a:hover {
|
|
background-color: var(--color-brand) !important;
|
|
color: var(--color-white) !important;
|
|
}
|
|
|
|
/* Hide the mobile back button and title on desktop */
|
|
.mc--main-menu .megamenu.menu-item .submenu-wrapper .button-back,
|
|
.mc--main-menu .megamenu.menu-item .submenu-wrapper .navigation-title {
|
|
display: none !important;
|
|
}
|
|
}
|
|
</style>
|
|
<header id="l--main-header">
|
|
<h1 class="visually-hidden">Bệnh viện Đa Khoa Quốc Tế S.I.S Cần Thơ</h1>
|
|
<div class="region region-header r--region r--header">
|
|
<section data-component-id="umass_base:site-header" aria-label="Site Header">
|
|
<div class="header-left" style="display: flex; flex-direction: column; align-items: center; width: max-content;">
|
|
<div data-component-id="umass_base:header-branding">
|
|
<a href="/">
|
|
<img src="/theme-assets/umass/images/logo_white.png" alt="Sisvietnamvn" style="height: auto; max-width: 250px;" />
|
|
</a>
|
|
</div>
|
|
<div class="header-hospital-name" style="color: var(--color-brand);font-size: 1.4rem;font-weight: 900;text-transform: uppercase;margin-bottom: 5px;text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; white-space: nowrap; text-align: center;">
|
|
Bệnh viện đa khoa quốc tế <br>S.I.S Cần thơ
|
|
</div>
|
|
</div>
|
|
<div class="navigation-container" style="width: 100%; display: flex; justify-content: flex-end;">
|
|
<div id="mobile-flyout-container">
|
|
<div class="primary-navigation">
|
|
<nav class="mc--menu mc--main-menu">
|
|
<ul class="menu m--menu m--main-menu">
|
|
|
|
|
|
<!-- Flat item -->
|
|
|
|
|
|
<!-- Expanded item (has children) -->
|
|
<li class="megamenu menu-item menu-item--expanded">
|
|
<div class="link-arrow-wrapper">
|
|
<a href="#">VỀ BỆNH VIỆN</a>
|
|
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 7" width="16" height="7">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="submenu-wrapper">
|
|
<button class="button-back">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 10" width="5" height="10">
|
|
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 "></polygon>
|
|
</svg> Back </button>
|
|
<span class="navigation-title">BỆNH VIỆN ĐA KHOA QUỐC TẾ S.I.S CẦN THƠ</span>
|
|
|
|
<!-- Mobile Submenu Layout (Simple List) -->
|
|
<ul class="submenu mobile-only">
|
|
<li class="menu-item">
|
|
<a href="#">GIỚI THIỆU TỔNG QUAN</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="http://localhost:8080/page/lich-su-benh-vien">LỊCH SỬ BỆNH VIỆN</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">TẦM NHÌN - SỨ MỆNH - GIÁ TRỊ CỐT LÕI</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">BAN LÃNH ĐẠO</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">CÁC ĐƠN VỊ</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Mega Menu Content Layout -->
|
|
<div class="mega-menu-content desktop-only">
|
|
<!-- Column 1: Info (Title and Text) -->
|
|
<div class="mega-col-info">
|
|
<h3>BỆNH VIỆN ĐA KHOA QUỐC TẾ S.I.S CẦN THƠ</h3>
|
|
<p style="text-transform: math-auto;">Bệnh viện Đa Khoa Quốc Tế S.I.S Cần Thơ tự hào là đơn vị tiên phong trong việc cung cấp dịch vụ khám chữa bệnh chất lượng cao, mang lại sự tin cậy và an tâm cho bệnh nhân.</p>
|
|
|
|
|
|
</div>
|
|
|
|
<!-- Column 2: Level 2 Links -->
|
|
<div class="mega-col-level2">
|
|
<ul class="submenu-l2">
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2051-2101">
|
|
<a href="#">GIỚI THIỆU TỔNG QUAN</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2051-3001">
|
|
<a href="http://localhost:8080/page/lich-su-benh-vien">LỊCH SỬ BỆNH VIỆN</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2051-3002">
|
|
<a href="#">TẦM NHÌN - SỨ MỆNH - GIÁ TRỊ CỐT LÕI</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2051-3003">
|
|
<a href="#">BAN LÃNH ĐẠO</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2051-3004">
|
|
<a href="#">CÁC ĐƠN VỊ</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Column 3: Level 3 Links OR Fallback Image -->
|
|
<div class="mega-col-level3-container">
|
|
<!-- Render each Level 3 target content -->
|
|
|
|
<ul id="l3-2051-2101" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
<img src="http://localhost:8080/uploads/2026/07/198e5233-0e9f-4618-8111-32c4df8ae318.jpg" style="object-fit: cover; border-radius: 8px; width: 100%;"/>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2051-3001" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
<img src="http://localhost:8080/uploads/2026/07/198e5233-0e9f-4618-8111-32c4df8ae318.jpg" style="object-fit: cover; border-radius: 8px; width: 100%;"/>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2051-3002" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
<img src="http://localhost:8080/uploads/2026/07/198e5233-0e9f-4618-8111-32c4df8ae318.jpg" style="object-fit: cover; border-radius: 8px; width: 100%;"/>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2051-3003" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
<img src="http://localhost:8080/uploads/2026/07/198e5233-0e9f-4618-8111-32c4df8ae318.jpg" style="object-fit: cover; border-radius: 8px; width: 100%;"/>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2051-3004" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
<img src="http://localhost:8080/uploads/2026/07/198e5233-0e9f-4618-8111-32c4df8ae318.jpg" style="object-fit: cover; border-radius: 8px; width: 100%;"/>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End Mega Menu Layout -->
|
|
|
|
</div>
|
|
</li>
|
|
|
|
|
|
|
|
<!-- Flat item -->
|
|
|
|
|
|
<!-- Expanded item (has children) -->
|
|
<li class="megamenu menu-item menu-item--expanded">
|
|
<div class="link-arrow-wrapper">
|
|
<a href="#">CHUYÊN KHOA</a>
|
|
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 7" width="16" height="7">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="submenu-wrapper">
|
|
<button class="button-back">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 10" width="5" height="10">
|
|
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 "></polygon>
|
|
</svg> Back </button>
|
|
<span class="navigation-title">CHUYÊN KHOA</span>
|
|
|
|
<!-- Mobile Submenu Layout (Simple List) -->
|
|
<ul class="submenu mobile-only">
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa?category=khoa-lam-sang">Khoa lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-cap-cuu">Khoa Cấp cứu</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-cap-cuu">Khoa Cấp cứu</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/tim-mach">Khoa Nội Tổng Hợp</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa?category=khoa-can-lam-sang">Khoa cận lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/tim-mach">Khoa Nội Tổng Hợp</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-ngoai-tong-hop">Khoa Ngoại Tổng hợp</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-ngoai-tong-hop">Khoa Ngoại Tổng hợp</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa?category=khoa-ho-tro-lam-sang">Khoa hỗ trợ lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-duoc">Khoa Dược</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-duoc">Khoa Dược</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-than-kinh-dot-quy">Khoa Thần kinh - Đột quỵ</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-than-kinh-dot-quy">Khoa Thần kinh - Đột quỵ 2</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-kham-benh">Khoa Khám bệnh</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-kham-benh">Khoa Khám bệnh</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/don-vi-can-thiep-mach-dsa">Đơn vị Can thiệp mạch DSA (Digital Subtraction Angiography)</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/don-vi-can-thiep-mach-dsa">Đơn vị Can thiệp mạch DSA (Digital Subtraction Angiography)</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/don-vi-cap-cuu-ngoai-vien">Đơn vị Cấp cứu Ngoại viện</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/don-vi-cap-cuu-ngoai-vien">Đơn vị Cấp cứu Ngoại viện</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/don-vi-kham-suc-khoe-ngoai-vien">Đơn vị Khám sức khỏe Ngoại viện</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/don-vi-kham-suc-khoe-ngoai-vien">Đơn vị Khám sức khỏe Ngoại viện</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-xet-nghiem">Khoa Xét nghiệm</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-xet-nghiem">Khoa Xét nghiệm</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/don-vi-kiem-soat-nhiem-khuan">Khoa Kiểm soát Nhiễm khuẩn</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/don-vi-kiem-soat-nhiem-khuan">Khoa Kiểm soát Nhiễm khuẩn</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-vat-ly-tri-lieu-phuc-hoi-chuc-nang">Khoa Vật lý trị liệu - Phục hồi chức năng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-vat-ly-tri-lieu-phuc-hoi-chuc-nang">Khoa Vật lý trị liệu - Phục hồi chức năng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-dinh-duong-tiet-che">Khoa Dinh dưỡng - Tiết chế</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-dinh-duong-tiet-che">Khoa Dinh dưỡng - Tiết chế</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-chan-doan-hinh-anh">Khoa Chẩn đoán Hình ảnh</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-chan-doan-hinh-anh">Khoa Chẩn đoán Hình ảnh</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/phau-thuat-gay-me-hoi-suc">Khoa Phẫu thuật - Gây mê hồi sức</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/phau-thuat-gay-me-hoi-suc">Khoa Phẫu thuật - Gây mê hồi sức</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/tim-mach-2">Khoa Nội Tổng hợp 2</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/chuyen-khoa-tai-mui-hong">Chuyên khoa Tai - Mũi - Họng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/phong-quan-ly-van-hanh">Phòng Quản lý vận hành</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/phau-thuat-gay-me-hoi-suc-2">Khoa Phẫu Thuật - Gây mê hồi sức (Phòng mổ)</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-phau-thuat-gay-me-hoi-suc-phong-mo">Khoa Phẫu Thuật - Gây mê hồi sức (Phòng mổ)</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/khoa-dinh-dung-tiet-che">Khoa Dinh dưỡng - Tiết chế</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/chuyen-khoa-tai-mui-hong">Chuyên khoa Tai - Mũi - Họng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/chuyen-khoa/phong-quan-ly-van-hanh">Phòng Quản lý vận hành</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Mega Menu Content Layout -->
|
|
<div class="mega-menu-content desktop-only">
|
|
<!-- Column 1: Info (Title and Text) -->
|
|
<div class="mega-col-info">
|
|
<h3>CHUYÊN KHOA</h3>
|
|
|
|
<p style="text-transform: math-auto;">Khám phá các chuyên khoa hàng đầu với đội ngũ bác sĩ chuyên môn cao, trang thiết bị y tế hiện đại đạt tiêu chuẩn quốc tế.</p>
|
|
|
|
</div>
|
|
|
|
<!-- Column 2: Level 2 Links -->
|
|
<div class="mega-col-level2">
|
|
<ul class="submenu-l2">
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-27300">
|
|
<a href="/chuyen-khoa?category=khoa-lam-sang">Khoa lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28501">
|
|
<a href="/chuyen-khoa/khoa-cap-cuu">Khoa Cấp cứu</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28251">
|
|
<a href="/chuyen-khoa/khoa-cap-cuu">Khoa Cấp cứu</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28502">
|
|
<a href="/chuyen-khoa/tim-mach">Khoa Nội Tổng Hợp</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-27800">
|
|
<a href="/chuyen-khoa?category=khoa-can-lam-sang">Khoa cận lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28252">
|
|
<a href="/chuyen-khoa/tim-mach">Khoa Nội Tổng Hợp</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28253">
|
|
<a href="/chuyen-khoa/khoa-ngoai-tong-hop">Khoa Ngoại Tổng hợp</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28503">
|
|
<a href="/chuyen-khoa/khoa-ngoai-tong-hop">Khoa Ngoại Tổng hợp</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28000">
|
|
<a href="/chuyen-khoa?category=khoa-ho-tro-lam-sang">Khoa hỗ trợ lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28254">
|
|
<a href="/chuyen-khoa/khoa-duoc">Khoa Dược</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28504">
|
|
<a href="/chuyen-khoa/khoa-duoc">Khoa Dược</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28255">
|
|
<a href="/chuyen-khoa/khoa-than-kinh-dot-quy">Khoa Thần kinh - Đột quỵ</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28505">
|
|
<a href="/chuyen-khoa/khoa-than-kinh-dot-quy">Khoa Thần kinh - Đột quỵ 2</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28256">
|
|
<a href="/chuyen-khoa/khoa-kham-benh">Khoa Khám bệnh</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28506">
|
|
<a href="/chuyen-khoa/khoa-kham-benh">Khoa Khám bệnh</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28507">
|
|
<a href="/chuyen-khoa/don-vi-can-thiep-mach-dsa">Đơn vị Can thiệp mạch DSA (Digital Subtraction Angiography)</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28257">
|
|
<a href="/chuyen-khoa/don-vi-can-thiep-mach-dsa">Đơn vị Can thiệp mạch DSA (Digital Subtraction Angiography)</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28258">
|
|
<a href="/chuyen-khoa/don-vi-cap-cuu-ngoai-vien">Đơn vị Cấp cứu Ngoại viện</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28508">
|
|
<a href="/chuyen-khoa/don-vi-cap-cuu-ngoai-vien">Đơn vị Cấp cứu Ngoại viện</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28509">
|
|
<a href="/chuyen-khoa/don-vi-kham-suc-khoe-ngoai-vien">Đơn vị Khám sức khỏe Ngoại viện</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28259">
|
|
<a href="/chuyen-khoa/don-vi-kham-suc-khoe-ngoai-vien">Đơn vị Khám sức khỏe Ngoại viện</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28260">
|
|
<a href="/chuyen-khoa/khoa-xet-nghiem">Khoa Xét nghiệm</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28510">
|
|
<a href="/chuyen-khoa/khoa-xet-nghiem">Khoa Xét nghiệm</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28511">
|
|
<a href="/chuyen-khoa/don-vi-kiem-soat-nhiem-khuan">Khoa Kiểm soát Nhiễm khuẩn</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28261">
|
|
<a href="/chuyen-khoa/don-vi-kiem-soat-nhiem-khuan">Khoa Kiểm soát Nhiễm khuẩn</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28262">
|
|
<a href="/chuyen-khoa/khoa-vat-ly-tri-lieu-phuc-hoi-chuc-nang">Khoa Vật lý trị liệu - Phục hồi chức năng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28512">
|
|
<a href="/chuyen-khoa/khoa-vat-ly-tri-lieu-phuc-hoi-chuc-nang">Khoa Vật lý trị liệu - Phục hồi chức năng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28263">
|
|
<a href="/chuyen-khoa/khoa-dinh-duong-tiet-che">Khoa Dinh dưỡng - Tiết chế</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28513">
|
|
<a href="/chuyen-khoa/khoa-dinh-duong-tiet-che">Khoa Dinh dưỡng - Tiết chế</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28514">
|
|
<a href="/chuyen-khoa/khoa-chan-doan-hinh-anh">Khoa Chẩn đoán Hình ảnh</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28264">
|
|
<a href="/chuyen-khoa/khoa-chan-doan-hinh-anh">Khoa Chẩn đoán Hình ảnh</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28515">
|
|
<a href="/chuyen-khoa/phau-thuat-gay-me-hoi-suc">Khoa Phẫu thuật - Gây mê hồi sức</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28265">
|
|
<a href="/chuyen-khoa/phau-thuat-gay-me-hoi-suc">Khoa Phẫu thuật - Gây mê hồi sức</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28516">
|
|
<a href="/chuyen-khoa/tim-mach-2">Khoa Nội Tổng hợp 2</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28266">
|
|
<a href="/chuyen-khoa/chuyen-khoa-tai-mui-hong">Chuyên khoa Tai - Mũi - Họng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28267">
|
|
<a href="/chuyen-khoa/phong-quan-ly-van-hanh">Phòng Quản lý vận hành</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28517">
|
|
<a href="/chuyen-khoa/phau-thuat-gay-me-hoi-suc-2">Khoa Phẫu Thuật - Gây mê hồi sức (Phòng mổ)</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28518">
|
|
<a href="/chuyen-khoa/khoa-phau-thuat-gay-me-hoi-suc-phong-mo">Khoa Phẫu Thuật - Gây mê hồi sức (Phòng mổ)</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28519">
|
|
<a href="/chuyen-khoa/khoa-dinh-dung-tiet-che">Khoa Dinh dưỡng - Tiết chế</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28520">
|
|
<a href="/chuyen-khoa/chuyen-khoa-tai-mui-hong">Chuyên khoa Tai - Mũi - Họng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-28521">
|
|
<a href="/chuyen-khoa/phong-quan-ly-van-hanh">Phòng Quản lý vận hành</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Column 3: Level 3 Links OR Fallback Image -->
|
|
<div class="mega-col-level3-container">
|
|
<!-- Render each Level 3 target content -->
|
|
|
|
<ul id="l3-2052-27300" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/chuyen-khoa-tai-mui-hong">Chuyên khoa Tai - Mũi - Họng</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-cap-cuu">Khoa Cấp cứu</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-kham-benh">Khoa Khám bệnh</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-ngoai-tong-hop">Khoa Ngoại Tổng hợp</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/tim-mach">Khoa Nội Tổng Hợp</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/phau-thuat-gay-me-hoi-suc">Khoa Phẫu thuật - Gây mê hồi sức</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-than-kinh-dot-quy">Khoa Thần kinh - Đột quỵ</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/don-vi-can-thiep-mach-dsa">Đơn vị Can thiệp mạch DSA (Digital Subtraction Angiography)</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/don-vi-cap-cuu-ngoai-vien">Đơn vị Cấp cứu Ngoại viện</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28501" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28251" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28502" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-27800" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-chan-doan-hinh-anh">Khoa Chẩn đoán Hình ảnh</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-vat-ly-tri-lieu-phuc-hoi-chuc-nang">Khoa Vật lý trị liệu - Phục hồi chức năng</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-xet-nghiem">Khoa Xét nghiệm</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28252" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28253" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28503" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28000" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-dinh-duong-tiet-che">Khoa Dinh dưỡng - Tiết chế</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/khoa-duoc">Khoa Dược</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/don-vi-kiem-soat-nhiem-khuan">Khoa Kiểm soát Nhiễm khuẩn</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/phong-quan-ly-van-hanh">Phòng Quản lý vận hành</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="/chuyen-khoa/don-vi-kham-suc-khoe-ngoai-vien">Đơn vị Khám sức khỏe Ngoại viện</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28254" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28504" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28255" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28505" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28256" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28506" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28507" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28257" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28258" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28508" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28509" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28259" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28260" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28510" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28511" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28261" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28262" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28512" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28263" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28513" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28514" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28264" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28515" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28265" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28516" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28266" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28267" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28517" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28518" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28519" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28520" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2052-28521" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End Mega Menu Layout -->
|
|
|
|
</div>
|
|
</li>
|
|
|
|
|
|
|
|
<!-- Flat item -->
|
|
<li class="megamenu menu-item">
|
|
<div class="link-arrow-wrapper">
|
|
<a href="/doctor">BÁC SĨ</a>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- Expanded item (has children) -->
|
|
|
|
|
|
|
|
|
|
<!-- Flat item -->
|
|
|
|
|
|
<!-- Expanded item (has children) -->
|
|
<li class="megamenu menu-item menu-item--expanded">
|
|
<div class="link-arrow-wrapper">
|
|
<a href="#">DỊCH VỤ</a>
|
|
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 7" width="16" height="7">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="submenu-wrapper">
|
|
<button class="button-back">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 10" width="5" height="10">
|
|
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 "></polygon>
|
|
</svg> Back </button>
|
|
<span class="navigation-title">DỊCH VỤ</span>
|
|
|
|
<!-- Mobile Submenu Layout (Simple List) -->
|
|
<ul class="submenu mobile-only">
|
|
<li class="menu-item">
|
|
<a href="#">Khám bệnh ngoại trú</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Điều trị Nội trú</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Cấp cứu</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Bảng giá</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Mega Menu Content Layout -->
|
|
<div class="mega-menu-content desktop-only">
|
|
<!-- Column 1: Info (Title and Text) -->
|
|
<div class="mega-col-info">
|
|
<h3>DỊCH VỤ</h3>
|
|
|
|
|
|
<p style="text-transform: math-auto;">Khám phá thêm thông tin chi tiết về các dịch vụ, chuyên gia và hoạt động của chúng tôi để bảo vệ sức khỏe của bạn.</p>
|
|
</div>
|
|
|
|
<!-- Column 2: Level 2 Links -->
|
|
<div class="mega-col-level2">
|
|
<ul class="submenu-l2">
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2054-3054">
|
|
<a href="#">Khám bệnh ngoại trú</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2054-3055">
|
|
<a href="#">Điều trị Nội trú</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2054-3057">
|
|
<a href="#">Cấp cứu</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2054-3058">
|
|
<a href="#">Bảng giá</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Column 3: Level 3 Links OR Fallback Image -->
|
|
<div class="mega-col-level3-container">
|
|
<!-- Render each Level 3 target content -->
|
|
|
|
<ul id="l3-2054-3054" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2054-3055" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2054-3057" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2054-3058" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End Mega Menu Layout -->
|
|
|
|
</div>
|
|
</li>
|
|
|
|
|
|
|
|
<!-- Flat item -->
|
|
|
|
|
|
<!-- Expanded item (has children) -->
|
|
<li class="megamenu menu-item menu-item--expanded">
|
|
<div class="link-arrow-wrapper">
|
|
<a href="#">ĐÀO TẠO</a>
|
|
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 7" width="16" height="7">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="submenu-wrapper">
|
|
<button class="button-back">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 10" width="5" height="10">
|
|
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 "></polygon>
|
|
</svg> Back </button>
|
|
<span class="navigation-title">ĐÀO TẠO</span>
|
|
|
|
<!-- Mobile Submenu Layout (Simple List) -->
|
|
<ul class="submenu mobile-only">
|
|
<li class="menu-item">
|
|
<a href="#">Đào tạo thực hành lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Công bố cơ sở thực hành</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Các lớp học cấp chứng nhận, chứng chỉ</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Đào tạo thực hành SV, HV ĐHYD TP. Hồ Chí Minh</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Đào tạo - Chuyển giao kỹ thuật</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Danh sách người thực hành</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Danh sách người hoàn thành thực hành</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Mega Menu Content Layout -->
|
|
<div class="mega-menu-content desktop-only">
|
|
<!-- Column 1: Info (Title and Text) -->
|
|
<div class="mega-col-info">
|
|
<h3>ĐÀO TẠO</h3>
|
|
|
|
|
|
<p style="text-transform: math-auto;">Khám phá thêm thông tin chi tiết về các dịch vụ, chuyên gia và hoạt động của chúng tôi để bảo vệ sức khỏe của bạn.</p>
|
|
</div>
|
|
|
|
<!-- Column 2: Level 2 Links -->
|
|
<div class="mega-col-level2">
|
|
<ul class="submenu-l2">
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2055-12502">
|
|
<a href="#">Đào tạo thực hành lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2055-12503">
|
|
<a href="#">Công bố cơ sở thực hành</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2055-12501">
|
|
<a href="#">Các lớp học cấp chứng nhận, chứng chỉ</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2055-12504">
|
|
<a href="#">Đào tạo thực hành SV, HV ĐHYD TP. Hồ Chí Minh</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2055-12505">
|
|
<a href="#">Đào tạo - Chuyển giao kỹ thuật</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2055-12506">
|
|
<a href="#">Danh sách người thực hành</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2055-12507">
|
|
<a href="#">Danh sách người hoàn thành thực hành</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Column 3: Level 3 Links OR Fallback Image -->
|
|
<div class="mega-col-level3-container">
|
|
<!-- Render each Level 3 target content -->
|
|
|
|
<ul id="l3-2055-12502" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2055-12503" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2055-12501" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2055-12504" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2055-12505" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2055-12506" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<ul id="l3-2055-12507" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
|
|
<div class="mega-col-image" style="padding-left: 0; border: none; flex: 1;">
|
|
|
|
<img src="/theme-assets/umass/images/logo.png" style="object-fit: contain; background: white; padding: 20px; width: 100%;"/>
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End Mega Menu Layout -->
|
|
|
|
</div>
|
|
</li>
|
|
|
|
|
|
|
|
<!-- Flat item -->
|
|
|
|
|
|
<!-- Expanded item (has children) -->
|
|
<li class="megamenu menu-item menu-item--expanded">
|
|
<div class="link-arrow-wrapper">
|
|
<a href="#">TRUYỀN THÔNG</a>
|
|
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 7" width="16" height="7">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="submenu-wrapper">
|
|
<button class="button-back">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 10" width="5" height="10">
|
|
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 "></polygon>
|
|
</svg> Back </button>
|
|
<span class="navigation-title">TRUYỀN THÔNG</span>
|
|
|
|
<!-- Mobile Submenu Layout (Simple List) -->
|
|
<ul class="submenu mobile-only">
|
|
<li class="menu-item">
|
|
<a href="#">TIN TỨC VÀ SỰ KIỆN</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Mega Menu Content Layout -->
|
|
<div class="mega-menu-content desktop-only">
|
|
<!-- Column 1: Info (Title and Text) -->
|
|
<div class="mega-col-info">
|
|
<h3>TRUYỀN THÔNG</h3>
|
|
|
|
|
|
<p style="text-transform: math-auto;">Khám phá thêm thông tin chi tiết về các dịch vụ, chuyên gia và hoạt động của chúng tôi để bảo vệ sức khỏe của bạn.</p>
|
|
</div>
|
|
|
|
<!-- Column 2: Level 2 Links -->
|
|
<div class="mega-col-level2">
|
|
<ul class="submenu-l2">
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2057-2056">
|
|
<a href="#">TIN TỨC VÀ SỰ KIỆN</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Column 3: Level 3 Links OR Fallback Image -->
|
|
<div class="mega-col-level3-container">
|
|
<!-- Render each Level 3 target content -->
|
|
|
|
<ul id="l3-2057-2056" class="submenu-l3 l3-content" style="display: none;">
|
|
|
|
<li class="menu-item-l3">
|
|
<a href="#"> Tin tức</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="#">Sự kiện</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="#">Góc người bệnh</a>
|
|
</li>
|
|
<li class="menu-item-l3">
|
|
<a href="#">Công tác xã hội</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End Mega Menu Layout -->
|
|
|
|
</div>
|
|
</li>
|
|
|
|
|
|
|
|
<!-- Flat item -->
|
|
<li class="megamenu menu-item">
|
|
<div class="link-arrow-wrapper">
|
|
<a href="#">TUYỂN DỤNG</a>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- Expanded item (has children) -->
|
|
|
|
|
|
|
|
|
|
<!-- Flat item -->
|
|
<li class="megamenu menu-item">
|
|
<div class="link-arrow-wrapper">
|
|
<a href="/contact-us">LIÊN HỆ</a>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- Expanded item (has children) -->
|
|
|
|
|
|
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<button id="search-drawer-trigger" aria-label="Open Search">
|
|
<svg class="search-trigger-open" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 25 25">
|
|
<title>Open Search</title>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M10.03,2.67c-4.07,0-7.36,3.29-7.36,7.36s3.29,7.36,7.36,7.36,7.36-3.29,7.36-7.36c-.01-4.07-3.3-7.36-7.36-7.36ZM10.03,0c5.54,0,10.03,4.49,10.03,10.03,0,2.29-.76,4.39-2.05,6.08l7,7-1.89,1.89-7.01-7.01c-1.68,1.29-3.79,2.05-6.08,2.05C4.49,20.04,0,15.55,0,10.03S4.49,0,10.03,0Z"></path>
|
|
</svg>
|
|
<svg class="search-trigger-close" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 22">
|
|
<title>Close Search</title>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M3.64,1.2l-1.21-1.2L0,2.39l1.21,1.19,7.36,7.25-7.36,7.25-1.21,1.19,2.43,2.39,1.21-1.2,7.36-7.24,7.36,7.24,1.22,1.2,2.42-2.39-1.21-1.19-7.36-7.25,7.36-7.25,1.21-1.19-2.42-2.39-1.22,1.2-7.36,7.24L3.64,1.2Z"></path>
|
|
</svg>
|
|
</button>
|
|
<button id="mobile-hamburger" class="hamburger hamburger--squeeze" type="button" aria-label="Open Main Navigation">
|
|
<span class="hamburger-box">
|
|
<span class="hamburger-inner"></span>
|
|
</span>
|
|
</button>
|
|
</section>
|
|
<div data-component-id="umass_base:header-search">
|
|
<div id="search-flyout-container">
|
|
<div class="search-flyout">
|
|
<div data-component-id="umass_base:header-branding">
|
|
<a href="/">
|
|
<img src="/theme-assets/umass/images/logo.png" alt="Sisvietnamvn" style="height: 60px; width: auto;" />
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<form autocomplete="on" name="search-form" action="https://www.umass.edu/search" method="GET">
|
|
<div>
|
|
<label class="visually-hidden" for="search">Search UMass</label>
|
|
<input type="text" name="q" id="search" maxlength="50" placeholder="Search UMass" size="50" class="ally-focus-within">
|
|
</div>
|
|
<button type="submit" class="icon-search" aria-label="Search">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve" width="19" height="19">
|
|
<title>Search</title>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#151515" d="M7.62,2.03c-3.09,0-5.59,2.5-5.59,5.59
|
|
s2.5,5.59,5.59,5.59s5.59-2.5,5.59-5.59C13.2,4.53,10.7,2.03,7.62,2.03z M7.62,0c4.21,0,7.62,3.41,7.62,7.62
|
|
c0,1.74-0.58,3.34-1.56,4.62L19,17.56L17.56,19l-5.33-5.33c-1.28,0.98-2.88,1.56-4.62,1.56C3.41,15.23,0,11.82,0,7.62S3.41,0,7.62,0
|
|
z"></path>
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
<ul class="menu">
|
|
<li class="menu-item">
|
|
<a href="https://www.umass.edu/admissions/visit">Campus tours</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="https://www.umass.edu/financialaid/undergraduate-costs">Tuition</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="https://www.umass.edu/financialaid">Financial aid</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="https://www.umass.edu/admissions/apply">How to apply</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="https://www.umass.edu/gateway/umass-stories/study-abroad-umass">Study abroad</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<button id="search-drawer-trigger-active" aria-label="Open Search">
|
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 22">
|
|
<title>Close Search</title>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M3.64,1.2l-1.21-1.2L0,2.39l1.21,1.19,7.36,7.25-7.36,7.25-1.21,1.19,2.43,2.39,1.21-1.2,7.36-7.24,7.36,7.24,1.22,1.2,2.42-2.39-1.21-1.19-7.36-7.25,7.36-7.25,1.21-1.19-2.42-2.39-1.22,1.2-7.36,7.24L3.64,1.2Z"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</header>
|
|
|
|
<!-- Full-width top content area (e.g., Hero Banners) -->
|
|
<div>
|
|
<div class="content-top">
|
|
<div class="lc--layout-container lc--full">
|
|
<div class="l--layout l--full">
|
|
<div class="lr--layout-region lr--main">
|
|
<div class="cc--component-container cc--homepage-hero">
|
|
<div class="c--component c--homepage-hero">
|
|
<div class="slides-container">
|
|
<div class="image-video-container has-video">
|
|
<img
|
|
src="https://www.umass.edu/sites/default/files/styles/1_1_1920x1920/public/2025-09/250616_UMASS_4515.jpg"
|
|
alt="Students collaborate using a driving simulator in the UMass Center for Transportation."
|
|
srcset="
|
|
https://www.umass.edu/sites/default/files/styles/1_1_1920x1920/public/2025-09/250616_UMASS_4515.jpg?h=9855f42d&itok=d27r8GaT 1920w
|
|
"
|
|
/>
|
|
<div class="f--ambient-video" id="hero-ambient-video">
|
|
<video role="presentation" tabindex="-1" loop="" autoplay="" playsinline="" muted="" id="hero-video" onerror="handleVideoError()">
|
|
<source src="http://localhost:8080/uploads/2026/07/9375f45b-027a-4fb4-bd18-66889309280d.mp4" type="video/mp4" onerror="handleVideoError()" />
|
|
</video>
|
|
</div>
|
|
|
|
<div id="hero-video-fallback" style="display: none; position: absolute; top:0; left:0; width:100%; height:100%; z-index: 2;">
|
|
|
|
<!-- BEGIN Component: video-fallback -->
|
|
<!-- ================= SWIPER CAROUSEL COMPONENT ================= -->
|
|
<div class="course-swiper-component">
|
|
<div class="swiper courseSwiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
<!-- 🟢 LẶP QUA CÁC SLIDE (Mẫu 1 Slide) -->
|
|
<!-- Với Thymeleaf: <div class="swiper-slide" th:each="item : ${courses}"> -->
|
|
<div class="swiper-slide">
|
|
<article class="relative p-3 lg:p-4 bg-white rounded-lg border border-gray-100 group flex flex-col justify-between text-left w-full h-full">
|
|
<div class="flex flex-col gap-3.5">
|
|
<a class="relative overflow-hidden rounded block aspect-[9/5]" href="{{linkUrl}}" th:href="@{${item.linkUrl}}">
|
|
<img alt="{{title}}" th:alt="${item.title}" class="object-cover h-full w-full" data-src="{{imageUrl}}" th:src="@{${item.imageUrl}}"/>
|
|
<div class="absolute inset-0 w-full h-full bg-black/40 opacity-0 lg:group-hover:opacity-100 duration-300 ease-in-out"></div>
|
|
</a>
|
|
<div class="px-1.5 w-full flex flex-col gap-3.5">
|
|
<div class="w-full space-y-1">
|
|
<a class="title-1 font-bold line-clamp-2 lg:group-hover:text-primary-600 duration-300 ease-in-out block text-[20px] h-[54px] leading-[1.5]"
|
|
href="{{linkUrl}}" th:href="@{${item.linkUrl}}" th:text="${item.title}">
|
|
{{title}}
|
|
</a>
|
|
<div class="body-3 text-gray-700 line-clamp-3 text-[14px] h-[64px] leading-[1.5] overflow-hidden"
|
|
th:text="${item.description}">
|
|
{{description}}
|
|
</div>
|
|
</div>
|
|
<div class="w-full h-px bg-gray-100"></div>
|
|
<div class="flex justify-between items-center w-full">
|
|
<div class="flex gap-4 items-center self-stretch my-auto">
|
|
<div class="flex gap-1.5 items-center self-stretch my-auto">
|
|
<svg class="lucide lucide-calendar size-3.5" fill="none" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect height="18" rx="2" width="18" x="3" y="4"></rect><path d="M3 10h18"></path></svg>
|
|
<time class="self-stretch body-3 my-auto text-[14px]" th:text="${item.date}">{{date}}</time>
|
|
</div>
|
|
<span class="text-primary-600 font-bold border-b-2 border-primary-600 text-[14px]" th:text="'(' + ${item.badge} + ')'">({{badge}})</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="btn mt-auto pt-3">
|
|
<a class="p-2 lg:p-3 w-full text-white bg-primary-600 rounded lg:hover:bg-primary-300 duration-300 ease-in-out block"
|
|
href="{{linkUrl}}" th:href="@{${item.linkUrl}}">
|
|
<div class="flex items-center gap-0.5 justify-center w-full font-bold text-[18px]">
|
|
<span th:text="${item.price}">{{price}}</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<!-- 🔴 END SLIDE -->
|
|
|
|
</div>
|
|
|
|
<!-- Nút mũi tên điều hướng 2 bên -->
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
</div>
|
|
</div>
|
|
<!-- ================= END COMPONENT ================= -->
|
|
<!-- END Component: video-fallback -->
|
|
|
|
</div>
|
|
|
|
<script>
|
|
function handleVideoError() {
|
|
var vidContainer = document.getElementById('hero-ambient-video');
|
|
if(vidContainer) vidContainer.style.display = 'none';
|
|
|
|
var controls = document.querySelector('.video-controls');
|
|
if(controls) controls.style.display = 'none';
|
|
|
|
var fallback = document.getElementById('hero-video-fallback');
|
|
if(fallback) fallback.style.display = 'block';
|
|
}
|
|
|
|
window.addEventListener('DOMContentLoaded', function() {
|
|
var v = document.getElementById('hero-video');
|
|
if (v && v.error) {
|
|
handleVideoError();
|
|
}
|
|
});
|
|
</script>
|
|
<div class="video-controls" data-once="ambientVideo">
|
|
<div class="video-controls-inner">
|
|
<button aria-labelledby="pauseBtn" class="video-button video-pause-button">
|
|
<svg height="14" viewBox="0 0 10 14" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<title id="pauseBtn">Pause Background Video</title>
|
|
<path
|
|
d="m1143 711v14h-3v-14zm7 0v14h-3v-14z"
|
|
fill="#fff"
|
|
fill-rule="evenodd"
|
|
transform="translate(-1140 -711)"
|
|
></path>
|
|
</svg>
|
|
</button>
|
|
<button aria-labelledby="playBtn" class="video-button video-play-button">
|
|
<svg height="29" viewBox="0 0 29 29" width="29" xmlns="http://www.w3.org/2000/svg">
|
|
<title id="playBtn">Play Background Video</title>
|
|
<path
|
|
d="m17.5 3c-7.99789474 0-14.5 6.50210526-14.5 14.5 0 7.9978947 6.50210526 14.5 14.5 14.5 7.9978947 0 14.5-6.5021053 14.5-14.5 0-7.99789474-6.5021053-14.5-14.5-14.5zm5.6763936 15.2939067-7.3503366 4.5939604c-.6635721.408352-1.5313202-.051044-1.5313202-.8422261v-9.1879207c0-.7911821.8677481-1.2761001 1.5313202-.8422261l7.3503366 4.5939604c.612528.38283.612528 1.3016221 0 1.6844521z"
|
|
fill="#fff"
|
|
fill-rule="evenodd"
|
|
transform="translate(-3 -3)"
|
|
></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-container centered">
|
|
<div class="slide-text-container-inner">
|
|
<h3>
|
|
<a href="https://www.umass.edu/gateway/why-umass">Stroke International School 2026.</a>
|
|
</h3>
|
|
<div class="f--field f--button">
|
|
<a
|
|
href="https://www.umass.edu/gateway/why-umass"
|
|
class="button-secondary button-context-dark"
|
|
aria-label="Learn More Learn more about UMass Amherst."
|
|
data-component-id="umass_base:button"
|
|
>
|
|
<span class="button-text"> Learn More </span>
|
|
</a>
|
|
</div>
|
|
<nav class="mc--menu mc--info-menu">
|
|
<ul class="menu m--menu m--info-menu">
|
|
<li class="menu-item menu-item--expanded">
|
|
<details class="utility-button-wrapper mc--info-menu-container">
|
|
<summary
|
|
type="button"
|
|
aria-label="Display submenu for Information menu"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="utility-button arrow-toggle information-for-toggle"
|
|
>
|
|
<span>BẠN CẦN KHÁM BỆNH</span>
|
|
<svg
|
|
version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
x="0px"
|
|
y="0px"
|
|
viewBox="0 0 16 7"
|
|
enable-background="new 0 0 16 7"
|
|
xml:space="preserve"
|
|
width="16"
|
|
height="7"
|
|
class="arrow"
|
|
>
|
|
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" points="7,7 0,0 16,0 "></polygon>
|
|
</svg>
|
|
</summary>
|
|
<div class="submenu-wrapper">
|
|
<ul class="submenu">
|
|
<li class="menu-item">
|
|
<a href="#">ĐẶT LỊCH</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">TÌM BÁC SĨ</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">LỊCH KHÁM BỆNH</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
<div class="submenu-wrapper-desktop">
|
|
<ul class="submenu">
|
|
<li class="menu-item">
|
|
<a href="#">ĐẶT LỊCH</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">TÌM BÁC SĨ</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">LỊCH KHÁM BỆNH</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<main id="main-content">
|
|
<!--
|
|
HOMEPAGE FULL WIDTH LAYOUT
|
|
Removed l--content, region padding, and max-width constraints
|
|
-->
|
|
<div class="full-width-container" style="width: 100%; min-height: 400px; padding: 0; margin: 0;">
|
|
<div class="full-width-content" style="width: 100%;">
|
|
<div data-component-id="umass_base:block-multiple-ctas" data-background="solid" data-layout-variant="default">
|
|
|
|
</div>
|
|
|
|
<style>
|
|
.links-container {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(2, 1fr) !important;
|
|
gap: 1rem;
|
|
column-gap: 2rem !important;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.links-container {
|
|
grid-template-columns: 1fr !important;
|
|
}
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="cc--component-container cc--stats-block" style="background-color: var(--color-brand)">
|
|
<div class="c--component c--stats-block">
|
|
<div class="f--field f--stats-block">
|
|
<div class="cc--component-container cc--stat">
|
|
<div class="c--component c--stat">
|
|
<div id="iuox8" class="f--field f--stat-number">50.000+</div>
|
|
<div id="iynqf" class="f--field f--description">
|
|
<p>Tổng số ca cấp cứu</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cc--component-container cc--stat">
|
|
<div class="c--component c--stat">
|
|
<div id="ievo1" class="f--field f--stat-number">1.6tr+</div>
|
|
<div id="iklnr" class="f--field f--description">
|
|
<p>Tổng số ca khám bệnh</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cc--component-container cc--stat">
|
|
<div class="c--component c--stat">
|
|
<div id="iz72l" class="f--field f--stat-number">30.000+</div>
|
|
<div id="i0kg8" class="f--field f--description">
|
|
<p>Số ca điều trị đột quỵ</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cc--component-container cc--stat">
|
|
<div class="c--component c--stat">
|
|
<div id="iz72l" class="f--field f--stat-number">#1</div>
|
|
<div id="i0kg8" class="f--field f--description">
|
|
<p>Về điều trị đột quỵ</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<style>
|
|
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#iuox8{color:white;}#iynqf{color:white;}#ievo1{color:white;}#iklnr{color:white;}#iz72l{color:white;}#i0kg8{color:white;}#iynqf *{color:white;}#iklnr *{color:white;}#i0kg8 *{color:white;}
|
|
</style>
|
|
<div class="cc--component-container cc--news-events">
|
|
<div class="c--component c--news-events">
|
|
|
|
<!-- Phần 2 cột: Tin mới (Trái) và Sự kiện (Phải) -->
|
|
<div class="news-events-row">
|
|
|
|
<div class="news-column">
|
|
<h2 class="section-title--news" style="font-size: 2rem;">
|
|
TIN TỨC
|
|
</h2>
|
|
<div class="news-slider-wrapper">
|
|
<button class="news-slider-btn prev-btn" aria-label="Previous">‹</button>
|
|
<div class="news-slider-container">
|
|
<div class="news-slider-track">
|
|
<!-- Shortcode Tin Tức hiển thị dạng list (limit tăng lên 6 để có thể trượt) -->
|
|
|