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

75
html/login.html Normal file
View File

@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Đăng nhập - 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">
<div class="container">
<!-- Logo Section -->
<div class="text-center mt-4 mb-4">
<div style="display: inline-block; background: linear-gradient(135deg, #005B9A 0%, #38B6FF 100%); padding: 20px; border-radius: 20px;">
<h1 style="color: white; font-size: 32px; font-weight: 700; margin: 0;">EUROTILE</h1>
<p style="color: white; font-size: 12px; margin: 0;">Worker App</p>
</div>
</div>
<!-- Welcome Message -->
<div class="text-center mb-4">
<h1>Xin chào!</h1>
<p class="text-muted">Đăng nhập để tiếp tục</p>
</div>
<!-- Login Form -->
<form action="otp.html" class="card">
<div class="form-group">
<label class="form-label" for="phone">Số điện thoại</label>
<div class="form-input-icon">
<i class="fas fa-phone icon"></i>
<input type="tel" id="phone" class="form-input" placeholder="Nhập số điện thoại" required>
</div>
</div>
<button type="submit" class="btn btn-primary btn-block">
Nhận mã OTP
</button>
</form>
<!-- Register Link -->
<div class="text-center mt-3">
<p class="text-small text-muted">
Chưa có tài khoản?
<a href="register.html" class="text-primary" style="text-decoration: none; font-weight: 500;">
Đăng ký ngay
</a>
</p>
</div>
<!-- Brand Selection -->
<div class="mt-4">
<p class="text-center text-small text-muted mb-3">Hoặc chọn thương hiệu</p>
<div class="grid grid-2">
<button class="btn btn-secondary">
<i class="fas fa-building"></i> EuroTile
</button>
<button class="btn btn-secondary">
<i class="fas fa-gem"></i> Vasta Stone
</button>
</div>
</div>
<!-- Support -->
<div class="text-center mt-4">
<a href="#" class="text-small text-primary" style="text-decoration: none;">
<i class="fas fa-headset"></i> Hỗ trợ khách hàng
</a>
</div>
</div>
</div>
</body>
</html>