43 lines
3.0 KiB
Plaintext
43 lines
3.0 KiB
Plaintext
<div class="c">
|
|
<div class="r j-c-center h-100vh pt-5 pb-5">
|
|
<div class="c-s-12 c-m-10 c-l-8 c-x-10 c-sx-8 w-login mt-auto mb-auto">
|
|
<div class="r-n-g j-c-center a-i-center">
|
|
<div class="d-n c-x-6 d-x-b">
|
|
<img src="~/images/img1.jpg" class="w-100" />
|
|
</div>
|
|
<div class="c-12 c-x-6">
|
|
<div class="h-100 d-f a-i-center">
|
|
<div class="ws-login d-f f-c a-i-center">
|
|
<span class="ws-title">Đăng Nhập</span>
|
|
<div class="ws-input mb-4">
|
|
<span class="label-input">Tài khoản</span>
|
|
<div class="c-input d-f a-i-center">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z" /></svg>
|
|
<input type="text" class="input" placeholder="Nhập tài khoản" />
|
|
</div>
|
|
</div>
|
|
<div class="ws-input">
|
|
<span class="label-input">Mật khẩu</span>
|
|
<div class="c-input d-f a-i-center">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zM264 392c0 22.1-17.9 40-40 40s-40-17.9-40-40v-48c0-22.1 17.9-40 40-40s40 17.9 40 40v48zm32-168H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" /></svg>
|
|
<input type="password" class="input" placeholder="Nhập mật khẩu" />
|
|
</div>
|
|
</div>
|
|
<div class="ws-forgot ml-auto">
|
|
<a href="#">Quên mật khẩu?</a>
|
|
</div>
|
|
<div class="ws-btn d-f j-c-center">
|
|
<div class="btn-mask"></div>
|
|
<button class="btn btn-effect">Đăng nhập</button>
|
|
</div>
|
|
<div class="ws-signup d-f f-c a-i-center">
|
|
<span>Đăng ký tài khoản bằng ID</span>
|
|
<a href="#">Đăng Ký</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |