EIOS/rabprog/tpl/tpl_auth.html

73 lines
2.0 KiB
HTML
Raw Permalink Normal View History

2023-12-28 15:39:22 +03:00
{include file="tpl_head.html"}
{literal}
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
html,
body {
height: 100%;
}
body {
display: flex;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
}
.form-signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: auto;
}
.form-signin .checkbox {
font-weight: 400;
}
.form-signin .form-floating:focus-within {
z-index: 2;
}
.form-signin input[type="email"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
</style>
{/literal}
<main class="form-signin">
<form method="post">
<h1 class="h3 mb-3 fw-normal">Авторизация</h1>
<div class="form-floating">
<input type="text" class="form-control" id="email" name="email" placeholder="email@mkgtu.ru">
<label for="email">Email адрес</label>
</div>
<div class="form-floating">
<input type="password" class="form-control" id="password" name="password" placeholder="Пароль">
<label for="password">Пароль</label>
</div>
<button class="w-100 btn btn-lg btn-primary" type="submit" name="enter">Войти</button>
<p class="mt-5 mb-3 text-muted">&copy; 2006{date('Y')}</p>
</form>
</main>
{include file="tpl_footer.html"}