66 lines
3.2 KiB
Plaintext

@{
ViewData["Title"] = "Register";
}
<head>
<style>
.gradient-custom-4 {
background-color: black;
border-radius: 8px;
color: white !important;
border: none;
width: 100%;
}
.gradient-custom-4:hover {
background: linear-gradient(to left, rgba(132, 250, 176, 1), rgba(143, 211, 244, 1));
color: black !important;
}
.card {
margin-top: 60px;
margin-bottom: 60px;
border-radius: 15px;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.18);
}
</style>
</head>
<form method="post">
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-9 col-lg-7 col-xl-6">
<div class="card" style="border-radius: 15px;">
<div class="card-body p-5">
<h2 class="text-center mb-5">Регистрация</h2>
<form>
<div data-mdb-input-init class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" placeholder="ФИО" name="fio" />
</div>
<div data-mdb-input-init class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" placeholder="Логин" name="login" />
</div>
<div data-mdb-input-init class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" placeholder="Эл. почта" name="email" />
</div>
<div data-mdb-input-init class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" placeholder="Номер телефона" name="phone" />
</div>
<div data-mdb-input-init class="form-outline mb-4">
<input type="text" id="form3Example1cg" class="form-control form-control-lg" placeholder="Пароль" name="password" />
</div>
<div class="d-flex justify-content-center">
<button type="submit"
data-mdb-button-init data-mdb-ripple-init class="btn btn-success btn-block btn-lg gradient-custom-4 text-body">
Регистрация
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</form>