87 lines
3.3 KiB
HTML
87 lines
3.3 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
|
<title>Вход</title>
|
|||
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
|
|||
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
|||
|
|
<script src="/js/bootstrap.js"></script>
|
|||
|
|
<link rel="stylesheet" href="/fontello.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="style.css">
|
|||
|
|
</head>
|
|||
|
|
<body class="d-flex flex-column min-vh-100">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<main class="container-fluid p-2">
|
|||
|
|
<div class="row g-0 justify-content-end">
|
|||
|
|
<div class="col-xl-4 col-10 align-self-center justify-content-center">
|
|||
|
|
<div class="row g-0">
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a class="nav-link m-0 justify-content-start" href="/index.html"><img src="/src/logoOfLibrary.png" alt="" width="80" class="d-inline-block align-text-top" border-radius="20%"></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="row g-0 row-of-inter">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="col-10">
|
|||
|
|
<div class="conteiner">
|
|||
|
|
<h2 class="mb-4">Вход</h2>
|
|||
|
|
<h3>Если у вас нет аккаунта,</h3>
|
|||
|
|
<h3 class="mb-5">вы можете <a href="/pageSignUp.html">Зарегистрироваться!</a></h3>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<form class="needs-validation">
|
|||
|
|
<label>Email</label>
|
|||
|
|
<div class="input-group mb-5 border-bottom">
|
|||
|
|
|
|||
|
|
<span class="input-group-text border-0 bg-white" id="basic-addon1"> <img src="/src/icons/icons_sigh/envelope.svg" alt=""></span>
|
|||
|
|
<input type="text" class="form-control border-0" placeholder="Введите вашу почту" aria-label="Email" required>
|
|||
|
|
<div class="valid-feedback">Email заполнен</div>
|
|||
|
|
<div class="invalid-feedback">Email не заполнен</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<label>Password</label>
|
|||
|
|
<div class="input-group mb-5 border-bottom">
|
|||
|
|
<span class="input-group-text border-0 bg-white" id="basic-addon1"> <img src="/src/icons/icons_sigh/lock.svg" alt=""></span>
|
|||
|
|
<input type="text" class="form-control border-0" placeholder="Введите ваш пароль" aria-label="Password" aria-describedby="basic-addon1" required>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<button class="btn-sign btn btn-lg mt-5 shadow border text-light" type="submit">Вход</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="col-auto d-none d-xl-block">
|
|||
|
|
<img class="picture-sigh" src="/src/banners/cover.png" alt="" width="70%">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</main>
|
|||
|
|
<script type="module">
|
|||
|
|
import validation from "./js/validation";
|
|||
|
|
|
|||
|
|
|
|||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|||
|
|
validation();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|