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

61 lines
2.9 KiB
HTML
Raw Permalink 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 active">Личный кабинет</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="fs-4 mt-2 orange-text text-md-start text-center">
Здесь вы можете посмотреть вашу Историю чтения и Избранные книги.
</div>
<div class="d-grid gap-2 mt-2 d-md-flex justify-content-md-start">
<a href="./favorites.html" class="library-button btn fs-4">Избранное</a>
<a href="./history.html" class="library-button btn fs-4">История</a>
<a href="./admin-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>