Dự án này tạo ra một poster du lịch tương tác với HTML, CSS và JavaScript để quảng bá tour cắm trại 2 ngày 1 đêm tại Bãi Tiên.
- Thiết kế đẹp mắt với bố cục chuyên nghiệp
- Hiệu ứng tương tác (hover, animation) để tăng trải nghiệm người dùng
- Hiệu ứng đếm ngược khuyến mãi
- Hiệu ứng parallax khi cuộn trang
- Thiết kế responsive cho điện thoại di động
- Chi tiết lịch trình tour, dịch vụ và thực đơn
- Clone hoặc tải xuống repository này
- Mở tệp
index.htmltrong trình duyệt web để xem poster - Có thể chỉnh sửa nội dung trong
index.htmlđể thay đổi thông tin tour - Điều chỉnh CSS trong
style.cssđể thay đổi màu sắc và kiểu dáng - Tùy chỉnh hiệu ứng trong
script.jsnếu muốn
Bạn có thể thay đổi màu sắc chính bằng cách chỉnh sửa biến CSS trong style.css:
:root {
--primary-color: #ff6b00; /* Màu chính */
--secondary-color: #00b8d4; /* Màu phụ */
--accent-color: #ffee00; /* Màu nhấn */
/* ... */
}Để thay đổi hình ảnh nền và các hình ảnh khác, tìm và thay thế URL trong index.html:
header {
background-image: url('https://your-new-image-url.jpg');
/* ... */
}Chỉnh sửa nội dung văn bản trực tiếp trong index.html.
Dự án này sử dụng hình ảnh miễn phí từ Unsplash.