<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thư Viện – Trường Đại Học Nam Cần Thơ</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Be+Vietnam+Pro:wght@300;400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
<link rel="icon" href="https://thuvien.nctu.edu.vn/dist/image/2025_Jun_17_logoDNC.png" type="image/x-icon">
<link rel="stylesheet" href="https://thuvien.nctu.edu.vn/dist/assets/css/new/css_new_header.css?ver=1">
</head>
<body>

<!-- TOPBAR -->
<div class="topbar">
  <div class="topbar-inner">
    <span><i class="fa fa-map-marker-alt" style="color:var(--gold);margin-right:5px"></i> Số 168 Nguyễn Văn Cừ nối dài, Phường An Bình, TP. Cần Thơ</span>
    <div>
      <a href="#"><i class="fab fa-facebook"></i></a>
      <a href="#"><i class="fab fa-youtube"></i></a>
      <!-- <a href="#"><i class="fab fa-tiktok"></i></a> -->
      <a href="#" style="margin-left:18px"><i class="fa fa-phone"></i> 0292 3508 789</a>
    </div>
  </div>
</div>

<!-- HEADER -->
<header>
  <div class="header-inner">
    <a href="https://thuvien.nctu.edu.vn/index.php/new/home2" class="logo">
      <div class="logo-icon"></div>
      <img src="https://thuvien.nctu.edu.vn/dist/image/logo2.png" alt="Logo Thư Viện" class="logo-img">
      <div class="logo-text">
        
        <!-- <div class="brand">Thư Viện – Đại Học Nam Cần Thơ</div> -->
        <!-- <div class="sub">Southern Can Tho University Library</div> -->
      </div>
    </a>
    <nav>
      <a href="#" class="active">Trang chủ</a>
      
      <!-- Ebook dropdown -->
      <div class="nav-item">
        <a href="#news">Ebooks <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Ebooks </div>
          <a href="https://sachweb.com/ebookthuvien/tvdhnamcantho/"><i class="fa fa-comments"></i> Văn học - Chính trị - Xã hội</a>
          <a href="https://ebooknctu.sachbanquyen.com.vn/customer/login"><i class="fa fa-university"></i> Kiến Trúc - Y Dược</a>
          <a href="https://ebooknctu.nxbbachkhoa.vn/"><i class="fa fa-wrench"></i> Kỹ Thuật - BKHN</a>
          <a href="https://link.gale.com/apps/menu?u=vnnctu"><i class="fa fa-line-chart"></i> Kinh tế</a>
        </div>
      </div>

      <!-- Tài liệu điện tử dropdown -->
      <div class="nav-item">
        <a href="#gallery">Tài liệu điện tử <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Tài liệu điện tử</div>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-kinh-te"><i class="fa fa-line-chart"></i> Khoa Kinh tế</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/tai-lieu-dien-tu"><i class="fa fa-stethoscope"></i> Khoa Y</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-duoc"><i class="fa fa-pills"></i> Khoa Dược</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-ngon-ngu-anh"><i class="fa fa-language"></i> Khoa Ngoại ngữ</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-co-khi-dong-luc"><i class="fa fa-cogs"></i> Khoa Cơ khí Động lực</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-cong-nghe-thong-tin"><i class="fa fa-laptop-code"></i> Khoa Công nghệ Thông tin</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-du-lich"><i class="fa fa-plane"></i> Khoa Du lịch</a>
        </div>
      </div>

      <!-- Tài liệu nội sinh dropdown -->
      <div class="nav-item">
        <a href="#video">Tài liệu nội sinh <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Tài liệu nội sinh</div>
          <a href="http://113.161.234.52:8080/digital/handle/123456789/1"><i class="fa fa-book"></i> Giáo trình - Bài giảng</a>
          <a href="http://113.161.234.52:8080/digital/handle/123456789/3"><i class="fa fa-graduation-cap"></i> Khóa luận Đại học</a>
          <a href="http://113.161.234.52:8080/digital/handle/123456789/274"><i class="fa fa-user-graduate"></i> Luận văn Thạc sĩ</a>
          <a href="http://113.161.234.52:8080/digital/handle/123456789/571"><i class="fa fa-flask"></i> Nghiên cứu Khoa học</a>
        </div>
      </div>

      <!-- Tin tức dropdown -->
      <div class="nav-item">
        <a href="#news">Tin tức <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Tin tức</div>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/2"><i class="fa fa-newspaper"></i> Tin tức & Sự kiện</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/8"><i class="fa fa-bullhorn"></i> Thông báo</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/7"><i class="fa fa-book"></i> Sách mới</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/6"><i class="fa fa-gift"></i> Sách tặng</a>
        </div>
      </div>

      <!-- CSDL dropdown -->
      <div class="nav-item">
        <a href="#database">Hướng dẫn <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Hướng dẫn</div>
          <a href="https://drive.google.com/file/d/1whN-XCSO2sDQNuytLKrUBKtA3bWc14_-/view?usp=sharing"><i class="fa fa-file-pdf"></i> File hướng dẫn</a>
          <a href="https://www.youtube.com/watch?v=Ji5-o8fNzYw"><i class="fa fa-video"></i> Video hướng dẫn</a>
        </div>
      </div>

      <a href="https://drive.google.com/file/d/1-qw4tUlxr8L92UNiTLnzOsQMoKe5zR70/view">Nội quy - Qui định</a>

      <a href="https://thuvien.nctu.edu.vn:8000/cgi-bin/koha/opac-user.pl">Gia hạn</a>
    </nav>
      <button class="burger" id="burgerBtn" aria-label="Menu">
        <span></span><span></span><span></span>
      </button>
  </div>
  <div class="mobile-nav" id="mobileNav">
    <a href="#">🏠 Trang chủ</a>
    <a href="#news" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-news')">📰 Ebooks <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-news" style="display:none">
      <a href="#news">Văn học - Chính trị - Xã hội</a>
      <a href="#news">KTr - Y Dược - KTế</a>
      <a href="#news">Kỹ Thuật - BKHN</a>
      <a href="#news">Kinh tế</a>
    </div>
    <a href="#news" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-news')">📰 Tin tức <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-news" style="display:none">
      <a href="#news">Tin tức & Sự kiện</a>
      <a href="#news">Thông báo</a>
      <a href="#news">Hoạt động nổi bật</a>
    </div>
    <a href="#gallery" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-gallery')">🖼️ Góc ảnh <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-gallery" style="display:none">
      <a href="#gallery">Ảnh hoạt động</a>
      <a href="#gallery">Không gian thư viện</a>
      <a href="#gallery">Sinh viên & Học tập</a>
    </div>
    <a href="#video">🎬 Video Clip</a>
    <a href="#books" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-books')">📖 Sách mới <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-books" style="display:none">
      <a href="#books">Công nghệ & CNTT</a>
      <a href="#books">Kinh tế & Quản trị</a>
      <a href="#books">Luật & Xã hội</a>
      <a href="#books">Y – Dược</a>
    </div>
    <a href="#database" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-db')">🗄️ Cơ sở dữ liệu <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-db" style="display:none">
      <a href="#database">CSDL trực tuyến</a>
      <a href="#database">Sách điện tử</a>
      <a href="#database">Tạp chí khoa học</a>
    </div>
    <a href="#hours">🕐 Giờ hoạt động</a>
  </div>
</header>
<script>

  // MOBILE NAV
  document.getElementById('burgerBtn').onclick = () => {
    document.getElementById('mobileNav').classList.toggle('open');
  };

  // DROPDOWN — JS-controlled with close delay so cursor can travel to menu
  (function() {
    const items = document.querySelectorAll('.nav-item');
    let closeTimers = new WeakMap();

    items.forEach(item => {
      // Open immediately on mouseenter
      item.addEventListener('mouseenter', () => {
        // Cancel any pending close for this item
        if (closeTimers.has(item)) {
          clearTimeout(closeTimers.get(item));
          closeTimers.delete(item);
        }
        // Close all others instantly
        items.forEach(other => {
          if (other !== item) {
            other.classList.remove('open');
            if (closeTimers.has(other)) {
              clearTimeout(closeTimers.get(other));
              closeTimers.delete(other);
            }
          }
        });
        item.classList.add('open');
      });

      // Close with 180ms delay — gives cursor time to reach the dropdown
      item.addEventListener('mouseleave', () => {
        const t = setTimeout(() => {
          item.classList.remove('open');
          closeTimers.delete(item);
        }, 180);
        closeTimers.set(item, t);
      });
    });

    // Close all when clicking outside
    document.addEventListener('click', (e) => {
      if (!e.target.closest('.nav-item')) {
        items.forEach(i => i.classList.remove('open'));
      }
    });
  })();

  // MOBILE SUBMENU TOGGLE
  function toggleMobSub(e, id) {
    e.preventDefault();
    const sub = document.getElementById(id);
    const icon = e.currentTarget.querySelector('.fa-chevron-down');
    if (sub.style.display === 'none' || sub.style.display === '') {
      sub.style.display = 'block';
      if(icon) icon.style.transform = 'rotate(180deg)';
    } else {
      sub.style.display = 'none';
      if(icon) icon.style.transform = '';
    }
  }
</script><link rel="stylesheet" href="https://thuvien.nctu.edu.vn/dist/assets/css/new/css_new_home.css?ver=1">
<style>
:root{
  --navy:#0a1a3b; --gold:#c9922a; --gold-light:#f0b84a;
  --cream:#fdf6ec; --accent:#1a4580;
  --gray-100:#f4f4f4; --gray-200:#e5e5e5; --gray-500:#888; --gray-700:#444;
}
*{ margin:0; padding:0; box-sizing:border-box; }
body{ font-family:'Be Vietnam Pro',sans-serif; background:#f7f8fc; color:var(--navy); }
a{ text-decoration:none; color:inherit; }
img{ display:block; }

.breadcrumb-bar{ background:#fff; border-bottom:1px solid var(--gray-200); }
.breadcrumb{ max-width:min(90vw,1560px); margin:0 auto; padding:11px 20px; display:flex; align-items:center; gap:6px; font-size:.72rem; color:var(--gray-500); flex-wrap:wrap; }
.breadcrumb a{ color:var(--gray-700); } .breadcrumb a:hover{ color:var(--gold); }
.breadcrumb .sep{ color:var(--gray-200); } .breadcrumb .cur{ color:var(--navy); font-weight:600; }

/* HERO — tối hơn, phong cách cinema */
.page-hero{
  /* background:linear-gradient(135deg,#050e1f 0%,#0a1a3b 60%,#1a2d50 100%); */
  background: linear-gradient(135deg,#1f4e79 0%,#4f7fa3 100%);
  padding:48px 0 52px; position:relative; overflow:hidden;
}
.page-hero::before{ content:''; position:absolute; top:-60px; right:-60px; width:320px; height:320px; border-radius:50%; background:rgba(201,146,42,.05); }
.page-hero::after{ content:''; position:absolute; bottom:-40px; left:5%; width:200px; height:200px; border-radius:50%; background:rgba(255,255,255,.02); }
/* Film strip decoration */
.hero-filmstrip{
  position:absolute; top:0; left:0; right:0; height:8px;
  background:repeating-linear-gradient(90deg, var(--gold) 0,var(--gold) 20px, transparent 20px, transparent 30px);
  opacity:.25;
}
.hero-filmstrip-bottom{
  position:absolute; bottom:0; left:0; right:0; height:8px;
  background:repeating-linear-gradient(90deg, var(--gold) 0,var(--gold) 20px, transparent 20px, transparent 30px);
  opacity:.25;
}
.hero-inner{ max-width:min(90vw,1560px); margin:0 auto; padding:0 20px; position:relative; z-index:1; }
.hero-label{ display:inline-flex; align-items:center; gap:7px; background:rgba(201,146,42,.18); color:var(--gold-light); font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; padding:5px 14px; border-radius:20px; border:1px solid rgba(201,146,42,.3); margin-bottom:16px; }
.hero-title{ font-family:'Playfair Display',serif; font-size:clamp(1.8rem,4vw,2.8rem); font-weight:900; color:#fff; margin-bottom:10px; }
.hero-desc{ font-size:.88rem; color:rgba(255,255,255,.55); max-width:520px; line-height:1.7; }

.filter-bar{ background:#fff; border-bottom:1px solid var(--gray-200); position:sticky; top:0; z-index:100; box-shadow:0 2px 12px rgba(10,26,59,.06); }
.filter-inner{ max-width:min(90vw,1560px); margin:0 auto; padding:0 20px; display:flex; align-items:center; overflow-x:auto; scrollbar-width:none; }
.filter-inner::-webkit-scrollbar{ display:none; }
.filter-tab{ display:inline-flex; align-items:center; gap:7px; padding:14px 18px; font-size:.75rem; font-weight:600; color:var(--gray-500); border-bottom:2.5px solid transparent; white-space:nowrap; flex-shrink:0; transition:.2s; }
.filter-tab.active{ color:var(--gold); border-bottom-color:var(--gold); }
.filter-tab .tab-count{ background:var(--gray-100); color:var(--gray-500); font-size:.6rem; font-weight:700; padding:2px 7px; border-radius:10px; }
.filter-tab.active .tab-count{ background:rgba(201,146,42,.15); color:var(--gold); }

.page-wrap{ max-width:min(90vw,1560px); margin:0 auto; padding:32px 20px 72px; }

.section-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; padding-bottom:14px; border-bottom:1px solid var(--gray-200); }
.section-header h2{ font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:700; color:var(--navy); display:flex; align-items:center; gap:8px; }
.section-header h2::before{ content:''; width:4px; height:20px; background:var(--gold); border-radius:2px; display:block; }
.section-count{ font-size:.72rem; color:var(--gray-500); }

/* VIDEO GRID */
.video-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:40px; }

.video-card{
  background:#fff; border-radius:14px; overflow:hidden;
  border:1.5px solid var(--gray-200);
  box-shadow:0 2px 12px rgba(10,26,59,.06);
  transition:.25s; display:flex; flex-direction:column;
}
.video-card:hover{ box-shadow:0 10px 32px rgba(10,26,59,.14); transform:translateY(-4px); border-color:rgba(201,146,42,.3); }

/* THUMBNAIL */
.video-thumb_list_video{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#0a1a3b; flex-shrink:0; }
.video-thumb_list_video img{ width:100%; height:100%; object-fit:cover; transition:.4s; }
.video-card:hover .video-thumb_list_video img{ transform:scale(1.05); }

/* Thumbnail placeholder */
.video-thumb_list_video-placeholder{
  width:100%; height:100%;
  background:linear-gradient(135deg,#050e1f 0%,#0a1a3b 60%,#1a2d50 100%);
  display:flex; align-items:center; justify-content:center;
}

/* Overlay gradient */
.video-overlay{
  position:absolute; inset:0;
  background:linear-gradient(to top,rgba(5,14,31,.6) 0%,transparent 50%);
  transition:.25s;
}
.video-card:hover .video-overlay{ background:linear-gradient(to top,rgba(5,14,31,.75) 0%,rgba(5,14,31,.2) 100%); }

/* Play button */
.play-btn{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:52px; height:52px; border-radius:50%;
  background:rgba(201,146,42,.9);
  display:flex; align-items:center; justify-content:center;
  transition:.25s; box-shadow:0 4px 20px rgba(0,0,0,.3);
}
.play-btn i{ font-size:1.1rem; color:#fff; margin-left:3px; }
.video-card:hover .play-btn{ background:var(--gold); transform:translate(-50%,-50%) scale(1.12); box-shadow:0 6px 28px rgba(201,146,42,.5); }

/* Duration badge */
.video-duration{
  position:absolute; bottom:8px; right:10px;
  background:rgba(0,0,0,.75); color:#fff;
  font-size:.62rem; font-weight:600; padding:2px 7px; border-radius:4px;
  letter-spacing:.03em;
}

/* CARD BODY */
.video-body{ padding:16px 18px 14px; flex:1; display:flex; flex-direction:column; }
.video-title{
  font-family:'Playfair Display',serif;
  font-size:.92rem; font-weight:700; color:var(--navy); line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  margin-bottom:8px; transition:.15s;
}
.video-card:hover .video-title{ color:var(--gold); }
.video-desc{
  font-size:.75rem; color:var(--gray-500); line-height:1.65;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  flex:1; margin-bottom:12px;
}
.video-footer{
  display:flex; align-items:center; justify-content:space-between;
  padding-top:11px; border-top:1px solid var(--gray-100);
  font-size:.68rem; color:var(--gray-500);
}
.video-footer i{ color:var(--gold); margin-right:3px; }
.video-watch{
  display:inline-flex; align-items:center; gap:5px;
  background:var(--navy); color:#fff;
  font-size:.68rem; font-weight:600; padding:5px 12px;
  border-radius:6px; transition:.2s;
}
.video-card:hover .video-watch{ background:var(--gold); color:var(--navy); }

/* PAGINATION */
.pagination{ display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
.page-btn{ width:38px; height:38px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:600; border:1.5px solid var(--gray-200); background:#fff; color:var(--gray-700); transition:.2s; text-decoration:none; }
.page-btn:hover{ border-color:var(--gold); color:var(--gold); }
.page-btn.active{ background:var(--navy); border-color:var(--navy); color:#fff; }
.page-btn.disabled{ opacity:.4; pointer-events:none; }
.page-dots{ font-size:.78rem; color:var(--gray-500); padding:0 4px; }

.empty-state{ text-align:center; padding:72px 20px; }
.empty-state i{ font-size:3rem; color:var(--gray-200); margin-bottom:16px; display:block; }
.empty-state h3{ font-size:1rem; color:var(--gray-500); font-weight:600; }

@media(max-width:1100px){ .video-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:768px){ .video-grid{ grid-template-columns:1fr 1fr; gap:14px; } .page-wrap{ max-width:100%; padding:20px 14px 48px; } .page-hero{ padding:32px 0 36px; } }
@media(max-width:500px){ .video-grid{ grid-template-columns:1fr; } .play-btn{ width:44px; height:44px; } }
</style>
</head>
<body>

<div class="breadcrumb-bar">
  <div class="breadcrumb">
    <a href="https://thuvien.nctu.edu.vn/index.php"><i class="fa fa-home" style="font-size:.65rem"></i> Trang chủ</a>
    <span class="sep"><i class="fa fa-chevron-right" style="font-size:.55rem"></i></span>
    <span class="cur">Video Thư viện</span>
  </div>
</div>

<div class="page-hero">
  <div class="hero-filmstrip"></div>
  <div class="hero-filmstrip-bottom"></div>
  <div class="hero-inner">
    <div class="hero-label"><i class="fa fa-play-circle"></i> Video</div>
    <h1 class="hero-title">Video Thư viện</h1>
    <p class="hero-desc">Xem lại các video hoạt động, sự kiện và không gian Thư viện Trường Đại học Nam Cần Thơ.</p>
  </div>
</div>

<!-- FILTER TABS -->
<div class="filter-bar">
  <div class="filter-inner">
        <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/2" style="text-transform: capitalize !important;"
       class="filter-tab ">
      Tin tức & Sự kiện          </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/3" style="text-transform: capitalize !important;"
       class="filter-tab ">
      Góc ảnh          </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/6" style="text-transform: capitalize !important;"
       class="filter-tab ">
      Sách Tặng          </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/7" style="text-transform: capitalize !important;"
       class="filter-tab ">
      Giới Thiệu Sách          </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/8" style="text-transform: capitalize !important;"
       class="filter-tab ">
      Thông Báo          </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/12" style="text-transform: capitalize !important;"
       class="filter-tab active">
      Video Thư Viện                <span class="tab-count">10</span>
          </a>
      </div>
</div>

<div class="page-wrap">
    
  <div class="section-header">
    <h2>Danh sách video</h2>
    <span class="section-count">
      Trang 1 / 1      &nbsp;·&nbsp; 10 video
    </span>
  </div>

  <div class="video-grid">
        <a href="https://thuvien.nctu.edu.vn/index.php/news/nhung-nguoi-giu-lua-van-hoa-doc-phong-su-nguon-vtv10-dai-truyen-hinh-viet-nam" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/2026_ThuVienDNC.png"
               alt="Những Người Giữ Lửa Văn Hóa Đọc - Phóng Sự - Nguồn VTV10 - Đài Truyền hình Việt Nam" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">Những Người Giữ Lửa Văn Hóa Đọc - Phóng Sự - Nguồn VTV10 - Đài Truyền hình Việt Nam</div>
                <div class="video-desc">Những Người Giữ Lửa Văn Hóa Đọc - Phóng Sự - Nguồn VTV10 - Đài Truyền hình Việt Nam</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>09/05/2026            &nbsp;
            <i class="fa fa-eye"></i>0          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/chao-mung-ngay-sach-va-van-hoa-doc-viet-nam-2104" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/2025_Arp_15_NgayHoiSach-1.jpg"
               alt="Chào Mừng Ngày Sách Và Văn Hóa Đọc Việt Nam 2025" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">Chào Mừng Ngày Sách Và Văn Hóa Đọc Việt Nam 2025</div>
                <div class="video-desc">Chào Mừng Ngày Sách Và Văn Hóa Đọc Việt Nam 2025</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>15/04/2025            &nbsp;
            <i class="fa fa-eye"></i>2,812          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/hoi-nghi-ban-doc-truyen-thong-va-van-hoa-doc1" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/2025Jan02-AnhHNBD-333.jpg"
               alt="Hội Nghị Bạn Đọc - Truyền Thông và Văn Hoá Đọc" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">Hội Nghị Bạn Đọc - Truyền Thông và Văn Hoá Đọc</div>
                <div class="video-desc">Hội Nghị Bạn Đọc - Truyền Thông và Văn Hoá Đọc</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>02/01/2025            &nbsp;
            <i class="fa fa-eye"></i>2,812          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/thu-vien-dnc-don-sinh-vien-tai-ngay-hoi-tu-van-huong-nghiep-2023" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/videotuvan2023.PNG"
               alt="Thư Viện DNC Đón Sinh Viên Tại Ngày Hội Tư Vấn Hướng Nghiệp 2023" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">Thư Viện DNC Đón Sinh Viên Tại Ngày Hội Tư Vấn Hướng Nghiệp 2023</div>
                <div class="video-desc">Thư Viện DNC Đón Sinh Viên Tại Ngày Hội Tư Vấn Hướng Nghiệp 2023</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>15/03/2023            &nbsp;
            <i class="fa fa-eye"></i>2,812          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/thu-vien-dnc-don-sinh-vien-ngay-dau-tro-lai-truong-sau-thoi-gian-nghi-dich-covid-19" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/svtoitvsaucovid.PNG"
               alt="SINH VIÊN TRỞ LẠI TRƯỜNG SAU THỜI GIAN NGHĨ DỊCH COVID-19" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">SINH VIÊN TRỞ LẠI TRƯỜNG SAU THỜI GIAN NGHĨ DỊCH COVID-19</div>
                <div class="video-desc">THƯ VIỆN DNC ĐÓN SINH VIÊN NGÀY ĐẦU TRỞ LẠI TRƯỜNG SAU THỜI GIAN NGHĨ DỊCH COVID-19</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>05/07/2022            &nbsp;
            <i class="fa fa-eye"></i>0          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/trien-lam-sach-chao-mung-ngay-sach-va-van-hoa-doc-viet-nam-21-4" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/Trienlamsach2022.PNG"
               alt="Triển Lãm Sách Chào mừng Ngày Sách và Văn hóa đọc Việt Nam 21-4" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">Triển Lãm Sách Chào mừng Ngày Sách và Văn hóa đọc Việt Nam 21-4</div>
                <div class="video-desc">Triển lãm sách chào mừng Ngày Sách và Văn hóa đọc Việt Nam 21-4</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>05/05/2022            &nbsp;
            <i class="fa fa-eye"></i>2,812          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/gioi-thieu-ve-thu-vien-dien-tu-dai-hoc-nam-can-tho" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/tvc-thuvien-bia.PNG"
               alt="GIỚI THIỆU VỀ THƯ VIỆN ĐIỆN TỬ ĐẠI HỌC NAM CẦN THƠ" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">GIỚI THIỆU VỀ THƯ VIỆN ĐIỆN TỬ ĐẠI HỌC NAM CẦN THƠ</div>
                <div class="video-desc">GIỚI THIỆU VỀ THƯ VIỆN ĐIỆN TỬ ĐẠI HỌC NAM CẦN THƠ</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>14/03/2022            &nbsp;
            <i class="fa fa-eye"></i>0          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/huong-dan-sinh-vien-su-dung-tai-lieu-tai-thu-vien-dnc" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/cliphuongdantailieutv-bia.PNG"
               alt="HƯỚNG DẪN SINH VIÊN SỬ DỤNG TÀI LIỆU TẠI THƯ VIỆN DNC" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">HƯỚNG DẪN SINH VIÊN SỬ DỤNG TÀI LIỆU TẠI THƯ VIỆN DNC</div>
                <div class="video-desc">HƯỚNG DẪN SINH VIÊN SỬ DỤNG TÀI LIỆU TẠI THƯ VIỆN DNC</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>14/03/2021            &nbsp;
            <i class="fa fa-eye"></i>0          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/trien-lam-sach-mung-ngay-sach-viet-nam-21042021" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/trienlamsach21042021-bia.PNG"
               alt="TRIỂN LÃM SÁCH MỪNG NGÀY SÁCH VIỆT NAM 21/04/2021" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">TRIỂN LÃM SÁCH MỪNG NGÀY SÁCH VIỆT NAM 21/04/2021</div>
                <div class="video-desc">TRIỂN LÃM SÁCH MỪNG NGÀY SÁCH VIỆT NAM 21/04/2021</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>14/03/2020            &nbsp;
            <i class="fa fa-eye"></i>0          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
        <a href="https://thuvien.nctu.edu.vn/index.php/news/dai-truyen-hinh-hau-giang-dua-tin-ve-thu-vien-dnc" class="video-card">

      <div class="video-thumb_list_video">
                  <img src="https://thuvien.nctu.edu.vn/upload/thggduatin-bia.PNG"
               alt="ĐÀI TRUYỀN HÌNH HẬU GIANG ĐƯA TIN VỀ THƯ VIỆN DNC" loading="lazy">
                <div class="video-overlay"></div>
        <div class="play-btn"><i class="fa fa-play"></i></div>
      </div>

      <div class="video-body">
        <div class="video-title">ĐÀI TRUYỀN HÌNH HẬU GIANG ĐƯA TIN VỀ THƯ VIỆN DNC</div>
                <div class="video-desc">Đài truyền hình Hậu Giang đưa tin về Thư viện Đại học Nam Cần Thơ</div>
                <div class="video-footer">
          <span>
            <i class="fa fa-calendar"></i>07/01/2020            &nbsp;
            <i class="fa fa-eye"></i>0          </span>
          <span class="video-watch"><i class="fa fa-play" style="font-size:.6rem"></i> Xem ngay</span>
        </div>
      </div>

    </a>
      </div>

    </div><!-- FOOTER -->
<footer>
  <div class="footer-main">
    <div class="footer-brand">
      <div class="name">📚 Thư Viện – Trường ĐH Nam Cần Thơ</div>
      <p>Trung tâm học liệu phục vụ giảng dạy, nghiên cứu và học tập của cán bộ, giảng viên và sinh viên toàn trường.</p>
      <div class="social-links">
        <a href="#"><i class="fab fa-facebook-f"></i></a>
        <a href="#"><i class="fab fa-youtube"></i></a>
        <a href="#"><i class="fab fa-tiktok"></i></a>
        <a href="#"><i class="fab fa-zalo"></i></a>
      </div>
    </div>
    <div class="footer-col">
      <h4>Dịch vụ</h4>
      <a href="#">Mượn trả sách</a>
      <!-- <a href="#">Đặt sách trước</a> -->
      <a href="#">Tra cứu tài liệu</a>
      <a href="#">Phòng học nhóm</a>
      <!-- <a href="#">In ấn & Photocopy</a> -->
    </div>
    <div class="footer-col">
      <h4>Tài nguyên</h4>
      <a href="#">CSDL trực tuyến</a>
      <a href="#">Sách điện tử</a>
      <a href="#">Tạp chí khoa học</a>
      <a href="#">Luận văn – Luận án</a>
      <a href="#">Tài liệu nội sinh</a>
    </div>
    <div class="footer-col">
      <h4>Hỗ trợ</h4>
      <a href="#">Hướng dẫn sử dụng</a>
      <!-- <a href="#">Câu hỏi thường gặp</a> -->
      <a href="#">Nội quy thư viện</a>
      <a href="#">Góp ý & Phản hồi</a>
      <a href="#">Liên hệ</a>
    </div>
  </div>
  <div class="footer-bottom">
    © 2025 Thư Viện Trường Đại Học Nam Cần Thơ. Bảo lưu mọi quyền.
  </div>
</footer>