QPZone

QPZone là nền tảng xem phim trực tuyến hàng đầu, nơi bạn có thể thưởng thức những bộ phim bom tấn, anime, phim truyền hình và nhiều thể loại khác với chất lượng cao và tốc độ tải mượt mà.

Chúng tôi cam kết đem đến trải nghiệm xem phim không quảng cáo, cập nhật phim mới liên tục, giao diện dễ sử dụng, phù hợp với mọi thiết bị.

Ngoài kho phim đa dạng, QPZone còn tích hợp nhiều tính năng thông minh như đề xuất phim theo sở thích, lưu lịch sử xem, đánh giá và chia sẻ phim dễ dàng. Người dùng có thể theo dõi những bộ phim yêu thích, nhận thông báo khi có tập mới và tận hưởng trải nghiệm điện ảnh cá nhân hóa.

Chúng tôi tin rằng giải trí chất lượng nên dễ tiếp cận với tất cả mọi người. Vì vậy, QPZone cung cấp nhiều gói dịch vụ linh hoạt, từ miễn phí đến VIP, phù hợp với nhu cầu của từng người xem. Dù bạn là một fan phim hành động, đam mê anime hay thích những bộ phim tình cảm sâu lắng — QPZone luôn sẵn sàng đồng hành cùng bạn trên hành trình khám phá thế giới điện ảnh.

🔧 Chức năng chính của website:

• Giao diện tổng thể:
  • Thiết kế giao diện responsive, tương thích mọi thiết bị bằng Bootstrap 5.
  • Navbar + Header hiện đại, có logo, dropdown hover thể loại.
  • Tạo footer chuẩn với thông tin liên hệ và liên kết nhanh.
• Trang chủ:
  • Phân chia danh mục phim rõ ràng: Phim hot, Phim chiếu rạp, Phim nổi bật...
  • Hiệu ứng hover phóng to ảnh (zoom).
  • Ảnh phim hiển thị theo tỉ lệ cố định (fixed-size, fixed-size-medium).
  • Sử dụng carousel dạng trượt ngang cho phim nổi bật và chiếu rạp.
  • Nút scroll to top xuất hiện khi cuộn xuống.
• Trang giới thiệu (About):
  • Nội dung chi tiết, hình ảnh minh họa rõ ràng.
  • Giao diện đồng nhất với trang chủ.
• Trang liên hệ (Contact):
  • Biểu mẫu có kiểm tra required + định dạng email.
  • Cảnh báo khi thiếu thông tin.
  • Hiện thông báo gửi thành công bằng toast.
  • Có thông tin liên hệ rõ ràng.
• Trang chi tiết phim (SpiderMan, Godzilla, Oppenheimer):
  • Ảnh poster + nút play nổi bật.
  • Thông tin chi tiết: giá, quốc gia, thể loại, năm phát hành.
  • Mô tả nội dung đầy đủ, thu hút.
  • Các nút hành động: Mua phim, Thích, Chia sẻ.
• Trang Lab thực hành:
  • Liệt kê các bài lab theo buổi.
  • Mỗi bài có link truy cập riêng.

Hiệu ứng và UI nâng cao:

• Hiệu ứng scroll mượt (scroll-behavior: smooth) + nút lên đầu trang.
• Dropdown menu mở khi hover, không cần click.
• Scrollbar tùy chỉnh màu vàng chủ đề.
• Hover highlight ảnh phim.
• Tạo skew box cho tiêu đề đẹp mắt.
• Responsive tốt: ảnh thu gọn theo từng cột col-sm, col-lg...

JavaScript (trong myjs.js):

• Hiển thị toast khi form hợp lệ.
• Kiểm tra form tự động (was-validated).
• Nút scroll to top hiện ẩn tùy vị trí cuộn.