67 lines
2.8 KiB
PHP
67 lines
2.8 KiB
PHP
<!-- Section: Design Block -->
|
|
<section class=" text-center text-lg-start">
|
|
<style>
|
|
.rounded-t-5 {
|
|
border-top-left-radius: 0.5rem;
|
|
border-top-right-radius: 0.5rem;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.rounded-tr-lg-0 {
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.rounded-bl-lg-5 {
|
|
border-bottom-left-radius: 0.5rem;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="card mb-3">
|
|
<div class="row g-0 d-flex align-items-center">
|
|
<div class="col-lg-4 d-none d-lg-flex">
|
|
<img src="https://mdbootstrap.com/img/new/ecommerce/vertical/004.jpg" alt="Trendy Pants and Shoes"
|
|
class="w-100 rounded-t-5 rounded-tr-lg-0 rounded-bl-lg-5" />
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<div class="card-body py-5 px-md-5">
|
|
|
|
<form action="/admin/auth" method="post">
|
|
<!-- Email input -->
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input type="text" id="form2Example1" class="form-control" name="username" />
|
|
<label class="form-label" for="form2Example1">Username или Email</label>
|
|
</div>
|
|
|
|
<!-- Password input -->
|
|
<div data-mdb-input-init class="form-outline mb-4">
|
|
<input type="password" id="form2Example2" class="form-control" name="password" />
|
|
<label class="form-label" for="form2Example2">Пароль</label>
|
|
</div>
|
|
|
|
<!-- 2 column grid layout for inline styling -->
|
|
<div class="row mb-4">
|
|
<div class="col d-flex justify-content-center">
|
|
<!-- Checkbox -->
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" value="" id="form2Example31" checked />
|
|
<label class="form-check-label" for="form2Example31"> Запомнить </label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<!-- Simple link -->
|
|
<a href="#!">Забыл пароль?</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Submit button -->
|
|
<button type="submit" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-block mb-4">Вход</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Section: Design Block --> |