172 lines
7.7 KiB
HTML
172 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Tài khoả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">Tài khoản</h1>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<!-- User Profile -->
|
|
<div class="card">
|
|
<div class="d-flex align-center">
|
|
<div style="width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, #005B9A 0%, #38B6FF 100%); display: flex; align-items: center; justify-content: center; margin-right: 16px;">
|
|
<span style="color: white; font-size: 32px; font-weight: 700;">LQ</span>
|
|
</div>
|
|
<div>
|
|
<h2 style="margin-bottom: 4px;">La Nguyen Quynh</h2>
|
|
<p class="text-small text-muted">Kiến trúc sư · Hạng Diamond</p>
|
|
<p class="text-small text-primary">0983 441 099</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Account Menu -->
|
|
<div class="mb-3">
|
|
<a href="profile-edit.html" class="list-item">
|
|
<div class="list-item-icon">
|
|
<i class="fas fa-user-edit"></i>
|
|
</div>
|
|
<div class="list-item-content">
|
|
<div class="list-item-title">Thông tin cá nhân</div>
|
|
<div class="list-item-subtitle">Cập nhật thông tin tài khoản</div>
|
|
</div>
|
|
<i class="fas fa-chevron-right list-item-arrow"></i>
|
|
</a>
|
|
|
|
<a href="orders.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ử đơn hàng</div>
|
|
<div class="list-item-subtitle">Xem các đơn hàng đã đặt</div>
|
|
</div>
|
|
<i class="fas fa-chevron-right list-item-arrow"></i>
|
|
</a>
|
|
|
|
<a href="addresses.html" class="list-item">
|
|
<div class="list-item-icon">
|
|
<i class="fas fa-map-marker-alt"></i>
|
|
</div>
|
|
<div class="list-item-content">
|
|
<div class="list-item-title">Địa chỉ đã lưu</div>
|
|
<div class="list-item-subtitle">Quản lý địa chỉ giao hàng</div>
|
|
</div>
|
|
<i class="fas fa-chevron-right list-item-arrow"></i>
|
|
</a>
|
|
|
|
<a href="#" class="list-item">
|
|
<div class="list-item-icon">
|
|
<i class="fas fa-bell"></i>
|
|
</div>
|
|
<div class="list-item-content">
|
|
<div class="list-item-title">Cài đặt thông báo</div>
|
|
<div class="list-item-subtitle">Quản lý thông báo đẩy</div>
|
|
</div>
|
|
<i class="fas fa-chevron-right list-item-arrow"></i>
|
|
</a>
|
|
|
|
<a href="password-change.html" class="list-item">
|
|
<div class="list-item-icon">
|
|
<i class="fas fa-lock"></i>
|
|
</div>
|
|
<div class="list-item-content">
|
|
<div class="list-item-title">Đổi mật khẩu</div>
|
|
<div class="list-item-subtitle">Cập nhật mật khẩu mới</div>
|
|
</div>
|
|
<i class="fas fa-chevron-right list-item-arrow"></i>
|
|
</a>
|
|
|
|
<a href="#" class="list-item">
|
|
<div class="list-item-icon">
|
|
<i class="fas fa-language"></i>
|
|
</div>
|
|
<div class="list-item-content">
|
|
<div class="list-item-title">Ngôn ngữ</div>
|
|
<div class="list-item-subtitle">Tiếng Việt</div>
|
|
</div>
|
|
<i class="fas fa-chevron-right list-item-arrow"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Support Section -->
|
|
<div class="card">
|
|
<h3 class="card-title">Hỗ trợ</h3>
|
|
<a href="#" class="list-item" style="margin-bottom: 12px;">
|
|
<div class="list-item-icon">
|
|
<i class="fas fa-headset"></i>
|
|
</div>
|
|
<div class="list-item-content">
|
|
<div class="list-item-title">Liên hệ hỗ trợ</div>
|
|
<div class="list-item-subtitle">Hotline: 1900 1234</div>
|
|
</div>
|
|
<i class="fas fa-phone list-item-arrow"></i>
|
|
</a>
|
|
|
|
<a href="#" class="list-item" style="margin-bottom: 12px;">
|
|
<div class="list-item-icon">
|
|
<i class="fas fa-question-circle"></i>
|
|
</div>
|
|
<div class="list-item-content">
|
|
<div class="list-item-title">Câu hỏi thường gặp</div>
|
|
</div>
|
|
<i class="fas fa-chevron-right list-item-arrow"></i>
|
|
</a>
|
|
|
|
<a href="#" class="list-item">
|
|
<div class="list-item-icon">
|
|
<i class="fas fa-info-circle"></i>
|
|
</div>
|
|
<div class="list-item-content">
|
|
<div class="list-item-title">Về ứng dụng</div>
|
|
<div class="list-item-subtitle">Phiên bản 1.0.0</div>
|
|
</div>
|
|
<i class="fas fa-chevron-right list-item-arrow"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Logout Button -->
|
|
<div style="margin: 24px 0;">
|
|
<a href="login.html" class="btn btn-secondary btn-block">
|
|
<i class="fas fa-sign-out-alt"></i> Đăng xuất
|
|
</a>
|
|
</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">
|
|
<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 active">
|
|
<i class="fas fa-user nav-icon"></i>
|
|
<span class="nav-label">Cài đặt</span>
|
|
</a>
|
|
</div>
|
|
</body>
|
|
</html> |