diff --git a/about.html b/about.html index 7b1ab91..194e717 100644 --- a/about.html +++ b/about.html @@ -2,22 +2,31 @@ - О фильме - Груз 200 + + Page Title
- -
@@ -67,7 +76,27 @@
- \ No newline at end of file + + diff --git a/catalog.html b/catalog.html index 258dcd5..d510f9d 100644 --- a/catalog.html +++ b/catalog.html @@ -3,22 +3,30 @@ - Online Cinema Theater - Catalog + Page Title
- -
@@ -48,6 +56,26 @@
+ + \ No newline at end of file diff --git a/description.txt b/description.txt index 9012279..c533726 100644 --- a/description.txt +++ b/description.txt @@ -16,4 +16,4 @@ Рецензии Назначение: -Страница рецензий предоставляет пользователям возможность ознакомиться с профессиональными и пользовательскими отзывами о фильмах и сериалах. Здесь публикуются обзоры, аналитические статьи и оценки, которые помогут посетителям сделать выбор перед просмотром. Рецензии могут сопровождаться комментариями, рейтингами и ссылками на детальные обзоры, а также предоставлять возможность сортировки по жанрам, дате публикации или популярности обзора. \ No newline at end of file +Страница рецензий предоставляет пользователям возможность ознакомиться с профессиональными и пользовательскими отзывами о фильмах и сериалах. Здесь публикуются обзоры, аналитические Что глянуть? и оценки, которые помогут посетителям сделать выбор перед просмотром. Рецензии могут сопровождаться комментариями, рейтингами и ссылками на детальные обзоры, а также предоставлять возможность сортировки по жанрам, дате публикации или популярности обзора. \ No newline at end of file diff --git a/films.html b/films.html index 928ea8e..48fd963 100644 --- a/films.html +++ b/films.html @@ -1,57 +1,83 @@ + - Online Cinema Theater + Page Title
- -
-

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

+

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

Movie Poster

Груз 200

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

-

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

+

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

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

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

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

+

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

-
-
- Movie Poster -

Груз 200

-

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

-

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

-

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

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

Груз 200

+

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

+

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

+

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

+ Смотреть сейчас
diff --git a/index.html b/index.html index 928ea8e..fd4c6c4 100644 --- a/index.html +++ b/index.html @@ -3,55 +3,73 @@ - Online Cinema Theater + Page Title
- -
-
-

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

+
+

Добро пожаловать в Online Cinema Theater

+

Ваш лучший выбор для просмотра фильмов и сериалов онлайн.

+
+
+

Рекомендуемые фильмы

+
- Movie Poster + Груз 200

Груз 200

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

-

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

+

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

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

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

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

-
-
-
- Movie Poster -

Груз 200

-

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

-

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

-

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

- Смотреть сейчас -
-
+
diff --git a/resources/icons/icq.svg b/resources/icons/icq.svg new file mode 100644 index 0000000..cd46e05 --- /dev/null +++ b/resources/icons/icq.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/icons/tg.webp b/resources/icons/tg.webp new file mode 100644 index 0000000..67f620d Binary files /dev/null and b/resources/icons/tg.webp differ diff --git a/resources/icons/vk.webp b/resources/icons/vk.webp new file mode 100644 index 0000000..e75e245 Binary files /dev/null and b/resources/icons/vk.webp differ diff --git a/reviews.html b/reviews.html index 228ad7e..b41cd8a 100644 --- a/reviews.html +++ b/reviews.html @@ -2,39 +2,71 @@ - Рецензии + + Page Title
- -
-
-
-

Груз 200

- Movie Poster -

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

-
+

Рецензии на фильмы

+
+
+

Груз 200

+ Movie Poster +

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

+
+ +
- diff --git a/seriales.html b/seriales.html index becb867..5d8ca5d 100644 --- a/seriales.html +++ b/seriales.html @@ -3,27 +3,35 @@ - Online Cinema Theater + Page Title
- -
-

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

+

Оновные сериалы

Movie Poster @@ -35,7 +43,26 @@
- \ No newline at end of file + diff --git a/style.css b/style.css index 1670297..f7c0014 100644 --- a/style.css +++ b/style.css @@ -13,46 +13,104 @@ body { } header { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 1000; display: flex; justify-content: space-between; align-items: center; padding: 20px; background-color: #222222; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.header-container { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; } nav ul { display: flex; list-style: none; padding: 0; + margin: 0; } nav ul li { margin-right: 20px; + position: relative; /* Required for dropdown positioning */ } -nav ul li a { +nav ul li a, .dropdown > span { color: #fff; text-decoration: none; - transition: color 0.3s ease; + padding: 10px 15px; + border-radius: 5px; + transition: background-color 0.3s ease, color 0.3s ease; + cursor: pointer; } -nav ul li a:hover { - color: #ff6600; +nav ul li a:hover, .dropdown > span:hover { + background-color: #ff6600; + color: #fff; } .logo { - max-width: 50px; - max-height: 50px; + display: flex; + align-items: center; } .logo img { + max-width: 50px; + max-height: 50px; + margin-right: 10px; +} + +.logo span { + font-size: 1.2em; + color: #fff; +} + +/* Dropdown Menu Styles */ +.dropdown .features-menu { + display: none; + position: absolute; + background-color: #333; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + z-index: 1; + list-style-type: none; + padding: 0; + border-radius: 5px; + overflow: hidden; +} + +.dropdown .features-menu li { + padding: 12px 16px; +} + +.dropdown .features-menu li a { + color: #fff; + text-decoration: none; + display: block; + padding: 10px 15px; + transition: background-color 0.3s ease; +} + +.dropdown .features-menu li a:hover { + background-color: #444; +} + +.dropdown:hover .features-menu { display: block; - width: 100%; - height: auto; } main { - padding: 20px; + padding: 80px 20px 20px; /* Adjust top padding to account for fixed header */ } .featured-movies, @@ -138,3 +196,98 @@ footer { text-align: left; width: 200px; } + +/* Footer Styles */ +footer { + background-color: #222222; + color: #999; + padding: 20px; + text-align: center; +} + +/* Responsive Styles */ +@media (max-width: 768px) { + .header-container, .footer-container { + flex-direction: column; + align-items: center; + } + + .navbar { + flex-direction: column; + align-items: center; + } + + .navbar li { + margin-bottom: 10px; + } + + .movie-list { + flex-direction: column; + align-items: center; + } + + .movie-card { + width: 90%; + margin-bottom: 20px; + } + + .footer-container div { + margin: 20px 0; + text-align: center; + } +} + +@media (max-width: 480px) { + body { + font-size: 14px; + } + + .logo img { + max-width: 40px; + max-height: 40px; + } + + .movie-card { + width: 100%; + } + + .watch-now-btn { + padding: 8px 16px; + } +} + +.footer-container { + display: flex; + justify-content: space-around; + align-items: flex-start; + flex-wrap: wrap; + margin-bottom: 20px; +} + +.footer-container div { + margin: 10px; +} + +.footer-container h3 { + color: #fff; + margin-bottom: 10px; +} + +.footer-container p { + margin: 5px 0; +} + +.social-media a { + display: inline-block; + margin: 0 5px; + transition: transform 0.3s ease; +} + +.social-media a img { + width: 24px; + height: 24px; +} + +.social-media a:hover { + transform: scale(1.1); +} \ No newline at end of file diff --git a/template.html b/template.html new file mode 100644 index 0000000..d2d912e --- /dev/null +++ b/template.html @@ -0,0 +1,60 @@ + + + + + + Page Title + + + +
+
+ + +
+
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/Отчет.docx b/Отчет.docx index 6c93768..4c9e8a7 100644 Binary files a/Отчет.docx and b/Отчет.docx differ