Internet-programming_PIbd-2.../Library/registration-page.html

70 lines
3.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Регистрация</title>
<link rel="icon" type="image/svg+xml" href="./img/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="37px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Создание аккаунта</h1>
<div class="d-grid gap-1 col-md-8 fs-4">
<div>
<label for="nameField" class="col-form-label orange-text">Имя:</label>
<input type="text" class="form-control rounded-8" id="nameField">
</div>
<div>
<label for="passwordField" class="col-form-label orange-text">Пароль:</label>
<input type="password" class="form-control rounded-8" id="passwordField">
</div>
<div>
<label for="secondPasswordField" class="col-form-label orange-text">Повторите пароль:</label>
<input type="password" class="form-control rounded-8" id="secondPasswordField">
</div>
</div>
<div class="d-grid gap-2 mt-4 d-md-flex justify-content-md-start">
<a href="./user-page.html" class="library-button btn fs-4">Продолжить</a>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>