57 lines
2.1 KiB
Plaintext
57 lines
2.1 KiB
Plaintext
@page
|
|
@model WebApp.Pages.LoginModel
|
|
@{
|
|
ViewData["Title"] = "Log In";
|
|
}
|
|
<section class="vh-100">
|
|
<style>
|
|
.bg-image-vertical {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
background-size: auto 100%;
|
|
}
|
|
|
|
@@media (min-width: 1025px) {
|
|
.h-custom-2 {
|
|
height: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-6 text-black">
|
|
<div class="d-flex align-items-center h-custom-2 px-5 ms-xl-4 mt-5 pt-5 pt-xl-0 mt-xl-n5">
|
|
|
|
<form style="width: 23rem;" method="post">
|
|
|
|
<h3 class="fw-normal mb-3 pb-3" style="letter-spacing: 1px;">Log in</h3>
|
|
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input type="email" id="email" class="form-control form-control-lg" name="email" />
|
|
<label class="form-label" for="email">Email address</label>
|
|
</div>
|
|
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input type="password" id="password" class="form-control form-control-lg" name="password" />
|
|
<label class="form-label" for="password">Password</label>
|
|
</div>
|
|
|
|
<div class="pt-1 mb-4">
|
|
<button data-mdb-button-init data-mdb-ripple-init class="btn btn-info btn-lg btn-block" type="submit">Login</button>
|
|
</div>
|
|
|
|
<p>Don't have an account? <a asp-page="/SignUp" class="link-info">Register here</a></p>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-sm-6 px-0 d-none d-sm-block">
|
|
<img src="~/background-login.jpg"
|
|
alt="Login image" class="w-100 vh-100" style="object-fit: cover; object-position: left;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |