Files
PIbd-24_Boiko_M.S._Internet…/index.html
2025-03-21 21:08:00 +04:00

111 lines
5.0 KiB
HTML
Raw 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="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Cinema Theater</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
</head>
<body>
<!-- Навигационная панель с использованием Bootstrap -->
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark-custom fixed-top">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<img src="resources/logo.webp" alt="Online Cinema Theater Logo" width="50" height="50" class="me-2">
<span>Online Cinema Theater</span>
</a>
<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="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Главная</a>
</li>
<li class="nav-item">
<a class="nav-link" href="catalog.html">Каталог</a>
</li>
<li class="nav-item">
<a class="nav-link" href="reviews.html">Рецензии</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Что глянуть?
</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="films.html">Фильмы</a></li>
<li><a class="dropdown-item" href="seriales.html">Сериалы</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Основное содержимое -->
<main class="container py-5 mt-5">
<div id="app">
<section class="mb-5">
<h2 class="text-orange mb-4">Популярные фильмы</h2>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
<div class="col">
<div class="card movie-card h-100 bg-dark">
<img src="resources/movies/gruz.jpeg" class="card-img-top" alt="Movie Poster">
<div class="card-body">
<h5 class="card-title text-white"><i class="bi bi-film text-orange me-2"></i>Груз 200</h5>
<p class="card-text text-white"><i class="bi bi-person-video3 me-2"></i>Режиссер: Алексей Балабанов</p>
<p class="card-text text-light"><i class="bi bi-tags me-2"></i>Жанр: триллер, драма, криминал</p>
<p class="card-text text-light"><i class="bi bi-calendar3 me-2"></i>Год выпуска: 2007</p>
</div>
<div class="card-footer bg-transparent border-0">
<a href="about.html" class="btn btn-orange w-100"><i class="bi bi-play-circle me-2"></i>Смотреть сейчас</a>
</div>
</div>
</div>
<!-- Здесь можно добавить больше карточек фильмов -->
</div>
</section>
</div>
</main>
<!-- Футер -->
<footer class="footer-custom py-4">
<div class="container">
<div class="row">
<div class="col-md-4 mb-3">
<h5 class="text-white mb-3">Контактная информация</h5>
<p>Телефон: +7 (123) 456-78-90</p>
<p>Email: info@cinema.com</p>
<p>Адрес: ул. Примерная, 123, Москва, Россия</p>
</div>
<div class="col-md-4 mb-3">
<h5 class="text-white mb-3">Мы в соцсетях</h5>
<!-- ... existing code ... -->
<div class="d-flex gap-3">
<a href="#" class="text-light"><i class="bi bi-telegram fs-4"></i></a>
<a href="#" class="text-light"><i class="bi bi-whatsapp fs-4"></i></a>
<a href="#" class="text-light"><i class="bi bi-vk fs-4"></i></a>
</div>
<!-- ... existing code ... -->
</div>
<div class="col-md-4 mb-3">
<h5 class="text-white mb-3">Время работы</h5>
<p>Понедельник - Пятница: 10:00 - 22:00</p>
<p>Суббота - Воскресенье: 12:00 - 24:00</p>
</div>
</div>
<div class="row mt-3">
<div class="col-12 text-center">
<p class="mb-0">&copy; 2022 Online Cinema Theater. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<script type="module" src="/src/main.js"></script>
</body>
</html>