Files
sisvietnamvn_01/sisvietnamvn_main/src/main/resources/templates/tin-tuc.html
T
2026-06-25 09:36:05 +07:00

456 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="vi" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{fragments/layout}">
<head>
<th:block layout:fragment="head">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description"
content="Cập nhật các tin tức y tế, hoạt động bệnh viện và thông tin sức khỏe mới nhất từ Bệnh Viện Đa Khoa Quốc Tế S.I.S Cần Thơ.">
<meta property="og:site_name" content="Bệnh Viện S.I.S Cần Thơ">
<meta property="og:url" content="https://sisvietnam.vn/tin-tuc">
<meta property="og:title" content="Tin Tức | Bệnh Viện Đa Khoa Quốc Tế S.I.S Cần Thơ">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Tin Tức | S.I.S Cần Thơ">
<meta name="msapplication-TileColor" content="#881c1c">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32"
href="https://sisvietnam.vn/wp-content/uploads/2018/08/cropped-favicon-1.png">
<title>Tin Tức - Bệnh Viện Đa Khoa Quốc Tế S.I.S Cần Thơ</title>
<link href="/Undergraduate Study _ UMass Amherst_files/css2" rel="stylesheet">
<link rel="stylesheet" media="all"
href="/Undergraduate Study _ UMass Amherst_files/css_09S7WcUyhLeUXabknzECn_ua5zOangtv2BF4OXAW2fM.css">
<link rel="stylesheet" media="all"
href="/Undergraduate Study _ UMass Amherst_files/css_lbHsfoskq5tpGTIY2gn4aghMYP9fiDdXWHcpUbmtzYk.css">
<link rel="stylesheet" media="all"
href="/Undergraduate Study _ UMass Amherst_files/css_9iVMqxgjFme60Jzg02SPG6OgV2nEDh1hy5Ki5aoUENs.css">
<style>
/* Pagination styling */
.tin-tuc-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 32px 0;
}
.tin-tuc-pagination a,
.tin-tuc-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 0.9rem;
color: #881c1c;
text-decoration: none;
transition: background 0.2s, color 0.2s;
}
.tin-tuc-pagination a:hover {
background: #881c1c;
color: #fff;
border-color: #881c1c;
}
.tin-tuc-pagination span.current-page {
background: #881c1c;
color: #fff;
border-color: #881c1c;
font-weight: bold;
}
/* News meta info (date, category tag) */
.news-card-meta {
font-size: 0.78rem;
color: #666;
margin-bottom: 6px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.news-card-meta .tag {
background: #f5e4e4;
color: #881c1c;
padding: 2px 8px;
border-radius: 20px;
font-weight: 500;
}
/* Make cards feel like news items with date */
.c--card-grid-card .news-card-meta {
padding: 0 0 4px 0;
}
/* Uniform card images */
.c--card-grid-card .f--image img {
width: 100%;
height: 240px;
object-fit: cover;
object-position: center;
display: block;
}
</style>
</th:block>
</head>
<body>
<div layout:fragment="content"
class="dialog-off-canvas-main-canvas umass-platform-homepage path-node page-node-type-landing-page transparent-header"
data-off-canvas-main-canvas="">
<main id="main-content">
<div class="l--content">
<div class="above-content">
<div class="messages-unpublished-wrapper"></div>
<div class="region region-content-above r--region r--content-above">
<div data-drupal-messages-fallback="" class="hidden"></div>
</div>
</div>
<div class="content">
<div class="region region-content r--region r--content">
<div id="block-umass-base-content"
class="block block-system block-system-main-block tc--template-container tc--landing-page">
<div class="t--template t--landing-page">
<!-- Hero Banner -->
<div class="content-top">
<div class="lc--layout-container lc--full">
<div class="l--layout l--full">
<div class="lr--layout-region lr--main">
<div class="cc--component-container cc--hero-landing ">
<div class="c--component c--hero-landing">
<div class="image-video-container">
<div class="f--field f--image">
<img
src="https://sisvietnam.vn/wp-content/uploads/2018/10/op1-view1g%E1%BA%A1ch-min-1-1024x722.jpg"
class="" alt="Tin Tức Bệnh Viện S.I.S Cần Thơ" height="900" width="1600"
style="aspect-ratio: 16/9; object-fit: cover; width: 100%; height: 100%;">
</div>
</div>
<div class="text-container">
<div class="text-container-inner">
<div class="f--field f--page-title">
<h1>Tin Tức &amp; Sự Kiện</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Hero Banner -->
<!-- Two-column main content -->
<div class="content-main">
<div class="lc--layout-container lc--two-column">
<div class="l--layout l--two-column">
<!-- LEFT SIDEBAR: News Categories -->
<aside class="lr--layout-region lr--sidebar">
<div id="block-mainnavigation-sidebar"
class="block block-system block-system-menu-blockmain cc--component-container cc--menu-left-nav">
<div class="c--component c--menu-left-nav">
<div class="f--field f--section-title">
<h2>
<span class="nolink">Danh Mục Tin Tức</span>
</h2>
</div>
<nav class="mc--menu mc--left-nav-menu" data-once="sideNav">
<ul block="block-mainnavigation-sidebar" class="menu m--menu m--left-nav-menu">
<li class="menu-item menu-item--active-trail">
<a href="/tin-tuc" class="is-active" aria-current="page">Tất cả tin tức</a>
</li>
<li class="menu-item">
<a href="/tin-tuc?category=hoat-dong-benh-vien">Hoạt Động Bệnh Viện</a>
</li>
<li class="menu-item">
<a href="/tin-tuc?category=y-hoc-thuong-thuc">Y Học Thường Thức</a>
</li>
<li class="menu-item">
<a href="/tin-tuc?category=bao-chi">Báo Chí Viết Về S.I.S</a>
</li>
<li class="menu-item">
<a href="/tin-tuc?category=su-kien">Sự Kiện &amp; Hội Thảo</a>
</li>
<li class="menu-item">
<a href="/tin-tuc?category=tuyen-dung">Tuyển Dụng</a>
</li>
</ul>
</nav>
</div>
</div>
</aside>
<!-- END SIDEBAR -->
<!-- RIGHT MAIN: News Card Grid -->
<div class="lr--layout-region lr--main">
<!-- Intro text -->
<section class="cc--component-container cc--wysiwyg ">
<div class="c--component c--wysiwyg">
<div class="f--field f--wysiwyg">
<p>Cập nhật những thông tin mới nhất về hoạt động của Bệnh viện Đa Khoa Quốc Tế S.I.S Cần
Thơ, các kiến thức y học thường thức, sự kiện nổi bật và các tin tức được báo chí trong
nước đưa tin.</p>
</div>
</div>
</section>
<!-- News Card Grid -->
<div class="cc--component-container cc--card-grid ">
<div class="c--component c--card-grid">
<div class="text-container">
<div data-component-id="umass_base:section-title" class="f--section-title">
<h2>Tin Tức Mới Nhất</h2>
</div>
</div>
<div class="f--field f--cards nested">
<!-- News Card 1 -->
<div class="cc--component-container cc--card-grid-card ">
<div class="c--component c--card-grid-card">
<div class="f--field f--image">
<img src="https://sisvietnam.vn/wp-content/uploads/2019/01/IMG_6313.jpg" class=""
alt="Can thiệp đột quỵ cấp tính thành công tại S.I.S Cần Thơ">
</div>
<div class="text-container">
<div class="news-card-meta">
<span class="tag">Hoạt Động Bệnh Viện</span>
<span>03/06/2026</span>
</div>
<h3 class="ally-focus-within">
Can Thiệp Đột Quỵ Cấp Tính Thành Công, Bệnh Nhân Hồi Phục Ngoạn Mục
</h3>
<div data-component-id="umass_base:description" class="f--description">
<p>Ê-kíp bác sĩ chuyên khoa Thần kinh Đột quỵ của S.I.S Cần Thơ vừa thực hiện
thành
công ca can thiệp nội mạch lấy huyết khối cho bệnh nhân trong cửa sổ vàng 6 giờ
đầu.</p>
</div>
<div class="f--field f--button">
<a href="#" class="button-text-link button-context-light "
aria-label="Đọc thêm về Can thiệp đột quỵ" target="_self"
data-component-id="umass_base:button">
<span class="button-text">Đọc thêm</span>
</a>
</div>
</div>
</div>
</div>
<!-- News Card 2 -->
<div class="cc--component-container cc--card-grid-card ">
<div class="c--component c--card-grid-card">
<div class="f--field f--image">
<img
src="https://sisvietnam.vn/wp-content/uploads/2018/10/op1-view1g%E1%BA%A1ch-min-1-1024x722.jpg"
class="" alt="Hội thảo khoa học tim mạch">
</div>
<div class="text-container">
<div class="news-card-meta">
<span class="tag">Sự Kiện &amp; Hội Thảo</span>
<span>28/05/2026</span>
</div>
<h3 class="ally-focus-within">
Hội Thảo Khoa Học "Đột Quỵ Và Tim Mạch Cập Nhật Điều Trị 2026"
</h3>
<div data-component-id="umass_base:description" class="f--description">
<p>S.I.S Cần Thơ phối hợp với Hội Tim Mạch Học Việt Nam tổ chức hội thảo khoa học
thu hút hơn 200 chuyên gia y tế từ các tỉnh khu vực ĐBSCL tham dự.</p>
</div>
<div class="f--field f--button">
<a href="#" class="button-text-link button-context-light "
aria-label="Đọc thêm về Hội thảo" target="_self"
data-component-id="umass_base:button">
<span class="button-text">Đọc thêm</span>
</a>
</div>
</div>
</div>
</div>
<!-- News Card 3 -->
<div class="cc--component-container cc--card-grid-card ">
<div class="c--component c--card-grid-card">
<div class="f--field f--image">
<img
src="https://sisvietnam.vn/wp-content/uploads/2026/05/SO-DO-TO-CHUC-BENH-VIEN-SIS_cap-nhat-15.05.2026.jpg"
class="" alt="Nhận biết dấu hiệu đột quỵ">
</div>
<div class="text-container">
<div class="news-card-meta">
<span class="tag">Y Học Thường Thức</span>
<span>20/05/2026</span>
</div>
<h3 class="ally-focus-within">
Nhận Biết Dấu Hiệu Đột Quỵ Trong 60 Giây FAST Là Gì?
</h3>
<div data-component-id="umass_base:description" class="f--description">
<p>Phương pháp nhận biết đột quỵ bằng quy tắc FAST (Face Arm Speech Time)
được
Tổ Chức Y Tế Thế Giới khuyến nghị. Nhận biết sớm, cứu não kịp thời.</p>
</div>
<div class="f--field f--button">
<a href="#" class="button-text-link button-context-light "
aria-label="Đọc thêm về FAST" target="_self"
data-component-id="umass_base:button">
<span class="button-text">Đọc thêm</span>
</a>
</div>
</div>
</div>
</div>
<!-- News Card 4 -->
<div class="cc--component-container cc--card-grid-card ">
<div class="c--component c--card-grid-card">
<div class="f--field f--image">
<img src="https://sisvietnam.vn/wp-content/uploads/2019/01/IMG_6313.jpg" class=""
alt="Quỹ Nhịp Cầu Nhân Ái">
</div>
<div class="text-container">
<div class="news-card-meta">
<span class="tag">Hoạt Động Bệnh Viện</span>
<span>15/05/2026</span>
</div>
<h3 class="ally-focus-within">
Quỹ Nhịp Cầu Nhân Ái Hỗ Trợ Hơn 500 Bệnh Nhân Khó Khăn Trong Tháng 5
</h3>
<div data-component-id="umass_base:description" class="f--description">
<p>Trong tháng 5/2026, Quỹ Nhịp Cầu Nhân Ái của S.I.S Cần Thơ đã hỗ trợ chi phí
điều trị đột quỵ cấp tính cho hơn 500 bệnh nhân có hoàn cảnh khó khăn.</p>
</div>
<div class="f--field f--button">
<a href="#" class="button-text-link button-context-light "
aria-label="Đọc thêm về Quỹ Nhịp Cầu" target="_self"
data-component-id="umass_base:button">
<span class="button-text">Đọc thêm</span>
</a>
</div>
</div>
</div>
</div>
<!-- News Card 5 -->
<div class="cc--component-container cc--card-grid-card ">
<div class="c--component c--card-grid-card">
<div class="f--field f--image">
<img
src="https://sisvietnam.vn/wp-content/uploads/2018/10/op1-view1g%E1%BA%A1ch-min-1-1024x722.jpg"
class="" alt="Báo Tuổi Trẻ viết về SIS">
</div>
<div class="text-container">
<div class="news-card-meta">
<span class="tag">Báo Chí</span>
<span>10/05/2026</span>
</div>
<h3 class="ally-focus-within">
Tuổi Trẻ: "S.I.S Cần Thơ Điểm Tựa Của Người Dân Miền Tây Trong Cuộc Chiến Với
Đột Quỵ"
</h3>
<div data-component-id="umass_base:description" class="f--description">
<p>Báo Tuổi Trẻ đã có bài phóng sự chuyên sâu về hành trình 10 năm xây dựng trung
tâm
can thiệp đột quỵ hàng đầu đồng bằng sông Cửu Long của bệnh viện.</p>
</div>
<div class="f--field f--button">
<a href="#" class="button-text-link button-context-light "
aria-label="Đọc bài báo" target="_self" data-component-id="umass_base:button">
<span class="button-text">Đọc thêm</span>
</a>
</div>
</div>
</div>
</div>
<!-- News Card 6 -->
<div class="cc--component-container cc--card-grid-card ">
<div class="c--component c--card-grid-card">
<div class="f--field f--image">
<img
src="https://sisvietnam.vn/wp-content/uploads/2026/05/SO-DO-TO-CHUC-BENH-VIEN-SIS_cap-nhat-15.05.2026.jpg"
class="" alt="Tuyển dụng bác sĩ">
</div>
<div class="text-container">
<div class="news-card-meta">
<span class="tag">Tuyển Dụng</span>
<span>05/05/2026</span>
</div>
<h3 class="ally-focus-within">
Thông Báo Tuyển Dụng Bác Sĩ Chuyên Khoa Tim Mạch &amp; Thần Kinh Đột Quỵ
</h3>
<div data-component-id="umass_base:description" class="f--description">
<p>Bệnh viện Đa Khoa Quốc Tế S.I.S Cần Thơ trân trọng thông báo tuyển dụng bác sĩ
chuyên khoa I, II các ngành Tim mạch, Thần kinh, Can thiệp nội mạch.</p>
</div>
<div class="f--field f--button">
<a href="#" class="button-text-link button-context-light "
aria-label="Xem chi tiết tuyển dụng" target="_self"
data-component-id="umass_base:button">
<span class="button-text">Xem chi tiết</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- End f--cards -->
</div>
</div>
<!-- End News Card Grid -->
<!-- Pagination -->
<nav class="tin-tuc-pagination" aria-label="Phân trang tin tức">
<a href="/tin-tuc?page=1" aria-label="Trang trước">&lsaquo;</a>
<span class="current-page" aria-current="page">1</span>
<a href="/tin-tuc?page=2">2</a>
<a href="/tin-tuc?page=3">3</a>
<a href="/tin-tuc?page=4">4</a>
<a href="/tin-tuc?page=5">5</a>
<a href="/tin-tuc?page=2" aria-label="Trang tiếp">&rsaquo;</a>
</nav>
</div>
<!-- END MAIN CONTENT -->
</div>
</div>
</div>
<!-- End two-column layout -->
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</body>
</html>