48 lines
2.0 KiB
HTML
48 lines
2.0 KiB
HTML
<div class="page-login h-screen">
|
|
|
|
<a href="/" class="block m-[30px] ">
|
|
<img src="../../assets/images/logo-xstore-white.png" class="block w-[70px] object-contain" width="100%"
|
|
height="100%" alt="logo">
|
|
</a>
|
|
|
|
<div class="content-login mt-[70px] w-[480px] mx-auto bg-white rounded-[12px] px-[30px] py-[45px]">
|
|
<h2 class="text-[24px] font-bold mb-[5px] ">Bắt đầu dùng thử miễn phí</h2>
|
|
<p class="text-[15px] text-[#616161] mb-[40px] ">Dùng thử 3 ngày miễn phí, sau khi dùng thử sẽ tính phí theo tuỳ
|
|
gói</p>
|
|
|
|
|
|
<div class="form-check mb-[10px]">
|
|
<label class="mb-[7px] block font-[500] ">Email</label>
|
|
<input type="email" id="email" class="w-full border rounded p-2">
|
|
</div>
|
|
<div class="form-check relative">
|
|
<label class="mb-[7px] block font-[500] ">Mật khẩu</label>
|
|
<input id="password" type="password" class="w-full border rounded p-2">
|
|
<button type="button" id="togglePassword"
|
|
class="absolute inset-y-0 right-0 top-[30px] px-3 flex items-center text-gray-500"><i
|
|
class="fa-regular fa-eye"></i></button>
|
|
</div>
|
|
|
|
<div id="check-pass" class="hidden">
|
|
<div class="h-1 bg-gray-200 mt-2 rounded">
|
|
<div id="strengthBar" class="h-1 w-0 rounded"></div>
|
|
</div>
|
|
<b id="strengthText" class="text-sm mt-1">Độ mạnh của mật khẩu: —</b>
|
|
</div>
|
|
|
|
|
|
<div class="note mt-[10px] italic text-gray-500 text-[13px]">
|
|
<p>Gợi ý: Mật khẩu mạnh</p>
|
|
<p>- Có Ký tự viết hoa</p>
|
|
<p>- Có ký tự đặc biệt</p>
|
|
<p>- Độ dài hơn 8 ký tự</p>
|
|
</div>
|
|
|
|
<button id="submitButton"
|
|
class="w-full bg-black text-white rounded py-3 mt-4 disabled:opacity-40 disabled:cursor-not-allowed">
|
|
Tạo tài khoản xStore
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div> |