51 lines
2.0 KiB
HTML
51 lines
2.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="ru">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Личный кабинет</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||
|
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||
|
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||
|
|
<link rel="stylesheet" href="styles/style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col-xl-4 col-lg-5 col-md-6 text-center" >
|
||
|
|
<div class="d-flex align-items-center min-vh-100">
|
||
|
|
<div class="container">
|
||
|
|
<a class="navbar-brand" href="/">
|
||
|
|
<img src="img/logo_cabinet.jpg" alt="Логотип" width="280" height="170" class="text-center mb-4">
|
||
|
|
</a>
|
||
|
|
<h2 class="text-center"> Вход</h2>
|
||
|
|
<h3 class="text-center">Личный кабинет</h3>
|
||
|
|
<form>
|
||
|
|
<div class="mb-3">
|
||
|
|
<input type="text" class="form-control" id="login" name="login" placeholder="Логин" required>
|
||
|
|
</div>
|
||
|
|
<div class="mb-3">
|
||
|
|
<input type="password" class="form-control" id="password" name="password" placeholder="Пароль" required>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button class="btn btn-purple btn-block" type="submit">Вход</button>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="ams-auth-image" class=" col-xl-8 col-lg-7 col-md-6 d-none d-md-flex" style="background-image:url(/img/cabinet_autch.jpg);"></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="module">
|
||
|
|
import validation from "./js/validation";
|
||
|
|
|
||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
validation();
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|