diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..d79d532 --- /dev/null +++ b/css/about.css @@ -0,0 +1,3 @@ +.indent { + margin-top: 50px; +} diff --git a/css/catalog.css b/css/catalog.css new file mode 100644 index 0000000..181d350 --- /dev/null +++ b/css/catalog.css @@ -0,0 +1,31 @@ +.films_list { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; + gap: 20px; +} + +li { + padding: 0; + margin: 0; + margin-bottom: 20px; +} + +.films { + text-align: center; + font-size: 16px; + text-decoration: none; + color: black; + display: block; + margin-bottom: 20px; + padding-left: 10px; +} + +img { + width: 200px; + height: auto; + display: block; + margin: 0 40px; +} diff --git a/css/film.css b/css/film.css new file mode 100644 index 0000000..7c279aa --- /dev/null +++ b/css/film.css @@ -0,0 +1,6 @@ +img { + margin-left: 50px; + width: 200px; /* Ширина изображения */ + height: auto; /* Сохраняем пропорции */ + border-radius: 10px +} diff --git a/css/help.css b/css/help.css new file mode 100644 index 0000000..6466737 --- /dev/null +++ b/css/help.css @@ -0,0 +1,24 @@ +form { + margin: 20px; + display: flex; + flex-direction: column; + gap: 10px; + max-width: 400px; +} + +textarea { + min-height: 200px; + padding: 10px; + font-size: 16px; + border: 1px solid #ccc; + border-radius: 5px; + resize: vertical; +} + +button { + padding: 10px 20px; + font-size: 16px; + background-color: antiquewhite; + border-width: 1px; + border-radius: 5px; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..78366e7 --- /dev/null +++ b/css/style.css @@ -0,0 +1,56 @@ +body { + font-family: Arial, sans-serif; + padding: 0px, 30px; + margin: 0px 0px; + background-color: #fdfff5; + color: #333; +} + +h1 { + font-size: 48px; + margin: 0px 0px; + padding: 30px 15px 0px 15px; + background-color: antiquewhite; +} + +h2 { + font-size: 25px; + margin-top: 40px; + margin-left: 20px; +} + +h4 { + font-size: 16px; + margin-left: 50px; + margin-bottom: 0px; + font-weight: normal; +} + +ul { + list-style: none; +} + +.navigation { + background-color: antiquewhite; + margin: 0; + display: flex; +} + +.navigation li { + margin-right: 20px; + margin-bottom: 20px; +} + +a { + text-decoration: solid; + color: inherit; +} + +a:hover { + color:rgb(104, 104, 104); +} + +p { + font-size: 16px; + margin: 20px; +} diff --git a/description b/description new file mode 100644 index 0000000..7ab5901 --- /dev/null +++ b/description @@ -0,0 +1,15 @@ +Лабораторная работа №1. +Проектирование и верстка сайта +1. Для сайта в выбранной области (см. вариант задания) придумать не +менее 5 страниц с разным назначением. Представить перечень страниц +с небольшим описанием их назначения. +2. Продумать основной стиль сайта и в свободной форме описать его: +основные цвета, логотипы, стилевые особенности и т. д. +3. Подготовить и сверстать содержимое страниц. В данной работе следует +сделать упор только на содержимом страниц и стилевом оформление +этого содержимого. Структурные элементы сайта будут формироваться +в следующей работе. Не нужно делать меню, подвал, создавать сетку с +блоками и т. д. В данной работе можно использовать линейный порядок +элементов. + +Вариант: Онлайн-кинотеатр. diff --git a/html/about.html b/html/about.html new file mode 100644 index 0000000..26d3eaf --- /dev/null +++ b/html/about.html @@ -0,0 +1,20 @@ + + + + + + О нас + + + + +

Онлайн кинотеатр

+ +

Мы рады приветствовать вас на данном сайте

+

Если есть предложения для улучшения работы сайта, пишите на почту ilyasvaliylov@gmail.com

+ + diff --git a/html/catalog.html b/html/catalog.html new file mode 100644 index 0000000..cdd045c --- /dev/null +++ b/html/catalog.html @@ -0,0 +1,63 @@ + + + + + + Каталог фильмов + + + + +

Онлайн кинотеатр

+ +

Каталог фильмов и сериалов

+ + + diff --git a/html/film.html b/html/film.html new file mode 100644 index 0000000..e3da7ca --- /dev/null +++ b/html/film.html @@ -0,0 +1,32 @@ + + + + + + Book + + + + +

Онлайн кинотеатр

+ +

Ловцы забытых голосов (2011)

+

Юная Асуна живет с вечно пропадающей на работе матерью и после школы любит забираться на скалу, + чтобы послушать радио, доставшееся от умершего отца. Однажды в этом своем секретном месте она знакомится + с загадочным юношей Сюном, который говорит, что пришел из далекой страны Агартхи. Эта встреча становится + началом полного приключений путешествия в волшебный мир, где Асуне предстоит столкнуться с потерями и обрести надежду.

+ + +

Смотреть фильм

+ + diff --git a/html/help.html b/html/help.html new file mode 100644 index 0000000..58fbfe1 --- /dev/null +++ b/html/help.html @@ -0,0 +1,24 @@ + + + + + + Помощь + + + + +

Онлайн кинотеатр

+ +

Помощь и поддержка

+

Задавайте вопросы и мы вам ответим

+

+ + +
+ + diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..e4e0bd8 --- /dev/null +++ b/html/index.html @@ -0,0 +1,25 @@ + + + + + + Онлайн кинотеатр + + + +

Онлайн кинотеатр

+ +

Добро пожаловать в онлайн кинотеатр

+

Смотрите фильмы бесплатно и без ограничений.

+

Премьера недели

+

Ловцы забытых голосов

+
+ +
Смотреть
+
+ + diff --git a/images/film.jpg b/images/film.jpg new file mode 100644 index 0000000..7ca3a3f Binary files /dev/null and b/images/film.jpg differ