81 lines
3.2 KiB
HTML
81 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Page Title</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="header-container">
|
||
<div class="logo">
|
||
<img src="resources/logo.webp" alt="Online Cinema Theater Logo">
|
||
<span>Online Cinema Theater</span>
|
||
</div>
|
||
<nav>
|
||
<ul class="navbar">
|
||
<li><a href="index.html">Главная</a></li>
|
||
<li><a href="catalog.html">Каталог</a></li>
|
||
<li><a href="reviews.html">Рецензии</a></li>
|
||
<li class="dropdown">
|
||
<span>Что глянуть? ▾</span>
|
||
<ul class="features-menu">
|
||
<li><a href="films.html">Фильмы</a></li>
|
||
<li><a href="seriales.html">Сериалы</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</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>
|
||
<div class="footer-container">
|
||
<div class="contact-info">
|
||
<h3>Контактная информация</h3>
|
||
<p>Телефон: +7 (123) 456-78-90</p>
|
||
<p>Email: info@cinema.com</p>
|
||
<p>Адрес: ул. Примерная, 123, Москва, Россия</p>
|
||
</div>
|
||
<div class="social-media">
|
||
<h3>Мы в соцсетях</h3>
|
||
<a href="#"><img src="resources/icons/icq.svg" alt="ICQ"></a>
|
||
<a href="#"><img src="resources/icons/tg.webp" alt="Telegram"></a>
|
||
<a href="#"><img src="resources/icons/vk.webp" alt="VK"></a>
|
||
</div>
|
||
<div class="working-hours">
|
||
<h3>Время работы</h3>
|
||
<p>Понедельник - Пятница: 10:00 - 22:00</p>
|
||
<p>Суббота - Воскресенье: 12:00 - 24:00</p>
|
||
</div>
|
||
</div>
|
||
<p>© 2022 Online Cinema Theater. All rights reserved.</p>
|
||
</footer>
|
||
</body>
|
||
</html> |