Thị trường chuẩn bị đón ECB diều hâu khi lạm phát tăng
Thị trường tiền tệ đang đặt cược rằng căng thẳng địa chính trị sẽ làm phức tạp thêm cuộc chiến lạm phát của ECB. Các nhà giao dịch kỳ vọng các đợt tăng lãi suất sẽ đẩy lãi suất tiền gửi lên cao hơn trong bối cảnh áp lực năng lượng.
</a> <a href="phim-le.html" class="movie-card" data-category="le"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">120 phút</span> <img src="https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?q=80&w=600&auto=format&fit=crop" alt="Cuộc Đua Tốc Độ"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Cuộc Đua Tốc Độ</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Hành Động</span> </div> </div> </a> <a href="phim-le.html" class="movie-card" data-category="le"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">110 phút</span> <img src="https://images.unsplash.com/photo-1518709268805-4e9042af9f23?q=80&w=600&auto=format&fit=crop" alt="Hành Trình Về Phương Nam"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Hành Trình Về Phương Nam</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Phiêu Lưu</span> </div> </div> </a> <a href="phim-le.html" class="movie-card" data-category="le"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">135 phút</span> <img src="https://images.unsplash.com/photo-1536440136628-849c177e76a1?q=80&w=600&auto=format&fit=crop" alt="Thế Giới Ảo"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Thế Giới Ảo</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Khoa Học Viễn Tưởng</span> </div> </div> </a> </div> <button class="scroll-btn right-btn"><i class="fa-solid fa-chevron-right"></i></button> </div> </section> <!-- Phim Bộ Nổi Bật --> <section class="movie-section" id="phim-bo"> <div class="section-header"> <div class="title-with-icon"> <i class="fa-solid fa-tv"></i> <h2>Phim Bộ Nổi Bật</h2> </div> <a href="phim-bo.html" class="view-more">Xem thêm <i class="fa-solid fa-arrow-right"></i></a> </div> <div class="movie-row-container"> <button class="scroll-btn left-btn"><i class="fa-solid fa-chevron-left"></i></button> <div class="movie-row"> <!-- Phim Bộ Items --> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">16 Tập</span> <img src="https://images.unsplash.com/photo-1626814026160-2237a95fc5a0?q=80&w=600&auto=format&fit=crop" alt="Vương Triều Bí Mật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Vương Triều Bí Mật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Cổ Trang</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">12 Tập</span> <img src="https://images.unsplash.com/photo-1509198397868-475647b2a1e5?q=80&w=600&auto=format&fit=crop" alt="Bác Sĩ Tài Hoa"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Bác Sĩ Tài Hoa</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Y Khoa / Tình Cảm</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> ng <span class="quality-badge">HD</span> <span class="duration">24 Tập</span> <img src="https://images.unsplash.com/photo-1568605117036-5fe5e7bab0b7?q=80&w=600&auto=format&fit=crop" alt="Đội Đặc Nhiệm"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Đội Đặc Nhiệm</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Hình Sự</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">8 Tập</span> <img src="https://images.unsplash.com/photo-1514539079130-25950c84af65?q=80&w=600&auto=format&fit=crop" alt="Bí Ẩn Đêm Chủ Nhật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Bí Ẩn Đêm Chủ Nhật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Kinh Dị</span> </div> </div> </a> </div> <button class="scroll-btn right-btn"><i class="fa-solid fa-chevron-right"></i></button> </div> </section> <!-- Anime / Hoạt Hình --> <section class="movie-section" id="anime"> <div class="section-header"> <div class="title-with-icon"> <i class="fa-solid fa-wand-magic-sparkles"></i> <h2>Hoạt Hình / Anime</h2> </div> <a href="hoat-hinh.html" class="view-more">Xem thêm <i class="fa-solid fa-arrow-right"></i></a> </div> <div class="movie-row-container"> <button class="scroll-btn left-btn"><i class="fa-solid fa-chevron-left"></i></button> <div class="movie-row"> <!-- Anime Items --> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">24 Tập</span> <img src="https://images.unsplash.com/photo-1578632767115-351597cf2477?q=80&w=600&auto=format&fit=crop" alt="Thế Giới Phép Thuật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Thế Giới Phép Thuật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Anime / Fantasy</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">90 phút</span> <img src="https://images.unsplash.com/photo-1607604276583-eef5d076aa5f?q=80&w=600&auto=format&fit=crop" alt="Hành Trình Của Gấu"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Hành Trình Của Gấu</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Hoạt Hình</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">12 Tập</span> <img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=600&auto=format&fit=crop" alt="Chiến Binh Không Gian"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Chiến Binh Không Gian</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Sci-Fi Anime</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">26 Tập</span> <img src="https://images.unsplash.com/photo-1563089145-599997674d42?q=80&w=600&auto=format&fit=crop" alt="Học Viện Siêu Anh Hùng"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Học Viện Siêu Anh Hùng</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Action Anime</span> </div> </div> </a> </div> <button class="scroll-btn right-btn"><i class="fa-solid fa-chevron-right"></i></button> </div> </section> </div> </main> <!-- FOOTER --> <footer class="site-footer"> <div class="footer-content"> <div class="footer-col brand-col"> <a href="#" class="footer-logo"> <i class="fa-solid fa-film"></i> CINEVERSE </a> <p>Nền tảng xem phim trực tuyến hàng đầu, mang thế giới điện ảnh đỉnh cao đến với không gian của bạn.</p> <div class="social-links"> <a href="#"><i class="fa-brands fa-facebook-f"></i></a> <a href="#"><i class="fa-brands fa-youtube"></i></a> <a href="#"><i class="fa-brands fa-instagram"></i></a> <a href="#"><i class="fa-brands fa-tiktok"></i></a> </div> </div> <div class="footer-col"> <h4>Danh Mục Phim</h4> <ul> <li><a href="phim-le.html">Phim Lẻ Mới</a></li> <li><a href="phim-bo.html">Phim Bộ Hot</a></li> <li><a href="hoat-hinh.html">Hoạt Hình / Anime</a></li> <li><a href="the-loai.html">Thể Loại</a></li> </ul> </div> <div class="footer-col"> <h4>Hỗ Trợ Khách Hàng</h4> <ul> <li><a href="#">Trung Tâm Trợ Giúp</a></li> <li><a href="#">Câu Hỏi Thường Gặp</a></li> <li><a href="#">Điều Khoản Sử Dụng</a></li> <li><a href="#">Chính Sách Bảo Mật</a></li> </ul> </div> <div class="footer-col newsletter-col"> <h4>Đăng Ký Nhận Tin</h4> <p>Nhận thông báo về các bộ phim bom tấn mới nhất.</p> <form class="newsletter-form" onsubmit="event.preventDefault(); alert('Đăng ký thành công!');"> <input type="email" placeholder="Nhập email của bạn..." required> <button type="submit"><i class="fa-solid fa-paper-plane"></i></button> </form> </div> </div> <div class="footer-bottom"> <p>© 2024 CINEVERSE. Tất cả các quyền được bảo lưu.</p> </div> </footer> <!-- SCRIPT TƯƠNG TÁC --> <script> // Xử lý ẩn/hiện header khi cuộn trang let lastScrollTop = 0; const navbar = document.getElementById('navbar'); window.addEventListener('scroll', function() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop && scrollTop > 100) { navbar.style.transform = 'translateY(-100%)'; } else { navbar.style.transform = 'translateY(0)'; if(scrollTop > 50) { navbar.style.background = 'rgba(10, 10, 10, 0.95)'; navbar.style.boxShadow = '0 4px 20px rgba(0,0,0,0.5)'; } else { navbar.style.background = 'linear-gradient(to bottom, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0) 100%)'; navbar.style.boxShadow = 'none'; } } lastScrollTop = scrollTop; }); // Script cho nút cuộn ngang danh sách phim (Carousel slider) document.querySelectorAll('.movie-row-container').forEach(container => { const row = container.querySelector('.movie-row'); const leftBtn = container.querySelector('.left-btn'); const rightBtn = container.querySelector('.right-btn'); rightBtn.addEventListener('click', () => { row.scrollBy({ left: 400, behavior: 'smooth' }); }); leftBtn.addEventListener('click', () => { row.scrollBy({ left: -400, behavior: 'smooth' }); }); }); </script> </body> </html> <!-- Phim Bộ Nổi Bật --> <section class="movie-section" id="phim-bo"> <div class="section-header"> <div class="title-with-icon"> <i class="fa-solid fa-tv"></i> <h2>Phim Bộ Nổi Bật</h2> </div> <a href="phim-bo.html" class="view-more">Xem thêm <i class="fa-solid fa-arrow-right"></i></a> </div> <div class="movie-row-container"> <button class="scroll-btn left-btn"><i class="fa-solid fa-chevron-left"></i></button> <div class="movie-row"> <!-- Phim Bộ Items --> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">16 Tập</span> <img src="https://images.unsplash.com/photo-1626814026160-2237a95fc5a0?q=80&w=600&auto=format&fit=crop" alt="Vương Triều Bí Mật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Vương Triều Bí Mật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Cổ Trang</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">12 Tập</span> <img src="https://images.unsplash.com/photo-1509198397868-475647b2a1e5?q=80&w=600&auto=format&fit=crop" alt="Bác Sĩ Tài Hoa"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Bác Sĩ Tài Hoa</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Y Khoa / Tình Cảm</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> ng <span class="quality-badge">HD</span> <span class="duration">24 Tập</span> <img src="https://images.unsplash.com/photo-1568605117036-5fe5e7bab0b7?q=80&w=600&auto=format&fit=crop" alt="Đội Đặc Nhiệm"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Đội Đặc Nhiệm</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Hình Sự</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">8 Tập</span> <img src="https://images.unsplash.com/photo-1514539079130-25950c84af65?q=80&w=600&auto=format&fit=crop" alt="Bí Ẩn Đêm Chủ Nhật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Bí Ẩn Đêm Chủ Nhật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Kinh Dị</span> </div> </div> </a> </div> <button class="scroll-btn right-btn"><i class="fa-solid fa-chevron-right"></i></button> </div> </section> <!-- Anime / Hoạt Hình --> <section class="movie-section" id="anime"> <div class="section-header"> <div class="title-with-icon"> <i class="fa-solid fa-wand-magic-sparkles"></i> <h2>Hoạt Hình / Anime</h2> </div> <a href="hoat-hinh.html" class="view-more">Xem thêm <i class="fa-solid fa-arrow-right"></i></a> </div> <div class="movie-row-container"> <button class="scroll-btn left-btn"><i class="fa-solid fa-chevron-left"></i></button> <div class="movie-row"> <!-- Anime Items --> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">24 Tập</span> <img src="https://images.unsplash.com/photo-1578632767115-351597cf2477?q=80&w=600&auto=format&fit=crop" alt="Thế Giới Phép Thuật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Thế Giới Phép Thuật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Anime / Fantasy</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">90 phút</span> <img src="https://images.unsplash.com/photo-1607604276583-eef5d076aa5f?q=80&w=600&auto=format&fit=crop" alt="Hành Trình Của Gấu"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Hành Trình Của Gấu</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Hoạt Hình</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">12 Tập</span> <img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=600&auto=format&fit=crop" alt="Chiến Binh Không Gian"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Chiến Binh Không Gian</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Sci-Fi Anime</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">26 Tập</span> <img src="https://images.unsplash.com/photo-1563089145-599997674d42?q=80&w=600&auto=format&fit=crop" alt="Học Viện Siêu Anh Hùng"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Học Viện Siêu Anh Hùng</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Action Anime</span> </div> </div> </a> </div> <button class="scroll-btn right-btn"><i class="fa-solid fa-chevron-right"></i></button> </div> </section> </div> </main> <!-- FOOTER --> <footer class="site-footer"> <div class="footer-content"> <div class="footer-col brand-col"> <a href="#" class="footer-logo"> <i class="fa-solid fa-film"></i> CINEVERSE </a> <p>Nền tảng xem phim trực tuyến hàng đầu, mang thế giới điện ảnh đỉnh cao đến với không gian của bạn.</p> <div class="social-links"> <a href="#"><i class="fa-brands fa-facebook-f"></i></a> <a href="#"><i class="fa-brands fa-youtube"></i></a> <a href="#"><i class="fa-brands fa-instagram"></i></a> <a href="#"><i class="fa-brands fa-tiktok"></i></a> </div> </div> <div class="footer-col"> <h4>Danh Mục Phim</h4> <ul> <li><a href="phim-le.html">Phim Lẻ Mới</a></li> <li><a href="phim-bo.html">Phim Bộ Hot</a></li> <li><a href="hoat-hinh.html">Hoạt Hình / Anime</a></li> <li><a href="the-loai.html">Thể Loại</a></li> </ul> </div> <div class="footer-col"> <h4>Hỗ Trợ Khách Hàng</h4> <ul> <li><a href="#">Trung Tâm Trợ Giúp</a></li> <li><a href="#">Câu Hỏi Thường Gặp</a></li> <li><a href="#">Điều Khoản Sử Dụng</a></li> <li><a href="#">Chính Sách Bảo Mật</a></li> </ul> </div> <div class="footer-col newsletter-col"> <h4>Đăng Ký Nhận Tin</h4> <p>Nhận thông báo về các bộ phim bom tấn mới nhất.</p> <form class="newsletter-form" onsubmit="event.preventDefault(); alert('Đăng ký thành công!');"> <input type="email" placeholder="Nhập email của bạn..." required> <button type="submit"><i class="fa-solid fa-paper-plane"></i></button> </form> </div> </div> <div class="footer-bottom"> <p>© 2024 CINEVERSE. Tất cả các quyền được bảo lưu.</p> </div> </footer> <!-- SCRIPT TƯƠNG TÁC --> <script> // Xử lý ẩn/hiện header khi cuộn trang let lastScrollTop = 0; const navbar = document.getElementById('navbar'); window.addEventListener('scroll', function() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop && scrollTop > 100) { navbar.style.transform = 'translateY(-100%)'; } else { navbar.style.transform = 'translateY(0)'; if(scrollTop > 50) { navbar.style.background = 'rgba(10, 10, 10, 0.95)'; navbar.style.boxShadow = '0 4px 20px rgba(0,0,0,0.5)'; } else { navbar.style.background = 'linear-gradient(to bottom, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0) 100%)'; navbar.style.boxShadow = 'none'; } } lastScrollTop = scrollTop; }); // Script cho nút cuộn ngang danh sách phim (Carousel slider) document.querySelectorAll('.movie-row-container').forEach(container => { const row = container.querySelector('.movie-row'); const leftBtn = container.querySelector('.left-btn'); const rightBtn = container.querySelector('.right-btn'); rightBtn.addEventListener('click', () => { row.scrollBy({ left: 400, behavior: 'smooth' }); }); leftBtn.addEventListener('click', () => { row.scrollBy({ left: -400, behavior: 'smooth' }); }); }); </script> </body> </html> <!-- Phim Bộ Nổi Bật --> <section class="movie-section" id="phim-bo"> <div class="section-header"> <div class="title-with-icon"> <i class="fa-solid fa-tv"></i> <h2>Phim Bộ Nổi Bật</h2> </div> <a href="phim-bo.html" class="view-more">Xem thêm <i class="fa-solid fa-arrow-right"></i></a> </div> <div class="movie-row-container"> <button class="scroll-btn left-btn"><i class="fa-solid fa-chevron-left"></i></button> <div class="movie-row"> <!-- Phim Bộ Items --> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">16 Tập</span> <img src="https://images.unsplash.com/photo-1626814026160-2237a95fc5a0?q=80&w=600&auto=format&fit=crop" alt="Vương Triều Bí Mật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Vương Triều Bí Mật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Cổ Trang</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">12 Tập</span> <img src="https://images.unsplash.com/photo-1509198397868-475647b2a1e5?q=80&w=600&auto=format&fit=crop" alt="Bác Sĩ Tài Hoa"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Bác Sĩ Tài Hoa</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Y Khoa / Tình Cảm</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> ng <span class="quality-badge">HD</span> <span class="duration">24 Tập</span> <img src="https://images.unsplash.com/photo-1568605117036-5fe5e7bab0b7?q=80&w=600&auto=format&fit=crop" alt="Đội Đặc Nhiệm"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Đội Đặc Nhiệm</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Hình Sự</span> </div> </div> </a> <a href="phim-bo.html" class="movie-card" data-category="bo"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">8 Tập</span> <img src="https://images.unsplash.com/photo-1514539079130-25950c84af65?q=80&w=600&auto=format&fit=crop" alt="Bí Ẩn Đêm Chủ Nhật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Bí Ẩn Đêm Chủ Nhật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Kinh Dị</span> </div> </div> </a> </div> <button class="scroll-btn right-btn"><i class="fa-solid fa-chevron-right"></i></button> </div> </section> <!-- Anime / Hoạt Hình --> <section class="movie-section" id="anime"> <div class="section-header"> <div class="title-with-icon"> <i class="fa-solid fa-wand-magic-sparkles"></i> <h2>Hoạt Hình / Anime</h2> </div> <a href="hoat-hinh.html" class="view-more">Xem thêm <i class="fa-solid fa-arrow-right"></i></a> </div> <div class="movie-row-container"> <button class="scroll-btn left-btn"><i class="fa-solid fa-chevron-left"></i></button> <div class="movie-row"> <!-- Anime Items --> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">24 Tập</span> <img src="https://images.unsplash.com/photo-1578632767115-351597cf2477?q=80&w=600&auto=format&fit=crop" alt="Thế Giới Phép Thuật"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Thế Giới Phép Thuật</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Anime / Fantasy</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">90 phút</span> <img src="https://images.unsplash.com/photo-1607604276583-eef5d076aa5f?q=80&w=600&auto=format&fit=crop" alt="Hành Trình Của Gấu"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Hành Trình Của Gấu</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Hoạt Hình</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">4K</span> <span class="duration">12 Tập</span> <img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=600&auto=format&fit=crop" alt="Chiến Binh Không Gian"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Chiến Binh Không Gian</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Sci-Fi Anime</span> </div> </div> </a> <a href="hoat-hinh.html" class="movie-card" data-category="anime"> <div class="card-image-wrapper"> <span class="quality-badge">HD</span> <span class="duration">26 Tập</span> <img src="https://images.unsplash.com/photo-1563089145-599997674d42?q=80&w=600&auto=format&fit=crop" alt="Học Viện Siêu Anh Hùng"> <div class="card-overlay"> <button class="play-btn-circle"><i class="fa-solid fa-play"></i></button> </div> </div> <div class="card-info"> <h3 class="movie-title">Học Viện Siêu Anh Hùng</h3> <div class="movie-meta"> <span class="year">2024</span> <span class="genre">Action Anime</span> </div> </div> </a> </div> <button class="scroll-btn right-btn"><i class="fa-solid fa-chevron-right"></i></button> </div> </section> </div> </main> <!-- FOOTER --> <footer class="site-footer"> <div class="footer-content"> <div class="footer-col brand-col"> <a href="#" class="footer-logo"> <i class="fa-solid fa-film"></i> CINEVERSE </a> <p>Nền tảng xem phim trực tuyến hàng đầu, mang thế giới điện ảnh đỉnh cao đến với không gian của bạn.</p> <div class="social-links"> <a href="#"><i class="fa-brands fa-facebook-f"></i></a> <a href="#"><i class="fa-brands fa-youtube"></i></a> <a href="#"><i class="fa-brands fa-instagram"></i></a> <a href="#"><i class="fa-brands fa-tiktok"></i></a> </div> </div> <div class="footer-col"> <h4>Danh Mục Phim</h4> <ul> <li><a href="phim-le.html">Phim Lẻ Mới</a></li> <li><a href="phim-bo.html">Phim Bộ Hot</a></li> <li><a href="hoat-hinh.html">Hoạt Hình / Anime</a></li> <li><a href="the-loai.html">Thể Loại</a></li> </ul> </div> <div class="footer-col"> <h4>Hỗ Trợ Khách Hàng</h4> <ul> <li><a href="#">Trung Tâm Trợ Giúp</a></li> <li><a href="#">Câu Hỏi Thường Gặp</a></li> <li><a href="#">Điều Khoản Sử Dụng</a></li> <li><a href="#">Chính Sách Bảo Mật</a></li> </ul> </div> <div class="footer-col newsletter-col"> <h4>Đăng Ký Nhận Tin</h4> <p>Nhận thông báo về các bộ phim bom tấn mới nhất.</p> <form class="newsletter-form" onsubmit="event.preventDefault(); alert('Đăng ký thành công!');"> <input type="email" placeholder="Nhập email của bạn..." required> <button type="submit"><i class="fa-solid fa-paper-plane"></i></button> </form> </div> </div> <div class="footer-bottom"> <p>© 2024 CINEVERSE. Tất cả các quyền được bảo lưu.</p> </div> </footer> <!-- SCRIPT TƯƠNG TÁC --> <script> // Xử lý ẩn/hiện header khi cuộn trang let lastScrollTop = 0; const navbar = document.getElementById('navbar'); window.addEventListener('scroll', function() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop && scrollTop > 100) { navbar.style.transform = 'translateY(-100%)'; } else { navbar.style.transform = 'translateY(0)'; if(scrollTop > 50) { navbar.style.background = 'rgba(10, 10, 10, 0.95)'; navbar.style.boxShadow = '0 4px 20px rgba(0,0,0,0.5)'; } else { navbar.style.background = 'linear-gradient(to bottom, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0) 100%)'; navbar.style.boxShadow = 'none'; } } lastScrollTop = scrollTop; }); // Script cho nút cuộn ngang danh sách phim (Carousel slider) document.querySelectorAll('.movie-row-container').forEach(container => { const row = container.querySelector('.movie-row'); const leftBtn = container.querySelector('.left-btn'); const rightBtn = container.querySelector('.right-btn'); rightBtn.addEventListener('click', () => { row.scrollBy({ left: 400, behavior: 'smooth' }); }); leftBtn.addEventListener('click', () => { row.scrollBy({ left: -400, behavior: 'smooth' }); }); }); </script> </body> </html>
