commit d01dded3d1e7ff066505fe424de98de977c6fc4a Author: LivelyPuer Date: Sat Feb 15 17:34:39 2025 +0400 init diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..b58b603 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..5498510 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/site2025.iml b/.idea/site2025.iml new file mode 100644 index 0000000..24643cc --- /dev/null +++ b/.idea/site2025.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..7b1ab91 --- /dev/null +++ b/about.html @@ -0,0 +1,73 @@ + + + + + О фильме - Груз 200 + + + +
+ + +
+
+
+
+ Movie Poster +
+
+

Груз 200

+ + + + + + + + + + + + + + + + + + + + + +
Продолжительность1 час 50 минут
Год выпуска2007
СтранаРоссия
РежиссерАлексей Балабанов
Жанртриллер, драма, криминал
+
+

Описание:

+

+ Груз 200 - это история о двух братьях, которые вместе с другими людьми отправляются в грузовике на + поиски золота в Африке. + Однако путь к цели оказывается опасным и сложным, и братья сталкиваются с различными препятствиями, в + том числе с коррупцией и жестокостью. +

+ +
+
+ +
+ + + \ No newline at end of file diff --git a/catalog.html b/catalog.html new file mode 100644 index 0000000..258dcd5 --- /dev/null +++ b/catalog.html @@ -0,0 +1,53 @@ + + + + + + Online Cinema Theater - Catalog + + + +
+ + +
+
+
+

Каталог фильмов

+
+ + +
+
+
+ Movie Poster +

Груз 200

+

Режиссер: Алексей Балабанов

+

Жанр: триллер драма криминал

+

Год выпуска: 2007

+ Смотреть сейчас +
+
+
+
+ + \ No newline at end of file diff --git a/description.txt b/description.txt new file mode 100644 index 0000000..9012279 --- /dev/null +++ b/description.txt @@ -0,0 +1,19 @@ +Главная +Назначение: +Главная страница служит входной точкой для пользователей. Здесь отображаются актуальные новости, новинки, рекомендации и подборки фильмов и сериалов. На этой странице можно найти краткий обзор самых популярных и свежих материалов, а также быстрый доступ к основным разделам сайта (каталог, фильмы, сериалы, рецензии). Кроме того, здесь часто располагается строка поиска для быстрого поиска нужного контента. + +Каталог +Назначение: +Страница каталога объединяет все доступные материалы в едином списке. Пользователь может использовать фильтры (жанр, год выпуска, рейтинг, страна производства и т. д.) и сортировку для быстрого поиска интересующего контента. Каталог может быть разбит на подкатегории (например, по типу контента: фильмы, сериалы, мультфильмы), что делает навигацию более удобной и интуитивной. + +Фильмы +Назначение: +Эта страница посвящена исключительно кинофильмах. Здесь представлены фильмы в виде карточек с миниатюрами, кратким описанием, информацией о режиссёре и актёрском составе, а также рейтингами и отзывами пользователей. Помимо просмотра полного списка, предусмотрена возможность фильтрации по жанрам (драма, комедия, боевик и т.д.), году выпуска, популярности и другим критериям. Также на странице может присутствовать раздел с рекомендациями и подборками от редакции. + +Сериалы +Назначение: +На странице сериалов пользователи найдут коллекцию телесериалов, распределённых по жанрам, сезонам и эпизодам. Здесь предусмотрен удобный механизм навигации по сезонам и сериям, а также информация о рейтингах, краткое описание сюжета и основные данные о сериале (актерский состав, режиссёр, продолжительность сезона и т.д.). В этом разделе могут быть как новинки, так и классические сериалы, что позволяет пользователям выбрать что-то по своему вкусу. + +Рецензии +Назначение: +Страница рецензий предоставляет пользователям возможность ознакомиться с профессиональными и пользовательскими отзывами о фильмах и сериалах. Здесь публикуются обзоры, аналитические статьи и оценки, которые помогут посетителям сделать выбор перед просмотром. Рецензии могут сопровождаться комментариями, рейтингами и ссылками на детальные обзоры, а также предоставлять возможность сортировки по жанрам, дате публикации или популярности обзора. \ No newline at end of file diff --git a/films.html b/films.html new file mode 100644 index 0000000..928ea8e --- /dev/null +++ b/films.html @@ -0,0 +1,58 @@ + + + + + + Online Cinema Theater + + + +
+ + +
+
+
+

Оновные фильмы

+
+
+ Movie Poster +

Груз 200

+

Режиссер: Алексей Балабанов

+

Жанр: триллер драма криминал

+

Год выпуска: 2007

+ Смотреть сейчас +
+
+
+
+

Предтоящие фильмы

+
+
+
+ Movie Poster +

Груз 200

+

Режиссер: Алексей Балабанов

+

Жанр: триллер драма криминал

+

Год выпуска: 2025

+ Смотреть сейчас +
+
+
+
+
+ + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..928ea8e --- /dev/null +++ b/index.html @@ -0,0 +1,58 @@ + + + + + + Online Cinema Theater + + + +
+ + +
+
+
+

Оновные фильмы

+
+
+ Movie Poster +

Груз 200

+

Режиссер: Алексей Балабанов

+

Жанр: триллер драма криминал

+

Год выпуска: 2007

+ Смотреть сейчас +
+
+
+
+

Предтоящие фильмы

+
+
+
+ Movie Poster +

Груз 200

+

Режиссер: Алексей Балабанов

+

Жанр: триллер драма криминал

+

Год выпуска: 2025

+ Смотреть сейчас +
+
+
+
+
+ + + \ No newline at end of file diff --git a/resources/logo.webp b/resources/logo.webp new file mode 100644 index 0000000..d4444e1 Binary files /dev/null and b/resources/logo.webp differ diff --git a/resources/movies/gruz.jpeg b/resources/movies/gruz.jpeg new file mode 100644 index 0000000..d85e895 Binary files /dev/null and b/resources/movies/gruz.jpeg differ diff --git a/resources/series/960.webp b/resources/series/960.webp new file mode 100644 index 0000000..e232e7a Binary files /dev/null and b/resources/series/960.webp differ diff --git a/reviews.html b/reviews.html new file mode 100644 index 0000000..228ad7e --- /dev/null +++ b/reviews.html @@ -0,0 +1,41 @@ + + + + + Рецензии + + + +
+ + +
+ +
+
+
+

Груз 200

+ Movie Poster +

+ Рецензия: Груз 200 - это история о двух братьях, которые вместе с другими людьми отправляются в грузовике на поиски золота в Африке. + Однако путь к цели оказывается опасным и сложным, и братья сталкиваются с различными препятствиями, в том числе с коррупцией и жестокостью. +

+
+
+
+ + + + \ No newline at end of file diff --git a/seriales.html b/seriales.html new file mode 100644 index 0000000..becb867 --- /dev/null +++ b/seriales.html @@ -0,0 +1,41 @@ + + + + + + Online Cinema Theater + + + +
+ + +
+
+
+

Оновные фильмы

+
+
+ Movie Poster +

Сериал: Преступление и наказание

+

Год выпуска: 2007

+ Смотреть сейчас +
+
+
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..1670297 --- /dev/null +++ b/style.css @@ -0,0 +1,140 @@ +/* Reset default browser styles */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Open Sans', sans-serif; + line-height: 1.6; + color: #fff; + background-color: #121212; +} + +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px; + background-color: #222222; +} + +nav ul { + display: flex; + list-style: none; + padding: 0; +} + +nav ul li { + margin-right: 20px; +} + +nav ul li a { + color: #fff; + text-decoration: none; + transition: color 0.3s ease; +} + +nav ul li a:hover { + color: #ff6600; +} + +.logo { + max-width: 50px; + max-height: 50px; +} + +.logo img { + display: block; + width: 100%; + height: auto; +} + +main { + padding: 20px; +} + +.featured-movies, +.upcoming-movies { + margin-bottom: 40px; +} + +.featured-movies h2, +.upcoming-movies h2 { + color: #ff6600; +} + +.movie-list { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.movie-card { + width: 300px; + margin-bottom: 40px; + background-color: #222222; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +.movie-card img { + width: 100%; + height: auto; +} + +.movie-card h3 { + color: #fff; + margin: 10px 0; +} + +.movie-card p { + color: #999; + margin: 5px 0; +} + +.movie-card a { + display: block; + width: 100%; + background-color: #ff6600; + color: #fff; + text-align: center; + padding: 10px 0; + text-decoration: none; + transition: background-color 0.3s ease, color 0.3s ease; +} + +.movie-card a:hover { + background-color: #fff; + color: #ff6600; +} + +footer { + padding: 20px; + background-color: #222222; + text-align: center; + color: #999; +} + +.watch-now-btn { + display: inline-block; + padding: 10px 20px; + background-color: #ff6600; + color: #fff; + text-decoration: none; + border-radius: 5px; + transition: background-color 0.3s ease, color 0.3s ease; +} + +.watch-now-btn:hover { + background-color: #fff; + color: #ff6600; +} + +.header-th { + color: #fff; + text-align: left; + width: 200px; +}