Internet-programming_PIbd-2.../Library/history.html

82 lines
3.9 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 mt-4 gap-1 col-md-8">
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox1" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox2" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox3" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox4" value="" aria-label="...">
</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>