1386 lines
126 KiB
HTML
1386 lines
126 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Đào tạo tại UMC</title>
|
|
|
|
<!-- Google Fonts: Lora and Open Sans -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
|
|
rel="stylesheet">
|
|
|
|
<!-- Add base CSS here if available -->
|
|
|
|
|
|
<!-- UMASS Styles -->
|
|
<link rel="stylesheet" href="/css/umass.css">
|
|
|
|
<!-- Custom CSS (Highest Priority) -->
|
|
<link rel="stylesheet" href="/css/custom.css">
|
|
|
|
</head>
|
|
|
|
<body class="umass-platform-homepage path-frontpage page-node-type-homepage homepage transparent-header">
|
|
<!-- Skip to main content link (Accessibility) -->
|
|
<a href="#main-content" class="visually-hidden focusable skip-link">Skip to main content</a>
|
|
|
|
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas="">
|
|
<!-- 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="#">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="#">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="#">Khoa lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Khoa cận lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Khoa hỗ trợ lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Cấp cứu</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-3051">
|
|
<a href="#">Khoa lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-3052">
|
|
<a href="#">Khoa cận lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-3053">
|
|
<a href="#">Khoa hỗ trợ lâm sàng</a>
|
|
</li>
|
|
<li class="menu-item-l2 l2-hover-target" data-target="l3-2052-3056">
|
|
<a href="#">Cấp cứu</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-3051" 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-3052" 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-3053" 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-3056" 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>
|
|
|
|
<!-- Main Content Block -->
|
|
<main id="main-content" role="main">
|
|
<div>
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWV6H5N7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!--$--><!--/$--><main class=""><section class="overflow-hidden relative w-full bg-white xl:h-[580px] md:h-[450px] h-[250px] max-h-[calc(100vh-122px)]"><div class="absolute inset-0"><img alt="banner (1)" fetchpriority="high" loading="eager" decoding="async" data-nimg="fill" class="max-md:hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=640&q=80 640w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=750&q=80 750w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=828&q=80 828w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=1080&q=80 1080w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=1200&q=80 1200w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=1920&q=80 1920w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=2048&q=80 2048w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=3840&q=80 3840w" src="./Đào tạo tại UMC_files/banner%20(1).jpeg"><img alt="banner (1)" fetchpriority="high" loading="eager" decoding="async" data-nimg="fill" class="md:hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=640&q=80 640w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=750&q=80 750w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=828&q=80 828w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=1080&q=80 1080w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=1200&q=80 1200w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=1920&q=80 1920w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=2048&q=80 2048w, /_next/image?url=https%3A%2F%2Fconsole.bvdaihoc.com.vn%2Fuploads%2FDemo%2FDemo%2Fbanner%20(1).jpg&w=3840&q=80 3840w" src="./Đào tạo tại UMC_files/banner%20(1).jpeg"></div><div class="absolute bottom-0 left-0 w-full h-[408px] bg-linear-service"></div><div class="relative h-full pb-8 lg:pb-[78px] max-lg:flex max-lg:items-end"><div class="container lg:h-full"><div class="grid lg:grid-cols-2 h-full gap-y-6"><div class="md:space-y-[20px] space-y-3 xl:space-y-[26px] max-w-[576px] w-full mt-auto"><h1 class="display-1 text-white">Đào tạo</h1></div></div></div></div></section><section class="xl:py-8 md:py-6 py-4"><div class="container xl:space-y-8 md:space-y-6 space-y-4"><div class="prose prose-content"><div style="-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(51, 51, 51);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;margin:0px 0px 12px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">Với chức năng là cơ sở giảng dạy thực hành, đào tạo là một trong những hoạt động nòng cốt của Bệnh viện Đại học Y Dược TP. Hồ Chí Minh, nhằm tối ưu công tác đào tạo, Bệnh viện đa dạng hóa các loại hình đào tạo để đáp ứng các yêu cầu về đào tạo của nội bộ, của các cơ sở y tế khác và của học viên nước ngoài.Với nguồn nhân lực dồi dào và trình độ chuyên môn cao, các chuyên khoa lâm sàng và cận lâm sàng lớn mạnh, số lượng người bệnh đến khám và chữa bệnh tăng cao, Bệnh viện Đại học Y Dược TP. Hồ Chí Minh còn là nơi thực hành không những của nhân viên y tế Việt Nam, mà còn là sự lựa chọn của rất nhiều sinh viên các nước như: Nhật Bản, Úc, Hoa Kỳ, Thái Lan, CHLB Đức, Pháp, Bỉ, Áo, Đan Mạch, Ấn Độ, …</div><div style="-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(51, 51, 51);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;margin:0px 0px 12px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">Ngoài ra, hình thức đào tạo theo hợp đồng/đào tạo theo nhiệm vụ chỉ đạo tuyến/đào tạo chuyển giao kỹ thuật và các khóa đào tạo chuyên môn nghiệp vụ khác của ngành y tế mà không thuộc hệ thống bằng cấp quốc gia cũng là một nhiệm vụ của Bệnh viện Đại học Y Dược TP. Hồ Chí Minh.</div><div style="-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(51, 51, 51);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;margin:0px 0px 12px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">Sự phát triển liên tục của Bệnh viện Đại học Y Dược TP. Hồ Chí Minh nói chung và công tác đào tạo nói riêng, đã góp phần đáp ứng đáng kể nhu cầu bồi dưỡng kiến thức, giúp các Bệnh viện ứng dụng nhiều phương pháp, kỹ thuật mới trong khám, chữa bệnh, tăng cường chất lượng điều trị và chăm sóc người bệnh.</div><div style="--tw-font-weight:700;-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(13, 113, 186);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;letter-spacing:normal;margin:0px 0px 4px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;"><strong>ĐỊNH HƯỚNG VỀ HOẠT ĐỘNG ĐÀO TẠO TRONG NHỮNG NĂM TỚI</strong></div><div style="--tw-font-weight:700;-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(13, 113, 186);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;letter-spacing:normal;margin:0px 0px 12px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;"><strong>Về đào tạo chuyên môn, nghiệp vụ cho viên chức của Bệnh viện:</strong></div><div style="-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(51, 51, 51);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;margin:0px 0px 12px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">Bệnh viện luôn có chương trình hỗ trợ cho nhân viên trong việc học tập chuyên môn nghiệp vụ và các khóa đào tạo chính quy. Ban Giám đốc định hướng mỗi Đơn vị sẽ tự xây dựng kế hoạch và lập dự toán kinh phí đào tạo cho nhân viên. Lãnh đạo Đơn vị sẽ tự quyết định quy mô và chi phí đào tạo cho nhân viên dựa trên định hướng phát triển chuyên môn. Phần kinh phí này sẽ được trích từ quỹ đào tạo và nghiên cứu khoa học của Bệnh viện. Chủ trương này giúp các Đơn vị chủ động hơn trong việc đào tạo nhân lực, phát triển chuyên môn của Đơn vị mình.</div><div style="-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(51, 51, 51);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;margin:0px 0px 12px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">Ngoài những chương trình đào tạo trong nước, Bệnh viện tiếp tục tăng cường gửi viên chức đi đào tạo ở nước ngoài. Bên cạnh việc học hỏi nâng cao trình độ chuyên môn, đây cũng là cơ hội để mở rộng kết nối, hợp tác quốc tế tiến đến hội nhập.</div><div style="--tw-font-weight:700;-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(13, 113, 186);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;letter-spacing:normal;margin:0px 0px 12px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;"><strong>Về đào tạo chuyên môn, nghiệp vụ cho nhân sự thuộc các cơ sở y tế khác:</strong></div><div style="-webkit-text-stroke-width:0px;border-style:solid;border-width:0px;box-sizing:border-box;color:rgb(51, 51, 51);font-family:Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;letter-spacing:normal;margin:0px;orphans:2;padding:0px;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">Phòng KHĐT cùng Đơn vị lập kế hoạch, dự trù kinh phí cho các lớp đào tạo với các hình thức như đào tạo y khoa liên tục (CME), hội nghị, hội thảo, lớp học, … Những chương trình này có thể tổ chức tại Bệnh viện hoặc tổ chức tại các địa điểm bên ngoài tùy theo nhu cầu thực tế để đưa hoạt động đào tạo thực sự trở thành một mũi nhọn, một đặc trưng của bệnh viện.</div></div><div><div><div class="relative md:flex md:items-center md:gap-x-2"><button class="btn-navigation md:size-[42px] size-[32px] flex-shrink-0 items-center justify-center rounded-full btn-navigation-gallery-prev md:flex hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up size-4 -rotate-90"><path d="m18 15-6-6-6 6"></path></svg></button><div class="swiper swiper-initialized swiper-horizontal w-full swiper-backface-hidden"><div class="swiper-wrapper">
|
|
<div class="swiper-slide max-w-[356px] !mr-2 lg:!mr-3 xl:!mr-4"><div class="relative rounded-lg aspect-[3/2] overflow-hidden"><img src="https://sisvietnam.vn/wp-content/uploads/2019/01/IMG_6313.jpg" alt="Gallery 1" class="absolute inset-0 w-full h-full object-cover"></div></div><div class="swiper-slide max-w-[356px] !mr-2 lg:!mr-3 xl:!mr-4"><div class="relative rounded-lg aspect-[3/2] overflow-hidden"><img src="https://sisvietnam.vn/wp-content/uploads/2019/01/IMG_6313.jpg" alt="Gallery 2" class="absolute inset-0 w-full h-full object-cover"></div></div>
|
|
</div><button class="btn-navigation md:size-[42px] size-[32px] flex-shrink-0 items-center justify-center rounded-full btn-navigation-gallery-next md:flex hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="swiper-pagination swiper-pagination-training-gallery space-x-[13px] !relative [&_.swiper-pagination-bullet-active]:!bg-primary-600 [&_.swiper-pagination-bullet-active]:!opacity-100 [&_.swiper-pagination-bullet-active]:before:opacity-100 mt-6 flex justify-center [&_.swiper-pagination-bullet]:!relative [&_.swiper-pagination-bullet]:before:content-[''] [&_.swiper-pagination-bullet]:before:size-[14px] [&_.swiper-pagination-bullet]:before:bg-transparent [&_.swiper-pagination-bullet]:before:rounded-full [&_.swiper-pagination-bullet]:before:border [&_.swiper-pagination-bullet]:before:border-primary-600 md:[&_.swiper-pagination-bullet]:before:top-[-3px] [&_.swiper-pagination-bullet]:before:top-[-3px] [&_.swiper-pagination-bullet]:before:left-[-2.7px] [&_.swiper-pagination-bullet]:before:absolute [&_.swiper-pagination-bullet]:before:block [&_.swiper-pagination-bullet]:before:opacity-0 [&_.swiper-pagination-bullet]:!size-[8px] [&_.swiper-pagination-bullet]:!bg-gray-600 md:hidden swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div></div></div></div></section><section class="xl:py-12 md:py-8 py-6 bg-[#f6f6f6] xl:space-y-12 md:space-y-8 space-y-6"><div class="lg:container max-lg:pl-5 max-md:px-0"><div class="flex justify-between items-end md:mb-6 mb-4 lg:mb-8 max-lg:pr-5 max-md:px-4"><div><h2 class="display-7 text-primary-600">Cấp chứng chỉ</h2></div><div class="flex items-center gap-4"><div class="flex md:gap-2 gap-1"><button class="btn-navigation-cap-chung-chi-prev md:size-10 size-8 flex items-center justify-center rounded-full bg-white shadow-sm border border-gray-100 hover:bg-primary-600 hover:text-white transition-colors cursor-pointer group swiper-button-disabled swiper-button-lock" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up size-4 -rotate-90"><path d="m18 15-6-6-6 6"></path></svg></button><button class="btn-navigation-cap-chung-chi-next md:size-10 size-8 flex items-center justify-center rounded-full bg-white shadow-sm border border-gray-100 hover:bg-primary-600 hover:text-white transition-colors cursor-pointer group swiper-button-disabled swiper-button-lock" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div><div class="relative max-md:px-4 md:mb-6 mb-4 lg:mb-8"><div class="swiper swiper-initialized swiper-horizontal w-full swiper-backface-hidden"><div class="swiper-wrapper">
|
|
<!-- Slider group 'chung-chi' not found -->
|
|
</div></div></div><div class="lg:container max-lg:pl-5 max-md:px-0"><div class="flex justify-between items-end md:mb-6 mb-4 lg:mb-8 max-lg:pr-5 max-md:px-4"><div><h2 class="display-7 text-primary-600">Cấp giấy chứng nhận</h2></div><div class="flex items-center gap-4"><div class="flex md:gap-2 gap-1"><button class="btn-navigation-cap-giay-chung-nhan-prev md:size-10 size-8 flex items-center justify-center rounded-full bg-white shadow-sm border border-gray-100 hover:bg-primary-600 hover:text-white transition-colors cursor-pointer group swiper-button-disabled swiper-button-lock" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up size-4 -rotate-90"><path d="m18 15-6-6-6 6"></path></svg></button><button class="btn-navigation-cap-giay-chung-nhan-next md:size-10 size-8 flex items-center justify-center rounded-full bg-white shadow-sm border border-gray-100 hover:bg-primary-600 hover:text-white transition-colors cursor-pointer group swiper-button-disabled swiper-button-lock" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div><div class="relative max-md:px-4 md:mb-6 mb-4 lg:mb-8"><div class="swiper swiper-initialized swiper-horizontal w-full swiper-backface-hidden"><div class="swiper-wrapper">
|
|
<!-- Slider group 'giay-chung-nhan' not found -->
|
|
</div></div></div><div class="lg:container max-lg:pl-5 max-md:px-0"><div class="flex justify-between items-end md:mb-6 mb-4 lg:mb-8 max-lg:pr-5 max-md:px-4"><div><h2 class="display-7 text-primary-600">Đào tạo cấp giấy xác nhận quá trình thực hành</h2></div><div class="flex items-center gap-4"><div class="flex md:gap-2 gap-1"><button class="btn-navigation-dao-tao-cap-giay-xac-nhan-qua-trinh-thuc-hanh-prev md:size-10 size-8 flex items-center justify-center rounded-full bg-white shadow-sm border border-gray-100 hover:bg-primary-600 hover:text-white transition-colors cursor-pointer group swiper-button-disabled swiper-button-lock" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up size-4 -rotate-90"><path d="m18 15-6-6-6 6"></path></svg></button><button class="btn-navigation-dao-tao-cap-giay-xac-nhan-qua-trinh-thuc-hanh-next md:size-10 size-8 flex items-center justify-center rounded-full bg-white shadow-sm border border-gray-100 hover:bg-primary-600 hover:text-white transition-colors cursor-pointer group swiper-button-disabled swiper-button-lock" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div><div class="relative max-md:px-4 md:mb-6 mb-4 lg:mb-8"><div class="swiper swiper-initialized swiper-horizontal w-full swiper-backface-hidden"><div class="swiper-wrapper">
|
|
<!-- Slider group 'xac-nhan-thuc-hanh' not found -->
|
|
</div></div></div></section><section class="xl:py-8 md:py-6 py-4"><div class="container"><div class="grid grid-cols-12 xl:gap-x-8 md:gap-x-6 max-md:gap-y-4"><div class="xl:col-span-4 lg:col-span-5 col-span-full space-y-2"><div class="display-7 text-primary-600 md:mb-3 mb-2">Đào tạo thực hành sinh viên, học viên Đại học Y Dược TP. Hồ Chí Minh</div><div class="md:mb-6 mb-4 prose prose-content"><p>Với chức năng là cơ sở giảng dạy thực hành, đào tạo là một trong những hoạt động nòng cốt của Bệnh viện Đại học Y Dược TP. Hồ Chí Minh, nhằm tối ưu công tác đào tạo, Bệnh viện đa dạng hóa các loại hình đào tạo để đáp ứng các yêu cầu về đào tạo của nội bộ, của các cơ sở y tế khác và của học viên nước ngoài.</p></div><a class="btn btn-light label-2" href="https://bvdaihoc.com.vn/dao-tao-thuc-hanh-sv-hv-dhyd-tphcm">Xem chi tiết</a></div><div class="xl:col-span-8 lg:col-span-7 col-span-full relative rounded-lg overflow-hidden"><div class="relative aspect-[16/9] w-full h-full"><img alt="training" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-1.jpg&w=640&q=80 640w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-1.jpg&w=750&q=80 750w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-1.jpg&w=828&q=80 828w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-1.jpg&w=1080&q=80 1080w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-1.jpg&w=1200&q=80 1200w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-1.jpg&w=1920&q=80 1920w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-1.jpg&w=2048&q=80 2048w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-1.jpg&w=3840&q=80 3840w" src="./Đào tạo tại UMC_files/training-1.jpeg"></div></div></div></div></section><section class="xl:py-8 md:py-6 py-4 bg-gray-50"><div class="container"><div class="display-7 text-primary-600 md:mb-3 mb-2">Đào tạo - Chuyển giao kỹ thuật</div><div class="md:mb-6 mb-4 prose prose-content"><p>Bệnh viện Đại học Y Dược TP. Hồ Chí Minh được Bộ Y tế giao nhiệm vụ đào tạo và chuyển giao kỹ thuật cho bệnh viện tuyến dưới theo quyết định số 2636/QĐ-BYT ngày 20/6/2017 về việc phê duyệt <i>Dự án Bệnh viện vệ tinh giai đoạn 2016-2020</i></p><p>Từ năm 2014 đến năm 2022, Bệnh viện đã đào tạo và chuyển giao một số lĩnh vực chuyên môn phục vụ công tác khám, chữa bệnh cho 06 bệnh viện trên địa bàn TP. Hồ Chí Minh và 22 bệnh viện tuyến tỉnh, 37 kỹ thuật chuyên môn đã được chuyển giao.</p><p>Các kỹ thuật chuyển giao thuộc các chuyên khoa: Mắt, Chẩn đoán Hình ảnh, Chấn thương Chỉnh hình, Lồng ngực Mạch máu, Phẫu thuật Tim mạch, Ngoại Thần kinh, Ngoại Tiêu hóa, Ngoại Gan Mật Tụy, Hậu môn Trực tràng, Tạo hình Thẩm mỹ, Tai Mũi Họng…</p></div><a class="btn btn-light label-2" href="https://bvdaihoc.com.vn/dao-tao/dao-tao-chuyen-giao-ky-thuat">Xem chi tiết</a></div></section><section class="xl:py-8 md:py-6 py-4"><div class="container xl:space-y-8 md:space-y-6 space-y-4"><div class="relative aspect-[2/1] rounded-lg overflow-hidden"><img alt="training" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcset="/_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-2.jpg&w=640&q=80 640w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-2.jpg&w=750&q=80 750w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-2.jpg&w=828&q=80 828w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-2.jpg&w=1080&q=80 1080w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-2.jpg&w=1200&q=80 1200w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-2.jpg&w=1920&q=80 1920w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-2.jpg&w=2048&q=80 2048w, /_next/image?url=%2Fimages%2Fmedical-training%2Ftraining-2.jpg&w=3840&q=80 3840w" src="./Đào tạo tại UMC_files/training-2.jpeg"></div><div class="grid grid-cols-12 xl:gap-x-8 md:gap-x-6 max-lg:gap-y-6 max-md:gap-y-4"><div class="xl:col-span-4 lg:col-span-5 col-span-full"><div class="display-7 text-primary-600 md:mb-3 mb-2 lg:whitespace-pre-line">Đào tạo thực hành
|
|
lâm sàng</div><div class="body-2 md:mb-6 mb-4"><p>Với môi trường y khoa năng động và chuyên nghiệp, được hướng dẫn thực hành trực tiếp từ Giáo sư, Bác sĩ có kinh nghiệm chuyên môn cao, người học thực hành có cơ hội được tiếp cận nhanh chóng và học hỏi các quy trình chuyên môn, giúp người học cập nhật các phương pháp và kỹ thuật mới đã và đang áp dụng trong khám, điều trị tại Bệnh viện Đại học Y Dược TP. Hồ Chí Minh.</p></div><a class="btn btn-light label-2" href="https://bvdaihoc.com.vn/dao-tao-thuc-hanh-lam-sang">Xem chi tiết</a></div><div class="xl:col-span-8 lg:col-span-7 col-span-full"><div class="relative"><button class="btn-navigation absolute left-2 top-1/2 -translate-y-1/2 z-10 md:size-[42px] size-[32px] flex-shrink-0 items-center justify-center rounded-full btn-navigation-practical-prev md:flex hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up size-4 -rotate-90"><path d="m18 15-6-6-6 6"></path></svg></button><div class="swiper swiper-initialized swiper-horizontal w-full swiper-backface-hidden"><div class="swiper-wrapper">
|
|
<!-- Slider group 'hinh-anh-thuc-hanh' not found -->
|
|
</div><button class="btn-navigation absolute right-2 top-1/2 -translate-y-1/2 z-10 md:size-[42px] size-[32px] flex-shrink-0 items-center justify-center rounded-full btn-navigation-practical-next md:flex hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button><div class="swiper-pagination swiper-pagination-training-practical space-x-[13px] !relative [&_.swiper-pagination-bullet-active]:!bg-primary-600 [&_.swiper-pagination-bullet-active]:!opacity-100 [&_.swiper-pagination-bullet-active]:before:opacity-100 mt-6 flex justify-center md:hidden [&_.swiper-pagination-bullet]:!relative [&_.swiper-pagination-bullet]:before:content-[''] [&_.swiper-pagination-bullet]:before:size-[14px] [&_.swiper-pagination-bullet]:before:bg-transparent [&_.swiper-pagination-bullet]:before:rounded-full [&_.swiper-pagination-bullet]:before:border [&_.swiper-pagination-bullet]:before:border-primary-600 [&_.swiper-pagination-bullet]:before:top-[-2.7px] [&_.swiper-pagination-bullet]:before:left-[-2.7px] [&_.swiper-pagination-bullet]:before:absolute [&_.swiper-pagination-bullet]:before:block [&_.swiper-pagination-bullet]:before:opacity-0 [&_.swiper-pagination-bullet]:!size-[8px] [&_.swiper-pagination-bullet]:!bg-gray-600 swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div></div></div></div></div></section><!--$--><!--/$--><!--$--><!--/$--></main><div class="fixed bottom-6 right-6 z-[49] flex flex-col gap-3 items-end"><a href="tel:19002827" aria-label="Gọi điện thoại" class="flex h-10 w-10 items-center justify-center rounded-full bg-primary-700 shadow-lg transition-colors hover:bg-primary-800" style="opacity: 1; transform: none; transform-origin: 50% 50% 0px;"><svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><path d="M16.1732 6.54514C17.0854 4.81912 16.6963 2.79393 15.2684 1.54179L14.6564 1.00516C14.1125 0.528148 13.2191 0.586729 12.7421 1.13068L10.4763 3.71447C9.99934 4.25843 10.0579 5.15177 10.6019 5.62878C11.1458 6.10579 11.2044 6.99913 10.7274 7.54309L7.14984 11.6228C6.67284 12.1667 5.77949 12.2253 5.23554 11.7483C4.69158 11.2713 3.79824 11.3299 3.32123 11.8738L1.11507 14.3896C0.638063 14.9336 0.696643 15.8269 1.2406 16.3039L1.85255 16.8406C3.28043 18.0927 5.39872 18.146 6.93122 17.0843C10.1667 14.6292 14.17 10.2011 16.1732 6.54514Z" fill="white"></path></svg></a><button aria-label="Back to top" class="flex h-10 w-10 cursor-pointer items-center justify-center rounded-full bg-white shadow-lg transition-colors hover:bg-gray-100" tabindex="0" style="opacity: 1; transform: none;"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up text-black"><path d="m18 15-6-6-6 6"></path></svg></button></div><!--/$--><next-route-announcer style="position: absolute;"><template shadowrootmode="open"><div aria-live="assertive" id="__next-route-announcer__" role="alert" style="position: absolute; border: 0px; height: 1px; margin: -1px; padding: 0px; width: 1px; clip: rect(0px, 0px, 0px, 0px); overflow: hidden; white-space: nowrap; overflow-wrap: normal;"></div></template></next-route-announcer><div id="easychatgpt-widget" data-ecg-initialized="true" style="--ui-logo: https://assets.geteasy.ai/workspaces/2353/bots/2770/public/0fd2dbe4-63bf-4d8e-871f-ab903f800fca.png; --ui-name: Trợ lý AI của UMC; --ui-size: medium; --ui-theme: light; --ui-alignment-offset-mobile-vertical: 125px; --ui-alignment-offset-mobile-horizontal: 15px; --ui-alignment-offset-desktop-vertical: 130px; --ui-alignment-offset-desktop-horizontal: 20px; --ui-alignment-position: right; --ui-icon-image: https://assets.geteasy.ai/workspaces/2353/bots/2770/public/5026d034-feea-46db-a0c1-60c078ef5d5d.png; --ui-bubble_chat-offset-mobile-size: small; --ui-bubble_chat-offset-mobile-custom: 60px; --ui-bubble_chat-offset-desktop-size: small; --ui-bubble_chat-offset-desktop-custom: 60px; --ui-primary-color: rgb(8, 82, 158); --ui-chat-button-icon: <svg width="30" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="block z-10 text-white align-middle border-gray-200"><path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z" class="border-gray-200"></path></svg>; --ui-automatically-expand: false; --ui-show-assistant-avatar: true;"><template shadowrootmode="open"><div data-v-app=""><div workspaceuuid="d734fb80-4d39-4fd3-8b8c-d6af95ad4489"><div class="chat-widget position-right btn-size-desktop-small btn-size-mobile-small" style="display: none; --size-desktop-custom: 60px; --size-mobile-custom: 60px; --z-index-chatview: 9999999999; --z-index-bubblechat: 999999990;"><div class="w-screen grow sm:w-[425px] sm:h-[720px] sm:max-h-[calc(100vh-6rem)] z-[var(--z-index-chatview)] overflow-hidden ecg-chat-view sm:rounded-3xl box-shadow-md max-sm:border-t-0 max-sm:border-x-0 fixed max-sm:right-0 sm:right-4 duration-500 opacity-0 invisible translate-y-[150%] h-dvh rounded-none max-sm:top-0"><div id="ei-chat-container" class="flex flex-col h-full w-full bg-gray-50 h-full w-full"><div class="flex-1 overflow-hidden h-full"><!----><div id="chat-view" class="flex flex-col overflow-hidden bg-white h-full w-full pb-1"><div class="relative ecg-widget-header"><div class="flex items-center justify-between p-3.5 text-white bg-primary"><div class="flex items-center gap-2"><button class="p-1.5 rounded-lg hover:bg-white/10 text-white" aria-label="Quay lại"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" size="20" class="lucide lucide-chevron-left-icon"><path d="m15 18-6-6 6-6"></path></svg></button><!----><h2 class="text-base font-medium tracking-tight">Trợ lý AI của UMC</h2></div><div class="flex gap-1.5"><!----><div class="flex items-center justify-center rounded-lg size-8 bg-white/10 hover:bg-white/20 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" size="14" class="lucide lucide-refresh-ccw-icon"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg></div><button aria-label="eac-close-chat" class="size-8 rounded-lg flex items-center justify-center bg-white/10 hover:bg-white/20"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" size="16" class="lucide lucide-minus-icon"><path d="M5 12h14"></path></svg></button></div></div></div><div class="messages-wrapper"><div class="chat-banners block chat-content-item"><div class="embla-wrapper"><div class="embla"><div class="embla__container" style="transform: translate3d(0px, 0px, 0px);"><div class="embla__slide w-full h-[150px]"><div target="_blank" class="block w-full h-full"><img src="https://assets.geteasy.ai/workspaces/2353/bots/2770/public/fabf8d12-7b48-4257-a754-78288d866339.png" alt="ecg-banner" class="object-cover w-full h-full"></div></div></div></div><!----></div><button class="close-banner-btn"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-3"><path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div><div class="flex flex-col flex-grow px-2 pt-4 space-y-4 duration-100 lg:px-4 chat-content-item"><div class="space-y-3 mb-4"><div class="messages-group message-assistant"><span class="relative flex flex-shrink-0 overflow-hidden bg-white size-8 message-avatar opacity-0 rounded"><img src="https://assets.geteasy.ai/workspaces/2353/bots/2770/public/0fd2dbe4-63bf-4d8e-871f-ab903f800fca.png" alt="Trợ lý AI của UMC" class="object-cover w-full h-full"></span><div class="messages"><div class="relative flex-1 group w-fit max-w-[92%]"><!----><div class="relative w-full mr-auto"><div class="message message-assistant"><div class="relative max-w-full w-fit"><div class="relative px-4 py-3.5 min-w-11 bg-gray-100 rounded-xl prose-sm prose max-sm:select-none"><p>Xin chào, Em là trợ lý ảo của UMC 👋</p>
|
|
</div><button type="button" aria-label="Trả lời" title="Trả lời" class="reply-btn opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity duration-200 flex items-center justify-center size-6 rounded-full bg-gray-50 shadow-sm text-gray-500 hover:bg-gray-100 hover:text-gray-600 absolute top-1/2 -translate-y-1/2 -right-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote-icon size-3"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path></svg></button><div class="absolute right-1.5 -bottom-3 opacity-0 md:group-hover:opacity-100 transition-opacity duration-300"><div data-v-76058769="" class="relative reaction-container"><div data-v-76058769="" class="flex items-center group-reactions"><!----><button data-v-76058769="" class="reaction-button flex items-center justify-center size-[26px] border border-gray-100 shadow-sm rounded-full bg-white select-none transition-[transform,filter,background-color] duration-[150ms,200ms,200ms] ease-[cubic-bezier(0.175,0.885,0.32,1.275),ease,ease] hover:scale-110 active:scale-95 will-change-transform-opacity grayscale text-sm"><svg data-v-76058769="" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" size="14" class="lucide lucide-heart-icon text-gray-500"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><div data-v-76058769="" class="absolute -top-2 z-10 -translate-y-full emoji-picker sm:top-0 origin-center-bottom will-change-[transform,opacity] translate-x-0 -right-0 sm:-right-3"><div data-v-76058769="" class="flex justify-center items-center px-2 py-0.5 rounded-3xl select-none bg-white/90" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;"><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0s;"><span data-v-76058769="" class="leading-[100%] text-base sm:text-sm translate-y-[1px]">❤️</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Yêu thích</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.03s;"><span data-v-76058769="" class="leading-[100%] text-base sm:text-sm translate-y-[1px]">👍</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Thích</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.06s;"><span data-v-76058769="" class="leading-[100%] text-lg sm:text-base">🤣</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Haha</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.09s;"><span data-v-76058769="" class="leading-[100%] text-lg sm:text-base">😮</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Wow</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.12s;"><span data-v-76058769="" class="leading-[100%] text-lg sm:text-base">😭</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Buồn</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.15s;"><span data-v-76058769="" class="leading-[100%] text-base sm:text-sm translate-y-[1px]">👎</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Không thích</div></button><!----></div></div><!----></div></div></div><!----></div></div><!----></div></div></div><div id="message-1" class="messages-group message-assistant !mt-2"><span class="relative flex flex-shrink-0 overflow-hidden bg-white size-8 message-avatar opacity-100 rounded"><img src="https://assets.geteasy.ai/workspaces/2353/bots/2770/public/0fd2dbe4-63bf-4d8e-871f-ab903f800fca.png" alt="Trợ lý AI của UMC" class="object-cover w-full h-full"></span><div class="messages"><div class="relative flex-1 group w-fit max-w-[92%]"><!----><div class="relative w-full mr-auto"><div class="message message-assistant"><div class="relative max-w-full w-fit"><div class="relative px-4 py-3.5 min-w-11 bg-gray-100 rounded-xl prose-sm prose max-sm:select-none"><p>Em rất sẵn lòng hỗ trợ Anh/Chị 😊</p>
|
|
</div><button type="button" aria-label="Trả lời" title="Trả lời" class="reply-btn opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity duration-200 flex items-center justify-center size-6 rounded-full bg-gray-50 shadow-sm text-gray-500 hover:bg-gray-100 hover:text-gray-600 absolute top-1/2 -translate-y-1/2 -right-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote-icon size-3"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path></svg></button><div class="absolute right-1.5 -bottom-3 opacity-100"><div data-v-76058769="" class="relative reaction-container"><div data-v-76058769="" class="flex items-center group-reactions"><!----><button data-v-76058769="" class="reaction-button flex items-center justify-center size-[26px] border border-gray-100 shadow-sm rounded-full bg-white select-none transition-[transform,filter,background-color] duration-[150ms,200ms,200ms] ease-[cubic-bezier(0.175,0.885,0.32,1.275),ease,ease] hover:scale-110 active:scale-95 will-change-transform-opacity grayscale text-sm"><svg data-v-76058769="" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" size="14" class="lucide lucide-heart-icon text-gray-500"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><div data-v-76058769="" class="absolute -top-2 z-10 -translate-y-full emoji-picker sm:top-0 origin-center-bottom will-change-[transform,opacity] translate-x-[46%] right-0"><div data-v-76058769="" class="flex justify-center items-center px-2 py-0.5 rounded-3xl select-none bg-white/90" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;"><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0s;"><span data-v-76058769="" class="leading-[100%] text-base sm:text-sm translate-y-[1px]">❤️</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Yêu thích</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.03s;"><span data-v-76058769="" class="leading-[100%] text-base sm:text-sm translate-y-[1px]">👍</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Thích</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.06s;"><span data-v-76058769="" class="leading-[100%] text-lg sm:text-base">🤣</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Haha</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.09s;"><span data-v-76058769="" class="leading-[100%] text-lg sm:text-base">😮</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Wow</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.12s;"><span data-v-76058769="" class="leading-[100%] text-lg sm:text-base">😭</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Buồn</div></button><button data-v-76058769="" class="emoji-btn bg-transparent border-none cursor-pointer flex items-center justify-center size-[28px] sm:size-[26px] rounded-3xl hover:bg-gray-100 hover:scale-115 relative transition-[transform,background-color] duration-150 ease-in-out will-change-transform" style="--delay: 0.15s;"><span data-v-76058769="" class="leading-[100%] text-base sm:text-sm translate-y-[1px]">👎</span><div data-v-76058769="" class="custom-tooltip absolute -top-[25px] left-1/2 -translate-x-1/2 scale-[0.8] bg-black/75 text-white text-[10px] px-1.5 py-0.5 rounded whitespace-nowrap opacity-0 pointer-events-none transition-[opacity,transform] duration-200 ease-in-out z-[60] hidden hover-hover:group-hover/emoji:opacity-100 hover-hover:group-hover/emoji:scale-100 after:content-[''] after:absolute after:top-full after:left-1/2 after:-ml-1 after:border-4 after:border-solid after:border-t-black/75 after:border-x-transparent after:border-b-transparent">Không thích</div></button><!----></div></div><!----></div></div></div><!----></div></div><!----></div></div></div><!----><!----></div></div><div class="px-4 duration-200 pb-0"><div class="flex flex-col items-end py-4 space-y-2"><div class="quick-prompt-tag active">Giới thiệu về bệnh viện</div><div class="quick-prompt-tag active">Đặt lịch khám</div><div class="quick-prompt-tag active">Thủ tục khám bệnh bảo hiểm y tế</div></div></div></div><div class="relative"><!----><!----><div class="relative z-30 bg-white"><div class="w-full px-3 pt-1"><div class="border border-gray-200 rounded-2xl"><!----><!----><!----><div class="relative flex w-full"><div class="flex absolute top-1/2 -translate-y-1/2 left-1.5 z-10 items-center quick-prompts"><button type="button" class="flex items-center justify-center transition-colors rounded-full size-8 overflow-hidden hover:bg-gray-50 bg-white" title="Gợi ý nhanh"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" size="18" class="lucide lucide-menu-icon text-gray-500"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button><!----></div><textarea id="eac-chat-input" class="resize-none rounded-3xl input" placeholder="Nhập tin nhắn..." rows="1" style="height: 44px;"></textarea><div class="absolute z-10 flex items-center duration-200 top-1/2 -translate-y-1/2 right-1"><!----><div class="w-fit relative group"><input type="file" class="hidden" accept=".pdf,.doc,.docx,.xls,.xlsx,.csv,.jpg,.jpeg,.png,.webp,.bmp,.tiff,.tif,.heic,.avif,.mp3,.wav,.ogg,.m4a" multiple=""><button type="button" class="size-9 flex items-center justify-center rounded-full sm:hover:bg-gray-100 cursor-pointer text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" size="18" class="lucide lucide-paperclip-icon"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg></button><!----></div><button type="button" class="bg-primary text-white sm:hover:opacity-80 flex items-center justify-center ml-1.5 duration-200 rounded-full size-9"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" size="16" class="lucide lucide-send-horizontal-icon"><path d="m3 3 3 9-3 9 19-9Z"></path><path d="M6 12h16"></path></svg></button></div></div><!----></div></div></div></div><div class="drawer-form" tabindex="-1"></div><div class="drawer-form" tabindex="-1"></div><!----><div class="drawer-overlay-custom"></div><!----><div class="drawer-overlay-custom"></div><!----><div class="drawer-overlay-custom"></div><!----><div class="drawer-overlay-custom"></div><!----></div><!----><!----></div><!----><div class="flex items-center justify-center w-full py-1 flex-row bg-white"><!----><a href="https://geteasy.ai/" target="_blank" rel="nofollow noreferrer" class="text-[10px] text-gray-500 font-medium flex items-center space-x-1 px-2 pb-0.5"><span>Powered by</span><div class="flex items-center space-x-1"><svg width="20" height="6.25" viewBox="0 0 32 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="mt-px"><path d="M29.0312 2.39062V2.39062C21.8342 9.58768 10.1655 9.58768 2.9684 2.39062V2.39062" stroke="url(#paint0_linear_950_398)" stroke-width="3" stroke-linecap="square"></path><defs><lineargradient id="paint0_linear_950_398" x1="9.48412" y1="8.90634" x2="22.5155" y2="-4.12509" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#3A087F"></stop><stop offset="40%" stop-color="#A535EB"></stop><stop offset="70%" stop-color="#FCA63E"></stop><stop offset="88%" stop-color="#54D5A4"></stop><stop offset="100%" stop-color="#1B8AF7"></stop></lineargradient></defs></svg><span class="font-bold text-gray-900">Easy AI</span></div></a></div></div></div><div class="z-[var(--z-index-bubblechat)] chat-button-group fixed bottom-[var(--ui-alignment-offset-vertical)] space-y-2"><div><div class="flex-col space-y-2 sm:space-y-3 group items-end hidden sm:flex"><div class="pr-0.5 duration-500 group-hover:block inner-close hidden"><button class="flex overflow-hidden relative justify-center items-center w-6 h-6 md:w-5 md:h-5 rounded-full hover:opacity-70"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="relative z-10 w-4 md:w-3 text-white"><path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="absolute inset-0 bg-gray-500/60"></div></button></div><div class="translate-y-0 opacity-100 visible px-3 pt-2 cursor-pointer pb-1 box-shadow-md bg-white rounded-xl relative w-[180px] sm:w-[200px] duration-1000 delay-75"><div class="items-center space-x-1 sm:space-x-2 mb-1 sm:mb-1.5 hidden sm:flex"><div class="overflow-hidden size-5 sm:size-6 shrink-0 rounded"><img src="https://assets.geteasy.ai/workspaces/2353/bots/2770/public/0fd2dbe4-63bf-4d8e-871f-ab903f800fca.png" alt="Trợ lý AI của UMC" class="object-cover w-full h-full"></div><div class="text-sm font-medium text-primary leading-[120%]">Trợ lý AI của UMC</div></div><div><div data-v-62f66be8="" class="vertical-custom-slide duration-500" style="height: 42px;"><div data-v-62f66be8="" class="duration-1000 vertical-move" style="transform: translateY(-42px);"><div data-v-62f66be8="" class="flex-1 text-sm text-gray-700 duration-1000 vertical-slide-item opacity-0">Xin chào, Em là trợ lý ảo của UMC 👋</div><div data-v-62f66be8="" class="flex-1 text-sm text-gray-700 duration-1000 vertical-slide-item opacity-100">Em rất sẵn lòng hỗ trợ Anh/Chị 😊</div></div></div></div></div></div></div><!----><!----><div class="duration-300 relative w-fit border-[3px] rounded-lg delay-300 ml-auto border-transparent"><!----><button aria-label="chat-button" class="flex relative justify-center items-center cursor-pointer chat-button disabled:pointer-events-none disabled:opacity-50 group rounded-lg bg-transparent shadow overflow-hidden"><img src="https://assets.geteasy.ai/workspaces/2353/bots/2770/public/5026d034-feea-46db-a0c1-60c078ef5d5d.png" alt="Trợ lý AI của UMC" class="object-cover w-full h-full"></button></div></div></div><!----><!----><!----><!----><!----></div></div><link rel="stylesheet" href="https://widget.geteasy.ai/dist/widget/main.css?v=1784950551115"></template></div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer Fragment -->
|
|
<footer>
|
|
<footer id="l--main-footer" class="site-footer">
|
|
<h2 class="visually-hidden">Site Footer</h2>
|
|
<div class="region region-footer r--region r--footer">
|
|
<div class="lc--layout-container lc--full">
|
|
<div class="l--layout l--full">
|
|
<section class="cc-component-container cc--footer" aria-label="Site Footer">
|
|
<div class="c--component c--footer">
|
|
|
|
<style>
|
|
.sis-footer-custom {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0px 20px;
|
|
gap: 60px;
|
|
color: #fff;
|
|
font-family: var(--font-family-base, 'Inter', sans-serif);
|
|
justify-content: center;
|
|
margin: 0;
|
|
}
|
|
.sis-footer-left {
|
|
flex: 0 0 320px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
.sis-footer-logo {
|
|
max-width: 250px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.sis-social-text {
|
|
font-size: 0.95rem;
|
|
margin-bottom: 12px;
|
|
font-weight: 500;
|
|
}
|
|
.sis-social-icons {
|
|
display: flex;
|
|
gap: 12px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.sis-social-icons img, .sis-social-icons svg {
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
}
|
|
.sis-social-icons a {
|
|
transition: transform 0.2s ease;
|
|
}
|
|
.sis-social-icons a:hover {
|
|
transform: scale(1.1);
|
|
}
|
|
.sis-app-stores {
|
|
display: flex;
|
|
gap: 12px;
|
|
}
|
|
.sis-app-stores img {
|
|
height: 36px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.sis-footer-right {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 20px;
|
|
justify-content: space-around;
|
|
}
|
|
.sis-hospital-box {
|
|
flex: 1;
|
|
min-width: 260px;
|
|
border: 1px solid rgba(255,255,255,0.4);
|
|
border-radius: 12px;
|
|
padding: 24px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
.sis-hospital-box h3 {
|
|
font-size: 1.15rem;
|
|
font-weight: 700;
|
|
margin: 0 0 10px 0;
|
|
color: #fff;
|
|
}
|
|
.sis-hospital-box p {
|
|
font-size: 0.9rem;
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
color: #f8f9fa;
|
|
}
|
|
.sis-hospital-icons {
|
|
margin-top: 10px;
|
|
padding-top: 10px;
|
|
display: flex;
|
|
gap: 16px;
|
|
}
|
|
.sis-hospital-icons svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
fill: #fff;
|
|
opacity: 0.8;
|
|
cursor: pointer;
|
|
transition: opacity 0.2s;
|
|
}
|
|
.sis-hospital-icons svg:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
.sis-footer-custom {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.sis-footer-right {
|
|
flex-direction: column;
|
|
width: 100%;
|
|
max-width: 500px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div class="sis-footer-custom">
|
|
<div class="sis-footer-left">
|
|
<img src="/theme-assets/umass/images/logo.png" alt="Stroke International Services" class="sis-footer-logo" />
|
|
<div class="sis-social-text">Theo dõi thông tin chính thức tại</div>
|
|
<div class="sis-social-icons">
|
|
<a href="#" aria-label="Facebook">
|
|
<!-- Facebook Icon -->
|
|
<svg viewBox="0 0 24 24" width="32" height="32"><circle cx="12" cy="12" r="12" fill="#1877F2"/><path d="M14.5 12h-2v7h-3v-7h-1.5v-2.5H11v-1.5c0-1.2.7-2.5 2.5-2.5h2v2.5h-1.3c-.4 0-.7.3-.7.8v.7h2l-.5 2.5z" fill="#FFF"/></svg>
|
|
</a>
|
|
<a href="#" aria-label="YouTube">
|
|
<!-- YouTube Icon -->
|
|
<svg viewBox="0 0 24 24" width="32" height="32"><circle cx="12" cy="12" r="12" fill="#FF0000"/><path d="M16 12l-6 3.5v-7L16 12z" fill="#FFF"/></svg>
|
|
</a>
|
|
<a href="#" aria-label="Zalo">
|
|
<!-- Zalo Icon Placeholder -->
|
|
<svg viewBox="0 0 24 24" width="32" height="32"><circle cx="12" cy="12" r="12" fill="#0068FF"/><path d="M12 5.5c-4.4 0-8 3.2-8 7 0 2.2 1.2 4 3 5.3v3.2l3-1.7c.6.2 1.3.2 2 .2 4.4 0 8-3.2 8-7s-3.6-7-8-7zm-1 9l-2-2 4 2 2-2-4-2z" fill="#FFF"/></svg>
|
|
</a>
|
|
<a href="#" aria-label="TikTok">
|
|
<!-- TikTok Icon -->
|
|
<svg viewBox="0 0 24 24" width="32" height="32"><circle cx="12" cy="12" r="12" fill="#000000"/><path d="M15 9.5c-.7 0-1.3-.2-1.9-.5V14c0 1.9-1.5 3.5-3.5 3.5S6 15.9 6 14s1.5-3.5 3.5-3.5c.3 0 .7.1 1 .2v2.1c-.3-.1-.6-.2-1-.2-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5v-8h2c0 1.3 1 2.5 2 2.5v2z" fill="#FFF"/></svg>
|
|
</a>
|
|
</div>
|
|
<div class="sis-app-stores">
|
|
<a href="#">
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/3/3c/Download_on_the_App_Store_Badge.svg" alt="Tải trên App Store" />
|
|
</a>
|
|
<a href="#">
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Tải trên Google Play" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sis-footer-right">
|
|
<div class="sis-hospital-box">
|
|
<h3>Bệnh viện Đa khoa Quốc Tế S.I.S Cần Thơ</h3>
|
|
<p>397 Nguyễn Văn Cừ, P. An Bình, TP. Cần Thơ</p>
|
|
<p><strong>Hotline:</strong> <span>1800 1115</span></p>
|
|
<p><strong>Email:</strong> <span>cskh@dotquy.vn</span></p>
|
|
<div class="sis-hospital-icons">
|
|
<a href="https://sisvietnam.vn/" target="_blank" aria-label="Website">
|
|
<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
|
|
</a>
|
|
<a href="https://maps.google.com/maps?q=Bệnh%20viện%20Đa%20khoa%20Quốc%20Tế%20S.I.S%20Cần%20Thơ&t=&z=16&ie=UTF8&iwloc=&output=embed" target="_blank" aria-label="Bản đồ">
|
|
<svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="sis-hospital-box">
|
|
<h3>Bệnh viện Đa khoa Quốc Tế S.I.S Đà Nẵng</h3>
|
|
<p>Đường Trường Sơn, Xã Hòa Nhơ, Huyện Hòa Vang, Thành phố Đà Nẵng, Việt Nam</p>
|
|
<p><strong>Hotline:</strong> <span>1800 1115</span></p>
|
|
<p><strong>Email:</strong> <span>cskh@dotquy.vn</span></p>
|
|
<div class="sis-hospital-icons">
|
|
<a href="#" target="_blank" aria-label="Website">
|
|
<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
|
|
</a>
|
|
<a href="#" target="_blank" aria-label="Bản đồ">
|
|
<svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="sis-hospital-box">
|
|
<h3>Bệnh viện Đa khoa Quốc Tế S.I.S Nha Trang</h3>
|
|
<p>Khu đô thị Mỹ Gia, phường Nam Nha Trang, tỉnh Khánh Hòa</p>
|
|
<p><strong>Hotline:</strong> <span>1800 1115</span></p>
|
|
<p><strong>Email:</strong> <span>#</span></p>
|
|
<div class="sis-hospital-icons">
|
|
<a href="#" target="_blank" aria-label="Website">
|
|
<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
|
|
</a>
|
|
<a href="#" target="_blank" aria-label="Bản đồ">
|
|
<svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.sis-footer-bottom {
|
|
width: 100%;
|
|
text-align: center;
|
|
background-color: var(--color-brand); /* Slightly darker background for the bottom bar */
|
|
font-size: 0.9rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
color: #fff;
|
|
font-family: var(--font-family-base, 'Inter', sans-serif);
|
|
}
|
|
.sis-footer-links {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 15px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sis-footer-links a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
.sis-footer-links a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.sis-footer-links span.separator {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.sis-footer-copyright {
|
|
opacity: 0.8;
|
|
}
|
|
</style>
|
|
|
|
<div class="sis-footer-bottom">
|
|
<div class="sis-footer-links">
|
|
<a href="#">Chính sách bảo mật</a>
|
|
<span class="separator">|</span>
|
|
<a href="#">Điều khoản dịch vụ</a>
|
|
<span class="separator">|</span>
|
|
<a href="#">Quy định sử dụng</a>
|
|
<span class="separator">|</span>
|
|
<a href="#">Chính sách Cookie</a>
|
|
</div>
|
|
<div class="sis-footer-copyright">
|
|
Copyright ©2025. Bệnh viện Đa Khoa Quốc Tế S.I.S Cần Thơ.
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Core Scripts -->
|
|
<script src="/js/mobile-menu.js"></script>
|
|
|
|
<!-- Page Specific Scripts -->
|
|
|
|
</body>
|
|
|
|
</html>
|