Internet_Programming_Librar.../lab2/all/book.html

82 lines
3.8 KiB
HTML
Raw Normal View History

2024-01-06 20:01:57 +04:00
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Моя страница</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css">
</head>
<body class="h-100 d-flex flex-column">
<header class="border border-5 border-dark mb-5">
<nav class="navbar navbar-expand-md">
<div class="container-fluid fs-3">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link navbar-text mx-3" href="./main.html"><b>Main</b></a>
<a class="nav-link navbar-text" href="./profile.html"><b>Profile</b></a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link navbar-text mx-3" href="./index.html"><b>Log in/Sign up</b></a>
</div>
</div>
</div>
</nav>
</header>
<main>
<div class="bookPanel row mx-4 pt-4 border border-5 border-dark rounded-5 p-2 mb-5">
<div class="col-lg-3 col-md-4 col-sm-6 text-center mb-4">
<div class="text-center">
<img src="images/WarAndPeace.png" class="img-fluid border border-4 border-dark" alt="Responsive image">
</div>
<div class="col mt-3" >
<a href="text.html">
<button class="border border-dark border-5 rounded-4 col-12">
<h3 class="mx-3">
Read
</h3>
</button>
</a>
</div>
</div>
<div class="col-lg-9 col-md-8 col-sm-6">
<div class="Window rounded-4 border border-4 border-dark mb-5 p-2 text-center mt-3 mx-3">
<h2>Title - <a class="link-dark" href="author.html">Author</a></h2>
</div>
<div class="Window rounded-4 border border-4 border-dark p-2 mx-3">
<h3>Book description Book description Book description Book description Book description
Book description Book description Book description Book description Book description
Book description Book description Book description Book description Book description
Book description Book description Book description Book description Book description
</h3>
</div>
</div>
</div>
</main>
<footer class="footer border border-dark border-5 mt-auto d-flex flex-shrink-0 justify-content-center align-items-center fs-5">
<b>Барсуков Павел, 2023</b>
</footer>
</body>
</html>