<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>
Trang chủ | Trường THPT Nguyễn Văn Trỗi
</title>
<meta content="Trường THPT Nguyễn Văn Trỗi đóng tại xã Bắc Ruộng – tỉnh Lâm Đồng. Trường được thành lập theo quyết định số 1797/QĐ/CTUBND ngày 18 tháng 7 năm 2002 của Chủ tịch UBND Tỉnh Bình Thuận. Trường vinh dự mang tên anh hùng liệt sĩ Nguyễn Văn Trỗi – Một anh hùng tiêu biểu cho thế hệ trẻ Việt Nam." name="description">
<!-- Fonts & Icons -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link href="https://unpkg.com/@phosphor-icons/[email protected]/src/regular/style.css" rel="stylesheet" type="text/css">
<link href="https://unpkg.com/@phosphor-icons/[email protected]/src/bold/style.css" rel="stylesheet" type="text/css">
<script src="https://unpkg.com/@phosphor-icons/[email protected]">
</script>
<!-- CSS -->
<link href="/assets/css/portal.css?v=1787581945" rel="stylesheet">
<!-- Dynamic Theme Design Tokens (Enterprise Multi-Theme Engine) -->
<style>
:root {
--color-primary : #0f2b5c !important;
--color-primary-hover: #1e3a8a !important;
--color-accent : #f59e0b !important;
--radius-md : 12px !important;
}
.main-navbar {
background : linear-gradient(135deg, #1e3a8a 0%, #0f2b5c 100%) !important;
}
.brand-school-name {
color : #0f2b5c !important;
}
.nav-menu {
background : #0f2b5c !important;
}
</style>
<link href="/assets/images/favicon.png" rel="icon" type="image/png">
<link href="/favicon.ico" rel="shortcut icon">
</head>
<body>
<!-- Topbar -->
<div class="topbar">
<div class="container topbar-inner">
<div class="topbar-info">
<span>
<i class="ph ph-phone">
</i>
0252 3891123
</span>
<span>
<i class="ph ph-envelope">
</i>
[email protected]
</span>
</div>
<div class="topbar-actions" style="display: flex; align-items: center; gap: 12px;">
<a href="/dang-ky-truong" style="color: #fbbf24; font-weight: 700; background: rgba(245,158,11,0.2); padding: 3px 12px; border-radius: 20px; text-decoration: none; font-size: 0.8rem; display: flex; align-items: center; gap: 4px;">
<i class="ph-bold ph-rocket-launch">
</i>
Đăng Ký Website Trường
</a>
<a href="/auth/login">
<i class="ph ph-user">
</i>
Đăng nhập
</a>
</div>
</div>
</div>
<!-- 1. Top Brand Header (Tầng Nhận Diện: Logo To 100px Sắc Nét, Tên Trường Hoành Tráng) -->
<div class="brand-header">
<div class="container brand-header-inner">
<a class="brand-main" href="/">
<div class="brand-logo-wrapper">
<img alt="Logo THPT Nguyễn Văn Trỗi" class="brand-logo-img" src="/assets/images/logo.png">
</div>
<div class="brand-text">
<span class="brand-dept">
SỞ GIÁO DỤC VÀ ĐÀO TẠO TỈNH LÂM ĐỒNG
</span>
<h1 class="brand-school-name">
Trường THPT Nguyễn Văn Trỗi
</h1>
<span class="brand-slogan">
Kỷ Cương – Tình Thương – Trách Nhiệm – Đổi Mới – Sáng Tạo
</span>
</div>
</a>
<div class="brand-extra">
<div class="brand-hotline">
<div class="hotline-icon">
<i class="ph ph-phone-call">
</i>
</div>
<div class="hotline-text">
<span class="hotline-label">
Đường dây nóng:
</span>
<a class="hotline-number" href="tel:0252 3891123">
0252 3891123
</a>
</div>
</div>
<div class="brand-search-box">
<form action="/tim-kiem" class="brand-search-form" method="GET">
<input class="brand-search-input" name="q" placeholder="Tra cứu thông tin..." type="text">
<button class="brand-search-submit" type="submit">
<i class="ph ph-magnifying-glass">
</i>
</button>
</form>
</div>
</div>
<button aria-label="Menu" class="mobile-menu-btn">
<i class="ph ph-list">
</i>
</button>
</div>
</div>
<!-- 2. Primary Navigation Bar (Tầng Menu Điều Hướng Độc Lập - Full Width Sticky - Centered) -->
<header class="main-navbar">
<div class="container main-navbar-inner">
<nav class="nav-menu">
<!-- Mobile Drawer Header -->
<div class="mobile-drawer-header">
<div class="mobile-drawer-brand">
<img alt="Logo THPT Nguyễn Văn Trỗi" class="mobile-drawer-logo" src="/assets/images/logo.png">
<span>
THPT Nguyễn Văn Trỗi
</span>
</div>
<button aria-label="Đóng menu" class="mobile-drawer-close" type="button">
<i class="ph ph-x">
</i>
</button>
</div>
<div class="nav-item">
<a class="nav-link active" href="/">
<i class="ph ph-house mr-1">
</i>
<span>
Trang chủ
</span>
</a>
</div>
<div class="nav-item has-dropdown">
<a class="nav-link" href="/gioi-thieu">
<span>
<i class="ph ph-buildings mr-1">
</i>
Giới thiệu
</span>
<span class="submenu-toggle">
<i class="ph ph-caret-down">
</i>
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/gioi-thieu/lich-su">
<i class="ph ph-clock-counter-clockwise mr-1">
</i>
Lịch sử hình thành
</a>
<a class="dropdown-item" href="/gioi-thieu/ban-giam-hieu">
<i class="ph ph-users-three mr-1">
</i>
Ban Giám hiệu
</a>
<a class="dropdown-item" href="/gioi-thieu/co-cau-to-chuc">
<i class="ph ph-tree-structure mr-1">
</i>
Cơ cấu tổ chức
</a>
<a class="dropdown-item" href="/gioi-thieu/thanh-tich">
<i class="ph ph-trophy mr-1">
</i>
Bảng vàng thành tích
</a>
</div>
</div>
<div class="nav-item">
<a class="nav-link" href="/tin-tuc">
<i class="ph ph-newspaper mr-1">
</i>
<span>
Tin tức
</span>
</a>
</div>
<div class="nav-item">
<a class="nav-link" href="/tuyen-sinh">
<i class="ph ph-student mr-1">
</i>
<span>
Tuyển sinh
</span>
</a>
</div>
<div class="nav-item">
<a class="nav-link" href="/thoi-khoa-bieu">
<i class="ph ph-calendar mr-1">
</i>
<span>
Thời khóa biểu
</span>
</a>
</div>
<div class="nav-item">
<a class="nav-link" href="/hoc-sinh/diem-so">
<i class="ph ph-exam mr-1">
</i>
<span>
Tra cứu điểm
</span>
</a>
</div>
<div class="nav-item">
<a class="nav-link" href="/tai-lieu">
<i class="ph ph-files mr-1">
</i>
<span>
Thư viện Tài liệu
</span>
</a>
</div>
<div class="nav-item">
<a class="nav-link" href="/lien-he">
<i class="ph ph-envelope mr-1">
</i>
<span>
Liên hệ
</span>
</a>
</div>
</nav>
</div>
</header>
<!-- Mobile Drawer Overlay Backdrop -->
<div class="mobile-menu-overlay" id="mobileMenuOverlay">
</div>
<!-- Flash Messages -->
<!-- Main Content -->
<main>
<!-- Hero Slider (Hybrid Image & Video Cinematic Carousel with Adaptive Duration & 7 Positions) -->
<section class="hero" id="portalHeroSlider">
<div class="hero-slide hero-slide-video hero-pos-top_center hero-pos-top-center active" data-duration="10" data-index="0">
<video autoplay="" class="hero-bg-video" muted="" playsinline="" poster="/assets/uploads/banners/banner1.jpg" preload="metadata">
<source src="/assets/uploads/banners/banner1.mp4" type="video/mp4">
<source src="/assets/uploads/banners/banner1.mp4" type="video/webm">
</video>
<div class="hero-overlay">
</div>
<div class="hero-content hero-pos-top_center hero-pos-top-center">
<div class="hero-glass-card hero-text-small">
<div class="hero-media-badge">
<i class="ph-fill ph-film-strip mr-1">
</i>
Không gian trường học
</div>
<h2 class="hero-title">
Trường THPT Nguyễn Văn Trỗi – Ươm Mầm Tài Năng, Kiến Tạo Tương Lai
</h2>
<p class="hero-desc">
Ngôi trường giàu truyền thống hiếu học tại xã Bắc Ruộng, tỉnh Lâm Đồng
</p>
<div class="hero-actions">
<a class="hero-btn-primary" href="/gioi-thieu">
<i class="ph ph-arrow-circle-right">
</i>
Khám phá nhà trường
</a>
<a class="hero-btn-outline" href="/tuyen-sinh">
<i class="ph ph-student">
</i>
Tuyển sinh
</a>
</div>
</div>
</div>
</div>
<div class="hero-slide hero-slide-video hero-pos-bottom_right hero-pos-bottom-right" data-duration="10" data-index="1">
<video autoplay="" class="hero-bg-video" muted="" playsinline="" poster="/assets/uploads/banners/banner2.jpg" preload="metadata">
<source src="/assets/uploads/banners/banner2.mp4" type="video/mp4">
<source src="/assets/uploads/banners/banner2.mp4" type="video/webm">
</video>
<div class="hero-overlay">
</div>
<div class="hero-content hero-pos-bottom_right hero-pos-bottom-right">
<div class="hero-glass-card hero-text-small">
<div class="hero-media-badge">
<i class="ph-fill ph-film-strip mr-1">
</i>
Không gian trường học
</div>
<h2 class="hero-title">
Phong Trào Thi Đua Dạy Tốt – Học Tốt & Đổi Mới Sáng Tạo
</h2>
<p class="hero-desc">
Phát huy năng lực tư duy chủ động và kỹ năng toàn diện cho học sinh
</p>
<div class="hero-actions">
<a class="hero-btn-primary" href="/tin-tuc">
<i class="ph ph-arrow-circle-right">
</i>
Bản tin hoạt động
</a>
<a class="hero-btn-outline" href="/tuyen-sinh">
<i class="ph ph-student">
</i>
Tuyển sinh
</a>
</div>
</div>
</div>
</div>
<div class="hero-slide hero-slide-video hero-pos-top_right hero-pos-top-right" data-duration="10" data-index="2">
<video autoplay="" class="hero-bg-video" muted="" playsinline="" poster="/assets/uploads/banners/banner3.jpg" preload="metadata">
<source src="/assets/uploads/banners/banner3.mp4" type="video/mp4">
<source src="/assets/uploads/banners/banner3.mp4" type="video/webm">
</video>
<div class="hero-overlay">
</div>
<div class="hero-content hero-pos-top_right hero-pos-top-right">
<div class="hero-glass-card hero-text-small">
<div class="hero-media-badge">
<i class="ph-fill ph-film-strip mr-1">
</i>
Không gian trường học
</div>
<h2 class="hero-title">
Khơi Nguồn Đam Mê Khoa Học – Phát Triển Năng Lực STEM
</h2>
<p class="hero-desc">
Ứng dụng công nghệ hiện đại, trang bị hành trang tri thức vững chắc cho kỷ nguyên số
</p>
<div class="hero-actions">
<a class="hero-btn-primary" href="/tin-tuc">
<i class="ph ph-arrow-circle-right">
</i>
Xem chi tiết
</a>
<a class="hero-btn-outline" href="/tuyen-sinh">
<i class="ph ph-student">
</i>
Tuyển sinh
</a>
</div>
</div>
</div>
</div>
<div class="hero-slide hero-slide-video hero-pos-top_center hero-pos-top-center" data-duration="10" data-index="3">
<video autoplay="" class="hero-bg-video" muted="" playsinline="" poster="/assets/uploads/banners/banner4.jpg" preload="metadata">
<source src="/assets/uploads/banners/banner4.mp4" type="video/mp4">
<source src="/assets/uploads/banners/banner4.mp4" type="video/webm">
</video>
<div class="hero-overlay">
</div>
<div class="hero-content hero-pos-top_center hero-pos-top-center">
<div class="hero-glass-card hero-text-small">
<div class="hero-media-badge">
<i class="ph-fill ph-film-strip mr-1">
</i>
Không gian trường học
</div>
<h2 class="hero-title">
Không Gian Thư Viện Tri Thức – Lan Tỏa Văn Hóa Đọc
</h2>
<p class="hero-desc">
Hàng ngàn đầu sách tham khảo, tài liệu điện tử và học liệu trực tuyến phong phú
</p>
<div class="hero-actions">
<a class="hero-btn-primary" href="/tai-lieu">
<i class="ph ph-arrow-circle-right">
</i>
Thư viện tài liệu
</a>
<a class="hero-btn-outline" href="/tuyen-sinh">
<i class="ph ph-student">
</i>
Tuyển sinh
</a>
</div>
</div>
</div>
</div>
<div class="hero-slide hero-slide-video hero-pos-top_center hero-pos-top-center" data-duration="10" data-index="4">
<video autoplay="" class="hero-bg-video" muted="" playsinline="" poster="/assets/uploads/banners/banner5.jpg" preload="metadata">
<source src="/assets/uploads/banners/banner5.mp4" type="video/mp4">
<source src="/assets/uploads/banners/banner5.mp4" type="video/webm">
</video>
<div class="hero-overlay">
</div>
<div class="hero-content hero-pos-top_center hero-pos-top-center">
<div class="hero-glass-card hero-text-small">
<div class="hero-media-badge">
<i class="ph-fill ph-film-strip mr-1">
</i>
Không gian trường học
</div>
<h2 class="hero-title">
Tự Hào Bảng Vàng Thành Tích – Vững Bước Tương Lai
</h2>
<p class="hero-desc">
Vinh danh nỗ lực xuất sắc của thầy và trò trong các kỳ thi học sinh giỏi & tốt nghiệp
</p>
<div class="hero-actions">
<a class="hero-btn-primary" href="/gioi-thieu/thanh-tich">
<i class="ph ph-arrow-circle-right">
</i>
Bảng vàng vinh danh
</a>
<a class="hero-btn-outline" href="/tuyen-sinh">
<i class="ph ph-student">
</i>
Tuyển sinh
</a>
</div>
</div>
</div>
</div>
<!-- Cinematic Progress Line -->
<div class="hero-progress-line" id="heroProgressLine">
</div>
</section>
<!-- Ticker -->
<div class="ticker-wrap">
<div class="container flex items-center">
<div class="ticker-label">
<i class="ph ph-bell-ringing">
</i>
THÔNG BÁO MỚI
</div>
<div class="ticker-content">
<div class="ticker-text">
<a class="ticker-link" href="/thong-bao/1">
Họp phụ huynh đầu năm
</a>
•
<a class="ticker-link" href="/thong-bao/2">
Thông báo lịch thi giữa kì
</a>
•
<a class="ticker-link" href="/thong-bao/3">
Nghỉ lễ 2/9
</a>
</div>
</div>
</div>
</div>
<!-- Quick Links -->
<section class="quick-links container">
<div class="quick-links-wrapper">
<div class="quick-links-header">
<h3 class="quick-links-title">
<i class="ph ph-lightning text-accent" style="color: var(--color-accent); font-size: 1.3rem;">
</i>
Truy Cập Nhanh & Tiện Ích Trực Tuyến
</h3>
<span class="text-muted text-sm font-semibold" style="color: #64748b; font-size: 0.85rem;">
Cổng thông tin trường học
</span>
</div>
<div class="ql-grid">
<a class="ql-item" href="/tin-tuc" target="_self">
<div class="ql-icon-wrap">
<i class="ph ph-newspaper ql-icon">
</i>
</div>
<span class="ql-text">
Tin tức & Sự kiện
</span>
</a>
<a class="ql-item" href="/tuyen-sinh" target="_self">
<div class="ql-icon-wrap">
<i class="ph ph-student ql-icon">
</i>
</div>
<span class="ql-text">
Thông tin Tuyển sinh
</span>
</a>
<a class="ql-item" href="/tai-lieu" target="_self">
<div class="ql-icon-wrap">
<i class="ph ph-files ql-icon">
</i>
</div>
<span class="ql-text">
Tài liệu & Học liệu
</span>
</a>
<a class="ql-item" href="/thoi-khoa-bieu" target="_self">
<div class="ql-icon-wrap">
<i class="ph ph-calendar-blank ql-icon">
</i>
</div>
<span class="ql-text">
Thời khóa biểu
</span>
</a>
<a class="ql-item" href="/hoc-sinh/diem-so" target="_self">
<div class="ql-icon-wrap">
<i class="ph ph-exam ql-icon">
</i>
</div>
<span class="ql-text">
Tra cứu kết quả điểm
</span>
</a>
<a class="ql-item" href="/lien-he" target="_self">
<div class="ql-icon-wrap">
<i class="ph ph-envelope-simple ql-icon">
</i>
</div>
<span class="ql-text">
Liên hệ - Góp ý
</span>
</a>
</div>
</div>
</section>
<!-- Content Section: News and Announcements -->
<section class="section container">
<div class="row" style="display: flex; flex-wrap: wrap; gap: 30px;">
<!-- Left Column: News with dynamic layout style -->
<div style="flex: 1 1 63%; min-width: 320px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
<h2 class="section-title mb-0">
<i class="ph ph-newspaper-clipping mr-2">
</i>
Tin tức & Hoạt động nhà trường
</h2>
<a class="text-primary font-bold text-sm" href="/tin-tuc" style="text-decoration: none;">
Xem tất cả
<i class="ph ph-arrow-right">
</i>
</a>
</div>
<!-- KIỂU 1: SPOTLIGHT MAGAZINE (MẶC ĐỊNH CHUẨN MỰC) -->
<div class="news-grid">
<article class="news-card news-card-featured">
<img alt="Khai giảng năm học mới" class="news-img" src="/assets/uploads/banners/banner1.jpg">
<div class="news-content">
<div class="news-meta">
<span class="badge badge-primary">
Tin tức & Sự kiện
</span>
<span>
<i class="ph ph-calendar">
</i>
17/08/2026
</span>
</div>
<h3 class="news-title">
<a href="/tin-tuc/khai-giang-nam-hoc-moi">
Khai giảng năm học mới
</a>
</h3>
<p class="news-excerpt">
Tóm tắt bài viết khai giảng...
</p>
<a class="text-primary font-bold text-sm flex items-center gap-1 mt-3" href="/tin-tuc/khai-giang-nam-hoc-moi">
Xem chi tiết
<i class="ph ph-arrow-right">
</i>
</a>
</div>
</article>
<div class="small-news-list">
<article class="small-news-item">
<img alt="Khai giảng năm học mới" class="small-news-img" src="/assets/uploads/banners/banner1.jpg">
<div class="small-news-content">
<div class="small-news-meta mb-1">
<i class="ph ph-calendar">
</i>
17/08/2026
</div>
<h4>
<a href="/tin-tuc/khai-giang-nam-hoc-moi">
Khai giảng năm học mới
</a>
</h4>
<a class="text-primary text-xs font-semibold flex items-center gap-1 mt-1" href="/tin-tuc/khai-giang-nam-hoc-moi" style="text-decoration: none;">
Xem chi tiết
<i class="ph ph-arrow-right">
</i>
</a>
</div>
</article>
<article class="small-news-item">
<img alt="Thông báo nộp học phí" class="small-news-img" src="/assets/uploads/banners/banner1.jpg">
<div class="small-news-content">
<div class="small-news-meta mb-1">
<i class="ph ph-calendar">
</i>
17/08/2026
</div>
<h4>
<a href="/tin-tuc/thong-bao-nop-hoc-phi">
Thông báo nộp học phí
</a>
</h4>
<a class="text-primary text-xs font-semibold flex items-center gap-1 mt-1" href="/tin-tuc/thong-bao-nop-hoc-phi" style="text-decoration: none;">
Xem chi tiết
<i class="ph ph-arrow-right">
</i>
</a>
</div>
</article>
<article class="small-news-item">
<img alt="Kế hoạch tháng 9" class="small-news-img" src="/assets/uploads/banners/banner1.jpg">
<div class="small-news-content">
<div class="small-news-meta mb-1">
<i class="ph ph-calendar">
</i>
17/08/2026
</div>
<h4>
<a href="/tin-tuc/ke-hoach-thang-9">
Kế hoạch tháng 9
</a>
</h4>
<a class="text-primary text-xs font-semibold flex items-center gap-1 mt-1" href="/tin-tuc/ke-hoach-thang-9" style="text-decoration: none;">
Xem chi tiết
<i class="ph ph-arrow-right">
</i>
</a>
</div>
</article>
<article class="small-news-item">
<img alt="Đạt giải học sinh giỏi quốc gia" class="small-news-img" src="/assets/uploads/banners/banner1.jpg">
<div class="small-news-content">
<div class="small-news-meta mb-1">
<i class="ph ph-calendar">
</i>
17/08/2026
</div>
<h4>
<a href="/tin-tuc/dat-giai-hs-gioi-quoc-gia">
Đạt giải học sinh giỏi quốc gia
</a>
</h4>
<a class="text-primary text-xs font-semibold flex items-center gap-1 mt-1" href="/tin-tuc/dat-giai-hs-gioi-quoc-gia" style="text-decoration: none;">
Xem chi tiết
<i class="ph ph-arrow-right">
</i>
</a>
</div>
</article>
<a class="btn btn-outline-primary w-100 mt-2" href="/tin-tuc" style="justify-content:center; padding: 10px; font-weight: 600;">
Xem tất cả tin tức & hoạt động
<i class="ph ph-arrow-right">
</i>
</a>
</div>
</div>
</div>
<!-- Right Column: Announcements & Sponsors -->
<div style="flex: 1 1 32%; min-width: 300px;">
<!-- Announcements Box -->
<h2 class="section-title">
<i class="ph-bold ph-megaphone mr-2">
</i>
Bảng Thông Báo
</h2>
<div class="announcement-box" id="announcementBoxWrapper">
<div class="announcement-slider-viewport" id="announcementViewport">
<div class="announcement-track" id="announcementTrack">
<a class="announcement-item-card" href="/thong-bao/1">
<div class="ann-item-inner">
<div class="ann-item-icon icon-info">
<i class="ph-bold ph-bell-simple">
</i>
</div>
<div class="ann-item-info">
<div class="ann-item-meta">
<span class="ann-date">
<i class="ph ph-calendar">
</i>
17/08/2026
</span>
<span class="badge badge-primary">
Thông báo
</span>
</div>
<h4 class="ann-item-title">
Họp phụ huynh đầu năm
</h4>
<span class="ann-item-link">
Xem chi tiết
<i class="ph ph-arrow-right">
</i>
</span>
</div>
</div>
</a>
<a class="announcement-item-card card-warning" href="/thong-bao/2">
<div class="ann-item-inner">
<div class="ann-item-icon icon-warning">
<i class="ph-bold ph-bell-ringing">
</i>
</div>
<div class="ann-item-info">
<div class="ann-item-meta">
<span class="ann-date">
<i class="ph ph-calendar">
</i>
17/08/2026
</span>
<span class="badge badge-warning">
Quan trọng
</span>
</div>
<h4 class="ann-item-title">
Thông báo lịch thi giữa kì
</h4>
<span class="ann-item-link">
Xem chi tiết
<i class="ph ph-arrow-right">
</i>
</span>
</div>
</div>
</a>
<a class="announcement-item-card" href="/thong-bao/3">
<div class="ann-item-inner">
<div class="ann-item-icon icon-info">
<i class="ph-bold ph-bell-simple">
</i>
</div>
<div class="ann-item-info">
<div class="ann-item-meta">
<span class="ann-date">
<i class="ph ph-calendar">
</i>
17/08/2026
</span>
<span class="badge badge-primary">
Thông báo
</span>
</div>
<h4 class="ann-item-title">
Nghỉ lễ 2/9
</h4>
<span class="ann-item-link">
Xem chi tiết
<i class="ph ph-arrow-right">
</i>
</span>
</div>
</div>
</a>
</div>
</div>
<a class="btn btn-outline-primary w-100 mt-3" href="/thong-bao" style="display: flex; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-weight: 600; font-size: 0.9rem;">
Xem tất cả bảng tin thông báo
<i class="ph ph-arrow-right">
</i>
</a>
</div>
<!-- Sponsor / Educational Partners Banner Block -->
<div class="sponsor-box">
<h3 style="font-size: 1.1rem; font-weight: 800; color: var(--color-primary); margin-bottom: 16px; display: flex; align-items: center; gap: 8px;">
<i class="ph ph-handshake text-accent" style="color: var(--color-accent); font-size: 1.3rem;">
</i>
Đơn Vị Đồng Hành & Học Bổng
</h3>
<div class="sponsor-grid">
<a class="sponsor-card" href="https://vnedu.vn" rel="noopener" target="_blank" title="Hệ Thống Giáo Dục vnEdu">
<div class="sponsor-logo-wrap" style="color: #1d4ed8;">
<i class="ph ph-graduation-cap">
</i>
</div>
<div class="sponsor-info">
<h4 class="sponsor-name">
Hệ Thống Giáo Dục vnEdu
</h4>
<p class="sponsor-desc">
Cổng thông tin & Sổ liên lạc điện tử VNPT
</p>
<span class="sponsor-action">
Truy cập Website
<i class="ph ph-arrow-square-out">
</i>
</span>
</div>
</a>
<a class="sponsor-card" href="https://smas.edu.vn" rel="noopener" target="_blank" title="Hệ Thống SMAS Viettel">
<div class="sponsor-logo-wrap" style="color: #0284c7;">
<i class="ph ph-cloud-arrow-up">
</i>
</div>
<div class="sponsor-info">
<h4 class="sponsor-name">
Hệ Thống SMAS Viettel
</h4>
<p class="sponsor-desc">
Quản lý hồ sơ & Dữ liệu ngành Giáo dục
</p>
<span class="sponsor-action">
Truy cập Website
<i class="ph ph-arrow-square-out">
</i>
</span>
</div>
</a>
<a class="sponsor-card" href="https://moet.gov.vn" rel="noopener" target="_blank" title="Quỹ Học Bổng Nguyễn Văn Trỗi">
<div class="sponsor-logo-wrap" style="color: #ea580c;">
<i class="ph ph-medal">
</i>
</div>
<div class="sponsor-info">
<h4 class="sponsor-name">
Quỹ Học Bổng Nguyễn Văn Trỗi
</h4>
<p class="sponsor-desc">
Chương trình thắp sáng ước mơ học sinh nghèo vượt khó
</p>
<span class="sponsor-action">
Xem chương trình
<i class="ph ph-arrow-square-out">
</i>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Stats Section -->
<section class="stats">
<div class="container">
<h2 class="section-title text-white justify-center" style="margin-bottom: 10px;">
Thành Tích & Con Số Ấn Tượng
</h2>
<p class="text-white" style="opacity: 0.85; margin-bottom: 30px;">
Hành trình phát triển và chất lượng giáo dục toàn diện của nhà trường
</p>
<div class="stats-grid">
<div class="stat-item">
<div class="stat-number" data-target="1250">
1,250
</div>
<div class="stat-label">
Học sinh đang theo học
</div>
</div>
<div class="stat-item">
<div class="stat-number" data-target="83">
83
</div>
<div class="stat-label">
Cán bộ, Giáo viên giỏi
</div>
</div>
<div class="stat-item">
<div class="stat-number" data-target="24">
24
</div>
<div class="stat-label">
Năm hình thành & phát triển
</div>
</div>
<div class="stat-item">
<div class="stat-number" data-target="128">
128+
</div>
<div class="stat-label">
Giải thưởng học sinh giỏi các cấp
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="footer-top-accent">
</div>
<div class="container">
<div class="footer-grid">
<!-- Col 1: School Brand & Identity -->
<div class="footer-col footer-col-brand">
<div class="footer-brand-wrap mb-3">
<div class="footer-logo-icon">
<i class="ph-bold ph-graduation-cap">
</i>
</div>
<div>
<h2 class="footer-school-name">
TRƯỜNG THPT NGUYỄN VĂN TRỖI
</h2>
<span class="footer-school-slogan">
Ươm Mầm Trí Tuệ – Kiến Tạo Tương Lai
</span>
</div>
</div>
<p class="footer-desc">
Ngôi trường giàu truyền thống hiếu học tại xã Bắc Ruộng, tỉnh Lâm Đồng. Nơi chắp cánh ước mơ cho bao thế hệ học sinh vươn tới tầm cao tri thức.
</p>
<div class="footer-social-wrap">
<span class="social-label">
Kết nối với trường:
</span>
<div class="social-links-grid">
<a class="social-btn social-fb" href="https://www.facebook.com/C3NguyenVanTroi/" rel="noopener" target="_blank" title="Trang Facebook Trường">
<i class="ph-bold ph-facebook-logo">
</i>
</a>
<a class="social-btn social-yt" href="https://youtube.com" rel="noopener" target="_blank" title="Kênh Youtube Trường">
<i class="ph-bold ph-youtube-logo">
</i>
</a>
<a class="social-btn social-zalo" href="https://zalo.me" rel="noopener" target="_blank" title="Kênh Zalo Official">
<i class="ph-bold ph-chat-circle-dots">
</i>
</a>
<a class="social-btn social-tiktok" href="https://tiktok.com" rel="noopener" target="_blank" title="Kênh TikTok Học Đường">
<i class="ph-bold ph-tiktok-logo">
</i>
</a>
</div>
</div>
</div>
<!-- Col 2: Services & Quick Links -->
<div class="footer-col">
<h3 class="footer-col-title">
Dịch Vụ & Tra Cứu
</h3>
<ul class="footer-links">
<li>
<a href="/hoc-sinh/diem-so">
<i class="ph-bold ph-caret-right">
</i>
Tra cứu Điểm & Học bạ
</a>
</li>
<li>
<a href="/thoi-khoa-bieu">
<i class="ph-bold ph-caret-right">
</i>
Thời khóa biểu các lớp
</a>
</li>
<li>
<a href="/tai-lieu">
<i class="ph-bold ph-caret-right">
</i>
Thư viện Tài liệu & Đề thi
</a>
</li>
<li>
<a href="/tuyen-sinh">
<i class="ph-bold ph-caret-right">
</i>
Thông tin Tuyển sinh Lớp 10
</a>
</li>
<li>
<a href="/tin-tuc">
<i class="ph-bold ph-caret-right">
</i>
Bản tin Hoạt động học đường
</a>
</li>
<li>
<a href="/lien-he">
<i class="ph-bold ph-caret-right">
</i>
Hộp thư Góp ý & Phản ánh
</a>
</li>
</ul>
</div>
<!-- Col 3: Contact Details & Map -->
<div class="footer-col">
<h3 class="footer-col-title">
Thông Tin Liên Hệ & Vị Trí
</h3>
<ul class="footer-contact-list mb-3">
<li>
<div class="contact-icon">
<i class="ph-bold ph-map-pin">
</i>
</div>
<div class="contact-text">
<strong>
Địa chỉ trường:
</strong>
<span>
Thôn 2, Xã Bắc Ruộng, Tỉnh Lâm Đồng
</span>
</div>
</li>
<li>
<div class="contact-icon">
<i class="ph-bold ph-phone-call">
</i>
</div>
<div class="contact-text">
<strong>
Điện thoại / Hotline:
</strong>
<span>
0252 3891123
</span>
</div>
</li>
<li>
<div class="contact-icon">
<i class="ph-bold ph-envelope-simple">
</i>
</div>
<div class="contact-text">
<strong>
Hòm thư điện tử:
</strong>
<span>
[email protected]
</span>
</div>
</li>
<li>
<div class="contact-icon">
<i class="ph-bold ph-clock">
</i>
</div>
<div class="contact-text">
<strong>
Giờ làm việc:
</strong>
<span>
07:00 - 17:30 (Thứ Hai – Thứ Bảy)
</span>
</div>
</li>
</ul>
<div class="footer-map-card">
<iframe allowfullscreen="" height="120" loading="lazy" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3913.906152958529!2d107.71539907353716!3d11.194579151344678!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3174150e3a026001%3A0x8738e979c39c6fd9!2zVHLGsOG7nW5nIFRIUFQgTmd1eeG7hW4gVsSDbiBUcuG7l2k!5e0!3m2!1svi!2sus!4v1787021056072!5m2!1svi!2sus" style="border:0; border-radius: 8px; display: block;" width="100%">
</iframe>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom-bar">
<div class="footer-copy">
© 2026 TRƯỜNG THPT NGUYỄN VĂN TRỖI. Bản quyền thuộc về Nhà trường.
</div>
<div class="footer-visitor-counter" id="footer-live-counter">
<span class="counter-item">
<i class="live-dot-mini">
</i>
Đang online:
<strong id="live-online-count">
38
</strong>
</span>
<span class="counter-divider">
•
</span>
<span class="counter-item">
Hôm nay:
<strong id="live-today-count">
1,201
</strong>
</span>
<span class="counter-divider">
•
</span>
<span class="counter-item">
Tổng truy cập:
<strong id="live-total-count">
481,978
</strong>
</span>
</div>
<button class="back-to-top-btn" onclick="scrollToTop()" title="Về đầu trang" type="button">
<i class="ph-bold ph-arrow-up">
</i>
<span>
Đầu trang
</span>
</button>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="/assets/js/portal.js?v=1787579620">
</script>
</body>
</html>