63 lines
2.8 KiB
HTML
63 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>LibraNet</title>
|
||
<meta charset="utf-8">
|
||
<meta name="description" content="Сайт с свободно доступными книгами.
|
||
Страница каталога">
|
||
<meta name="keywords" content="книги, читать, бесплатно">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="stylesheet" href="../css/mainStyle.css">
|
||
</head>
|
||
<body>
|
||
<h1 class="centered">LibraNet</h1>
|
||
<h3 class="centered">Сборник свободных и бесплатных книг</h3>
|
||
<hr>
|
||
<ul class="inlineList">
|
||
<li><a href="index.html"> На главную</a></li>
|
||
<li><a href="catalogue.html" class="active"> Каталог</a></li>
|
||
<li><a href="profile.html">Профиль</a></li>
|
||
<li><a href="about.html">О нас</a></li>
|
||
</ul>
|
||
|
||
<hr>
|
||
<form action="search_results.html" method="GET">
|
||
<label for="author">Автор:</label>
|
||
<select id="author" name="author">
|
||
<option value="">Выберите автора</option>
|
||
<option value="Толстой">Лев Толстой</option>
|
||
<option value="Достоевский">Фёдор Достоевский</option>
|
||
<option value="Пушкин">Александр Пушкин</option>
|
||
</select>
|
||
|
||
<label for="date">Год издания:</label>
|
||
<input type="number" id="date" name="date" min="1800" max="2025" placeholder="Введите год">
|
||
|
||
<label for="genre">Жанр:</label>
|
||
<select id="genre" name="genre">
|
||
<option value="">Выберите жанр</option>
|
||
<option value="Роман">Роман</option>
|
||
<option value="Поэзия">Поэзия</option>
|
||
<option value="Фантастика">Фантастика</option>
|
||
<option value="Детектив">Детектив</option>
|
||
</select>
|
||
|
||
<button type="submit">Найти</button>
|
||
</form>
|
||
<p>Результаты поиска:</p>
|
||
<div class="rowShow">
|
||
<div class="testElement">
|
||
<a href="book.html">
|
||
<img src="../img/test.jpg" alt="Обложка книги книги">
|
||
<p>Название книги</p>
|
||
</a>
|
||
</div>
|
||
<div class="testElement">
|
||
<a href="book.html">
|
||
<img src="../img/test.jpg" alt="Обложка книги книги">
|
||
<p>Название книги</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |