renolation/worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Phuoc Nguyen
2025-10-17 15:37:58 +07:00
commit 2125e85d40
123 changed files with 27633 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
html/promotions.html Normal file
View File

@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Khuyến mãi - EuroTile Worker</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<div class="page-wrapper">
<!-- Header -->
<div class="header">
<h1 class="header-title">Khuyến mãi</h1>
</div>
<div class="container">
<!-- Featured Promotion -->
<div class="card" style="background: linear-gradient(135deg, #005B9A 0%, #38B6FF 100%); color: white; margin-bottom: 24px;">
<div class="d-flex justify-between align-center">
<div>
<h2 style="color: white; margin-bottom: 8px;">Flash Sale Cuối Năm</h2>
<p style="color: rgba(255,255,255,0.9); margin-bottom: 12px;">Giảm đến 50% toàn bộ sản phẩm</p>
<p class="text-small" style="color: rgba(255,255,255,0.8);">
<i class="fas fa-clock"></i> Còn 2 ngày 15:30:45
</p>
</div>
<div style="font-size: 48px;">
<i class="fas fa-percentage"></i>
</div>
</div>
</div>
<!-- Promotion List -->
<div class="mb-3">
<div class="card" style="padding: 0; overflow: hidden; margin-bottom: 16px;">
<img src="https://images.unsplash.com/photo-1615971677499-5467cbab01c0?w=400&h=150&fit=crop" alt="Promotion" style="width: 100%; height: 150px; object-fit: cover;">
<div style="padding: 16px;">
<h3 style="margin-bottom: 8px;">Mua công nhắc - Khuyến mãi càng lớn</h3>
<p class="text-small text-muted mb-2">Giảm đến 30% cho đơn hàng từ 10 triệu, giảm 40% cho đơn từ 20 triệu</p>
<div class="d-flex justify-between align-center">
<span class="text-small text-primary">
<i class="fas fa-calendar"></i> 01/12 - 31/12/2023
</span>
<button class="btn btn-primary btn-sm" onclick="window.location.href='promotion-detail.html'">Chi tiết</button>
</div>
</div>
</div>
<div class="card" style="padding: 0; overflow: hidden; margin-bottom: 16px;">
<img src="https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Promotion" style="width: 100%; height: 150px; object-fit: cover;">
<div style="padding: 16px;">
<h3 style="margin-bottom: 8px;">Keo chà ron tặng kèm miễn phí</h3>
<p class="text-small text-muted mb-2">Mua gạch Eurotile từ 50m² tặng keo chà ron cao cấp trị giá 2 triệu</p>
<div class="d-flex justify-between align-center">
<span class="text-small text-primary">
<i class="fas fa-calendar"></i> 15/11 - 15/12/2023
</span>
<button class="btn btn-primary btn-sm">Chi tiết</button>
</div>
</div>
</div>
<div class="card" style="padding: 0; overflow: hidden; margin-bottom: 16px;">
<img src="https://images.unsplash.com/photo-1565538420870-da08ff96a207?w=400&h=150&fit=crop" alt="Promotion" style="width: 100%; height: 150px; object-fit: cover;">
<div style="padding: 16px;">
<h3 style="margin-bottom: 8px;">Ưu đãi đặc biệt thành viên VIP</h3>
<p class="text-small text-muted mb-2">Chiết khấu thêm 5% cho Diamond, 3% cho Gold, 2% cho Titan</p>
<div class="d-flex justify-between align-center">
<span class="text-small text-primary">
<i class="fas fa-calendar"></i> Áp dụng thường xuyên
</span>
<button class="btn btn-primary btn-sm">Chi tiết</button>
</div>
</div>
</div>
<div class="card" style="padding: 0; overflow: hidden; margin-bottom: 16px;">
<img src="https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?w=400&h=150&fit=crop" alt="Promotion" style="width: 100%; height: 150px; object-fit: cover;">
<div style="padding: 16px;">
<h3 style="margin-bottom: 8px;">Combo gạch phòng tắm siêu tiết kiệm</h3>
<p class="text-small text-muted mb-2">Trọn bộ gạch ốp lát phòng tắm chỉ từ 3.5 triệu/phòng</p>
<div class="d-flex justify-between align-center">
<span class="text-small text-primary">
<i class="fas fa-calendar"></i> 01/11 - 30/11/2023
</span>
<button class="btn btn-primary btn-sm">Chi tiết</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bottom Navigation -->
<div class="bottom-nav">
<a href="index.html" class="nav-item">
<i class="fas fa-home nav-icon"></i>
<span class="nav-label">Trang chủ</span>
</a>
<a href="loyalty.html" class="nav-item">
<i class="fas fa-crown nav-icon"></i>
<span class="nav-label">Hội viên</span>
</a>
<a href="promotions.html" class="nav-item active">
<i class="fas fa-tags nav-icon"></i>
<span class="nav-label">Khuyến mãi</span>
</a>
<a href="notifications.html" class="nav-item" style="position: relative">
<i class="fas fa-bell nav-icon"></i>
<span class="nav-label">Thông báo</span>
<span class="badge">5</span>
</a>
<a href="account.html" class="nav-item">
<i class="fas fa-user nav-icon"></i>
<span class="nav-label">Cài đặt</span>
</a>
</div>
</body>
</html>