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

166
html/loyalty.html Normal file
View File

@@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hội viên - 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">Hội viên thân thiết</h1>
</div>
<div class="container">
<!-- Member Card -->
<div class="member-card member-card-diamond">
<div class="d-flex justify-between align-center">
<div>
<h3 style="color: white; font-size: 24px; margin-bottom: 4px;">EUROTILE</h3>
<p style="color: rgba(255,255,255,0.9); font-size: 11px;">ARCHITECT MEMBERSHIP</p>
</div>
<div style="text-align: right;">
<p style="color: rgba(255,255,255,0.8); font-size: 11px;">Valid through</p>
<p style="color: white; font-size: 14px; font-weight: 500;">31/12/2021</p>
</div>
</div>
<div class="d-flex justify-between align-center" style="margin-top: auto;">
<div>
<p style="color: white; font-size: 18px; font-weight: 600; margin-bottom: 4px;">La Nguyen Quynh</p>
<p style="color: rgba(255,255,255,0.9); font-size: 12px;">CLASS: <span style="font-weight: 600;">DIAMOND</span></p>
<p style="color: rgba(255,255,255,0.9); font-size: 12px;">Points: <span style="font-weight: 600;">9750</span></p>
</div>
<div style="background: white; padding: 8px; border-radius: 8px;">
<img src="https://api.qrserver.com/v1/create-qr-code/?size=60x60&data=0983441099" alt="QR Code" style="width: 60px; height: 60px;">
</div>
</div>
</div>
<!-- Progress to Next Level -->
<div class="card">
<h3 class="card-title">Tiến trình lên hạng</h3>
<div class="d-flex justify-between mb-2">
<span class="text-small">Hạng hiện tại: <strong>DIAMOND</strong></span>
<span class="text-small">Hạng kế tiếp: <strong>PLATINUM</strong></span>
</div>
<div class="progress">
<div class="progress-bar" style="width: 65%;"></div>
</div>
<p class="text-small text-center text-muted mt-2">
Còn <strong>2,250 điểm</strong> nữa để lên hạng Platinum
</p>
</div>
<!-- Loyalty Features -->
<div class="mb-3">
<a href="loyalty-rewards.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-gift"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Đổi quà tặng</div>
<div class="list-item-subtitle">Sử dụng điểm để đổi quà hấp dẫn</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="points-record.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-plus-circle"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Ghi nhận điểm</div>
<div class="list-item-subtitle">Gửi hóa đơn để nhận điểm thưởng</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="points-history.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-history"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Lịch sử điểm</div>
<div class="list-item-subtitle">Xem chi tiết cộng/trừ điểm</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="referral.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-user-plus"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Giới thiệu bạn bè</div>
<div class="list-item-subtitle">Nhận thưởng khi giới thiệu thành công</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="my-gifts.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-box-open"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Quà của tôi</div>
<div class="list-item-subtitle">Xem voucher và quà tặng đã đổi</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="membership-benefits.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-crown"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Quyền lợi hội viên</div>
<div class="list-item-subtitle">Xem các ưu đãi dành cho hạng của bạn</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
</div>
<!-- Current Benefits -->
<div class="card">
<h3 class="card-title">Quyền lợi hạng Diamond</h3>
<ul style="padding-left: 20px; margin: 0;">
<li class="text-small mb-2">Chiết khấu <strong>15%</strong> cho tất cả sản phẩm</li>
<li class="text-small mb-2">Giao hàng miễn phí cho đơn từ <strong>5 triệu</strong></li>
<li class="text-small mb-2">Ưu tiên xử lý đơn hàng</li>
<li class="text-small mb-2">Tặng <strong>500 điểm</strong> vào ngày sinh nhật</li>
<li class="text-small mb-2">Tư vấn thiết kế miễn phí</li>
<li class="text-small">Mời tham gia sự kiện VIP độc quyền</li>
</ul>
</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 active">
<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">
<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>