63 lines
2.3 KiB
HTML
63 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script type="module" src="./node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
|
|
<script type="module" 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/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="./static/css/base.css">
|
|
<link rel="stylesheet" href="./static/css/left-menu.css">
|
|
<link rel="stylesheet" href="./static/css/center.css">
|
|
<link rel="stylesheet" href="./static/css/post.css">
|
|
<link rel="stylesheet" href="./static/css/avatar.css">
|
|
<title>Неконтакте</title>
|
|
</head>
|
|
|
|
<body class="vh-100">
|
|
<header class="fixed-top">
|
|
<nav class="navbar">
|
|
<div class="container-fluid d-flex justify-content-between">
|
|
<a class="navbar-brand">
|
|
<span class="logo-small d-sm-none">нк</span>
|
|
<span class="logo-full d-none d-sm-block">неконтакте</span>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<main class="px-1 px-sm-2 px-lg-4 py-2 py-sm-4 d-flex position-relative h-100">
|
|
<div class="block w-100 h-100 d-flex justify-content-center align-items-center d-none d-lg-flex">
|
|
<div class="logo-small" style="font-size: 6vw;">нк
|
|
</div>
|
|
</div>
|
|
<div class="block w-100 h-100 d-flex justify-content-center align-items-center">
|
|
<form class="w-50">
|
|
<legend class="text-center">Вход</legend>
|
|
<div class="mb-3">
|
|
<input type="text" class="form-control" id="inputLogin" placeholder="Логин">
|
|
</div>
|
|
<div class="mb-3">
|
|
<input type="password" class="form-control" placeholder="Пароль" id="inputPassword">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-100 mb-3">Войти</button>
|
|
<div class="d-flex justify-content-between">
|
|
<a>
|
|
Забыли пароль?
|
|
</a>
|
|
<a>
|
|
Регистрация
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
<footer class="py-2 d-flex justify-content-center border-top border-dark fixed-bottom">
|
|
<span>© <span id="current-year"></span> Неконтакте</span>
|
|
</footer>
|
|
</body>
|
|
<script>document.getElementById('current-year').innerHTML = new Date().getFullYear();</script>
|
|
|
|
</html>
|