82 lines
3.5 KiB
HTML
82 lines
3.5 KiB
HTML
<!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="index.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>
|
|
<!-- Password -->
|
|
<div class="form-group">
|
|
<label class="form-label" for="password">Mật khẩu</label>
|
|
<div class="form-input-icon">
|
|
<i class="fas fa-lock icon"></i>
|
|
<input type="password" id="password" class="form-input" placeholder="Nhập mật khẩu" required>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-block">
|
|
Đăng nhập
|
|
</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> |