Bộ Sưu Tập
Hè 2025
Khám phá hàng nghìn sản phẩm thời trang cao cấp. Giao hàng toàn quốc, miễn phí từ 300K.
Flash Sale
Mỗi Ngày
Giảm đến 70% cho đơn hàng từ 200K. Số lượng có hạn!
Khách hàng tin tưởng trên toàn quốc
Nhận Thông
Báo Ngay
Đăng ký nhận ưu đãi độc quyền mỗi tuần
✓ Miễn phí · Huỷ bất cứ lúc nào
Cam Kết
Chất Lượng
Chúng tôi đảm bảo trải nghiệm mua sắm tốt nhất
Miễn phí · 8:00 - 22:00
Thương Hiệu Tin Cậy
Hơn 500+ thương hiệu uy tín từ Việt Nam & quốc tế
📋 Hướng Dẫn Sử Dụng Template
Thay đổi màu sắc
Sửa CSS class .card-hero,
.card-feature...
để thay gradient theo thương hiệu của bạn.
Thay đổi kích thước
Sửa class .card-pos-1 đến
.card-pos-6 để
thay đổi vị trí và kích thước từng card.
Responsive
Tự động: Mobile (1 cột) → Tablet (2 cột) → Desktop (4 cột). Không cần sửa thêm.
Tuỳ chỉnh nội dung
Thay thế text, emoji, giá tiền, link... trực tiếp trong HTML. Mỗi card có comment tiếng Việt rõ ràng.
Không cần build
Dùng Tailwind CSS CDN, chỉ cần mở file
.html trên
browser là chạy ngay. Không cần Node.js hay build tools.
Deploy dễ dàng
Upload lên GitHub Pages, Netlify, Vercel hoặc bất kỳ hosting tĩnh nào. 100% HTML + CSS + JS thuần.
📊 Tham chiếu kích thước các card
| Card | Kích thước | Màu sắc | Dùng cho |
|---|---|---|---|
| Card 1 (Hero) | 2 cột × 2 hàng | Tím → Hồng | Banner chính, sản phẩm nổi bật |
| Card 2 (Feature) | 2 cột × 1 hàng | Cam → Vàng | Flash sale, ưu đãi đặc biệt |
| Card 3 (Stats) | 1 cột × 1 hàng | Xanh → Cyan | Thống kê, con số ấn tượng |
| Card 4 (CTA) | 1 cột × 1 hàng | Đỏ → Cam | Đăng ký email, call-to-action |
| Card 5 (Info) | 1 cột × 2 hàng | Đen → Xanh mint | Dịch vụ, tính năng, cam kết |
| Card 6 (Wide) | 3 cột × 1 hàng | Tối → Hồng đỏ | Đối tác, thương hiệu, banner phụ |