53 lines
2.0 KiB
HTML
53 lines
2.0 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Online Cinema Theater - Catalog</title>
|
|||
|
|
<link rel="stylesheet" href="style.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<header>
|
|||
|
|
<nav>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="index.html">Главная</a></li>
|
|||
|
|
<li><a href="catalog.html">Каталог</a></li>
|
|||
|
|
<li><a href="films.html">Фильмы</a></li>
|
|||
|
|
<li><a href="seriales.html">Сериалы</a></li>
|
|||
|
|
<li><a href="reviews.html">Рецензии</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
<div class="logo">
|
|||
|
|
<img src="resources/logo.webp" alt="Online Cinema Theater Logo">
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
<main>
|
|||
|
|
<section class="movie-catalog">
|
|||
|
|
<h2>Каталог фильмов</h2>
|
|||
|
|
<div class="genre-filter">
|
|||
|
|
<label for="genre-select">Выберите жанр:</label>
|
|||
|
|
<select id="genre-select">
|
|||
|
|
<option value="all">Все жанры</option>
|
|||
|
|
<option value="action">Боевик</option>
|
|||
|
|
<option value="comedy">Комедия</option>
|
|||
|
|
<option value="drama">Драма</option>
|
|||
|
|
<option value="crime">Криминал</option>
|
|||
|
|
<option value="thriller">Триллер</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="movie-list">
|
|||
|
|
<div class="movie-card">
|
|||
|
|
<img src="resources/movies/gruz.jpeg" alt="Movie Poster">
|
|||
|
|
<h3>Груз 200</h3>
|
|||
|
|
<p>Режиссер: Алексей Балабанов</p>
|
|||
|
|
<p>Жанр: триллер драма криминал</p>
|
|||
|
|
<p>Год выпуска: 2007</p>
|
|||
|
|
<a href="about.html" class="watch-now-btn">Смотреть сейчас</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</main>
|
|||
|
|
<footer>
|
|||
|
|
<p>© 2022 Online Cinema Theater. All rights reserved.</p>
|
|||
|
|
</footer></body>
|
|||
|
|
</html>
|