update TWA Management v0.0.1
This commit is contained in:
@ -1,43 +1,122 @@
|
||||
<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>
|
||||
<div class="main-login">
|
||||
<div class="con-img">
|
||||
<img src="~/images/login/@Shared.RandomImages()" />
|
||||
</div>
|
||||
<div class="c-login">
|
||||
<div class="frm-login">
|
||||
<div class="ws-login">
|
||||
<div class="frm-header d-f f-c a-i-center">
|
||||
<a app-nav href="@Url.AbsoluteContent("~/")" class="c_logo d-f j-c-center">
|
||||
<img src="@Url.AbsoluteContent("~/images/logo/slogo.png")">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="AWizard tabcontents">
|
||||
<div class="tabcontent">
|
||||
|
||||
<div class="frm-header">
|
||||
<h2 class="title">Sign In</h2>
|
||||
<span class="d-f f-wrap desc">Bạn chưa có tài khoản? <a href="javascript:void(0)" class="ml-2" id="navSignUp">Đăng ký ngay</a></span>
|
||||
</div>
|
||||
<div class="frm-input mt-4">
|
||||
<label>Username</label>
|
||||
<div class="c-input">
|
||||
<span class="ico atg a-1x atg-user"></span>
|
||||
<input type="text" class="input" placeholder="Your username" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frm-input">
|
||||
<label>Password</label>
|
||||
<div class="c-input">
|
||||
<span class="ico atg a-1x atg-user"></span>
|
||||
<input type="password" class="input" placeholder="Your password" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frm-header d-f f-wrap j-c-between a-i-center">
|
||||
<a href="javascript:void(0)" id="forgetPass">Forget the password?</a>
|
||||
<button class="btn btn-primary btn-effect">Sign In</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="tabcontent">
|
||||
<div class="frm-header">
|
||||
<h2 class="title">Don't You Remember Password?</h2>
|
||||
|
||||
</div>
|
||||
<div class="frm-input mt-4">
|
||||
<label>Địa chỉ email</label>
|
||||
<div class="c-input">
|
||||
<span class="ico atg a-1x atg-user"></span>
|
||||
<input type="text" class="input" placeholder="Nhập email" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frm-header d-f j-c-end">
|
||||
<button class="btn btn-secondary btnCB btn-effect mr-2">Quay lại</button>
|
||||
<button class="btn btn-primary btn-effect">Lấy lại mật khẩu</button>
|
||||
</div>
|
||||
<div class="frm-header d-f f-c">
|
||||
<span class="hint">
|
||||
Mật khẩu mới sẽ được gửi về hộp thư trong email của bạn.
|
||||
</span>
|
||||
<span class="hint mt-2">
|
||||
Sau khi được cấp mật khẩu mới vui lòng đổi lại mật khẩu trong trang thông tin tài khoản.
|
||||
</span>
|
||||
<span class="mt-2 hint">Trường hợp không nhận được email? <a href="javascript:void(0)" class="">Hãy nhắn tin cho chúng tôi!</a></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabcontent">
|
||||
<div class="frm-header">
|
||||
<h2 class="title">Sign Up</h2>
|
||||
|
||||
</div>
|
||||
<div class="frm-input mt-4">
|
||||
<label>Địa chỉ email</label>
|
||||
<div class="c-input">
|
||||
<span class="ico atg a-1x atg-user"></span>
|
||||
<input type="text" class="input" placeholder="Nhập email" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frm-input">
|
||||
<label>Mật khẩu</label>
|
||||
<div class="c-input">
|
||||
<span class="ico atg a-1x atg-user"></span>
|
||||
<input type="password" class="input" placeholder="Nhập mật khẩu" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frm-input">
|
||||
<label>Nhập lại mật khẩu</label>
|
||||
<div class="c-input">
|
||||
<span class="ico atg a-1x atg-user"></span>
|
||||
<input type="password" class="input" placeholder="Nhập lại mật khẩu" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frm-input">
|
||||
<label>Họ & tên</label>
|
||||
<div class="c-input">
|
||||
<span class="ico atg a-1x atg-user"></span>
|
||||
<input type="text" class="input" placeholder="Nhập họ tên" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frm-header d-f j-c-end">
|
||||
<button class="btn btn-secondary btnCB btn-effect mr-2">Quay lại</button>
|
||||
<button class="btn btn-primary btn-effect">Đăng ký</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@section jsLib {
|
||||
<script type="module" src="@Url.AbsoluteContent("~/js/js-page/10001.js")" js-lib></script>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user