1 Commits

Author SHA1 Message Date
IlyasValiulov
919ed6bc11 add report 2025-05-19 19:59:49 +04:00
12 changed files with 180 additions and 410 deletions

3
css/about.css Normal file
View File

@@ -0,0 +1,3 @@
.indent {
margin-top: 50px;
}

View File

@@ -1,8 +1,31 @@
.film-collection {
justify-content: space-between;
.films_list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.film {
width: 30%;
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;
}

View File

@@ -1,9 +1,6 @@
.film {
width: 100%;
}
.film img {
width: 500px;
height: auto;
margin: 20px auto;
img {
margin-left: 50px;
width: 200px; /* Ширина изображения */
height: auto; /* Сохраняем пропорции */
border-radius: 10px
}

View File

@@ -1,9 +1,9 @@
form {
margin-top: 30px;
margin: 20px;
display: flex;
flex-direction: column;
gap: 10px;
max-width: 400px;
}
textarea {
@@ -18,8 +18,7 @@ textarea {
button {
padding: 10px 20px;
font-size: 16px;
color: #ffff;
background-color: #493c2f;
background-color: antiquewhite;
border-width: 1px;
border-radius: 5px;
}

View File

@@ -1,115 +1,44 @@
body {
font-family: Arial, sans-serif;
margin: 0px;
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;
flex-direction: column;
min-height: 100vh;
}
header {
background-color: #493c2f;
color: #ffffff;
padding: 10px 10px 20px 10px;
}
.navigation {
list-style: none;
padding: 0;
margin: 0 20px;
display: flex;
}
.navigation li {
position: relative;
}
.navigation li a {
padding: 10px 20px;
}
.dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #493c2f;
list-style: none;
padding: 0;
margin: 0;
min-width: 150px;
}
.dropdown li a {
padding: 10px;
text-decoration: none;
display: block;
}
.navigation li:hover .dropdown {
display: block;
}
.logo-name {
display: flex;
align-items: center;
margin-left: 30px;
}
#logo {
width: 100px;
height: auto;
margin-right: 20px;
}
.container {
background-color: #ffffff;
margin: 0 20%;
flex: 1;
}
.film-collection {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-around;
}
@media (max-width: 767px) {
.container {
margin: 0 5%;
}
.film-collection {
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.film-collection > * {
width: 100%;
margin-bottom: 10px;
}
}
.film {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 35%;
}
.film img {
width: 100%;
height: auto;
}
footer {
margin-top: 40px;
padding: 20px;
background-color: #493c2f;
color: #ffffff;
font-size: 12px;
text-align: center;
margin-bottom: 20px;
}
a {
@@ -118,22 +47,10 @@ a {
}
a:hover {
color:rgb(192, 192, 192);
color:rgb(104, 104, 104);
}
p {
margin: 0;
}
h2 {
margin-top: 50px;
}
h4 {
margin: 5px;
text-align: center;
}
figure {
margin-top: 5px;
font-size: 16px;
margin: 20px;
}

View File

@@ -8,38 +8,13 @@
<link rel="stylesheet" href="../css/about.css" />
</head>
<body>
<header>
<div>
<div class="logo-name">
<img src="../images/4k.jpg" id="logo">
<h1>Онлайн кинотеатр</h1>
</div>
<nav>
<ul class="navigation">
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Фильмы и сериалы</a>
<ul class="dropdown">
<li><a href="catalog.html">Ужастики</a></li>
<li><a href="catalog.html">Аниме</a></li>
</ul>
</li>
<li><a href="about.html">О нас</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<h2>Онлайн кинотеатр</h2>
<p class="indent">Мы рады приветствовать вас на данном сайте</p>
<p>Если есть предложения для улучшения работы сайта, пишите на почту <strong><en>ilyasvaliylov@gmail.com</en></strong></p>
</div>
<footer>
<div>
<p>@ООО ОАО ИП и так далее. Любые лицензии по номеру 78375535378. 4К йоууу</p>
</div>
</footer>
<h1>Онлайн кинотеатр</h1>
<ul class="navigation">
<li><a href="index.html">Главная</a></li>
<li><a href="film.html">Фильмы и сериалы</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
<p class="indent">Мы рады приветствовать вас на данном сайте</p>
<p>Если есть предложения для улучшения работы сайта, пишите на почту <strong><en>ilyasvaliylov@gmail.com</en></strong></p>
</body>
</html>

View File

@@ -7,97 +7,57 @@
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../css/catalog.css" />
</head>
<body>
<header>
<div>
<div class="logo-name">
<img src="../images/4k.jpg" id="logo">
<h1>Онлайн кинотеатр</h1>
</div>
<nav>
<ul class="navigation">
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Фильмы и сериалы</a>
<ul class="dropdown">
<li><a href="catalog.html">Ужастики</a></li>
<li><a href="catalog.html">Аниме</a></li>
</ul>
</li>
<li><a href="about.html">О нас</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div>
<h2>Каталог фильмов и сериалов</h2>
</div>
<div class="film-collection">
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
<div class="film">
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</div>
</div>
</div>
<footer>
<div>
<p>@ООО ОАО ИП и так далее. Любые лицензии по номеру 78375535378. 4К йоууу</p>
</div>
</footer>
<h1>Онлайн кинотеатр</h1>
<ul class="navigation">
<li><a href="index.html">Главная</a></li>
<li><a href="about.html">О нас</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
<h2>Каталог фильмов и сериалов</h2>
<ul class="films_list">
<li>
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</li>
<li>
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</li>
<li>
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</li>
<li>
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</li>
<li>
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</li>
<li>
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</li>
<li>
<figure>
<figcaption><a href="film.html" class="films">Ловцы забытых голосов (2011)</a></figcaption>
<img src="../images/film.jpg" >
</figure>
</li>
</ul>
</body>
</html>

View File

@@ -8,50 +8,25 @@
<link rel="stylesheet" href="../css/film.css" />
</head>
<body>
<header>
<div>
<div class="logo-name">
<img src="../images/4k.jpg" id="logo">
<h1>Онлайн кинотеатр</h1>
</div>
<nav>
<ul class="navigation">
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Фильмы и сериалы</a>
<ul class="dropdown">
<li><a href="catalog.html">Ужастики</a></li>
<li><a href="catalog.html">Аниме</a></li>
</ul>
</li>
<li><a href="about.html">О нас</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div class="film">
<h2>Ловцы забытых голосов (2011)</h2>
<p>Юная Асуна живет с вечно пропадающей на работе матерью и после школы любит забираться на скалу,
чтобы послушать радио, доставшееся от умершего отца. Однажды в этом своем секретном месте она знакомится
с загадочным юношей Сюном, который говорит, что пришел из далекой страны Агартхи. Эта встреча становится
началом полного приключений путешествия в волшебный мир, где Асуне предстоит столкнуться с потерями и обрести надежду.</p>
<img src="../images/film.jpg">
<ul class="film-container">
<li>Год производства 2011</li><hr>
<li>Жанр аниме, мультфильм, драма, приключения</li><hr>
<li>Режиссер Макото Синкай</li><hr>
<li>Сборы в мире $600 486</li>
</ul>
<p><a href="https://www.kinopoisk.ru/film/581102/">Смотреть фильм</a></p>
</div>
</div>
<footer>
<div>
<p>@ООО ОАО ИП и так далее. Любые лицензии по номеру 78375535378. 4К йоууу</p>
</div>
</footer>
<h1>Онлайн кинотеатр</h1>
<ul class="navigation">
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Фильмы и сериалы</a></li>
<li><a href="about.html">О нас</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
<h2>Ловцы забытых голосов (2011)</h2>
<p>Юная Асуна живет с вечно пропадающей на работе матерью и после школы любит забираться на скалу,
чтобы послушать радио, доставшееся от умершего отца. Однажды в этом своем секретном месте она знакомится
с загадочным юношей Сюном, который говорит, что пришел из далекой страны Агартхи. Эта встреча становится
началом полного приключений путешествия в волшебный мир, где Асуне предстоит столкнуться с потерями и обрести надежду.</p>
<img src="../images/film.jpg" width="200" class="film-container">
<ul class="film-container">
<li>Год производства 2011</li><hr>
<li>Жанр аниме, мультфильм, драма, приключения</li><hr>
<li>Режиссер Макото Синкай</li><hr>
<li>Сборы в мире $600 486</li>
</ul>
<p><a href="https://www.kinopoisk.ru/film/581102/">Смотреть фильм</a></p>
</body>
</html>

View File

@@ -8,41 +8,17 @@
<link rel="stylesheet" href="../css/help.css" />
</head>
<body>
<header>
<div>
<div class="logo-name">
<img src="../images/4k.jpg" id="logo">
<h1>Онлайн кинотеатр</h1>
</div>
<nav>
<ul class="navigation">
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Фильмы и сериалы</a>
<ul class="dropdown">
<li><a href="catalog.html">Ужастики</a></li>
<li><a href="catalog.html">Аниме</a></li>
</ul>
</li>
<li><a href="about.html">О нас</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<h2>Помощь и поддержка</h2>
<p>Задавайте вопросы и мы вам ответим<p>
<form>
<textarea></textarea>
<button>Отправить</button>
</form>
</div>
<footer>
<div>
<p>@ООО ОАО ИП и так далее. Любые лицензии по номеру 78375535378. 4К йоууу</p>
</div>
</footer>
<h1>Онлайн кинотеатр</h1>
<ul class="navigation">
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Фильмы и сериалы</a></li>
<li><a href="about.html">О нас</a></li>
</ul>
<h2>Помощь и поддержка</h2>
<p>Задавайте вопросы и мы вам ответим<p>
<form>
<textarea></textarea>
<button>Отправить</button>
</form>
</body>
</html>

View File

@@ -6,75 +6,20 @@
<title>Онлайн кинотеатр</title>
<link rel="stylesheet" href="../css/style.css" />
</head>
<body>
<header>
<div>
<div class="logo-name">
<img src="../images/4k.jpg" id="logo">
<h1>Онлайн кинотеатр</h1>
</div>
<nav>
<ul class="navigation">
<li><a href="catalog.html">Фильмы и сериалы</a>
<ul class="dropdown">
<li><a href="catalog.html">Ужастики</a></li>
<li><a href="catalog.html">Аниме</a></li>
</ul>
</li>
<li><a href="about.html">О нас</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div>
<h2>Добро пожаловать в онлайн кинотеатр</h2>
<p>Смотрите фильмы бесплатно и без ограничений.</p>
<h2>Премьеры недели</h2>
</div>
<div class="film-collection">
<div class="film">
<h4>Ловцы забытых голосов</h4>
<figure>
<img src="../images/film.jpg">
<figcaption><a href="film.html" target="_blank">Смотреть</a></figcaption>
</figure>
</div>
<div class="film">
<h4>Ловцы забытых голосов</h4>
<figure>
<img src="../images/film.jpg">
<figcaption><a href="film.html" target="_blank">Смотреть</a></figcaption>
</figure>
</div>
<div class="film">
<h4>Ловцы забытых голосов</h4>
<figure>
<img src="../images/film.jpg">
<figcaption><a href="film.html" target="_blank">Смотреть</a></figcaption>
</figure>
</div>
<div class="film">
<h4>Ловцы забытых голосов</h4>
<figure>
<img src="../images/film.jpg">
<figcaption><a href="film.html" target="_blank">Смотреть</a></figcaption>
</figure>
</div>
</div>
</div>
<footer>
<div>
<p>@ООО ОАО ИП и так далее. Любые лицензии по номеру 78375535378. 4К йоууу</p>
</div>
</footer>
<h1>Онлайн кинотеатр</h1>
<ul class="navigation">
<li><a href="catalog.html">Фильмы и сериалы</a></li>
<li><a href="about.html">О нас</a></li>
<li><a href="help.html">Помощь</a></li>
</ul>
<h2>Добро пожаловать в онлайн кинотеатр</h2>
<p>Смотрите фильмы бесплатно и без ограничений.</p>
<h2>Премьера недели</h2>
<h4>Ловцы забытых голосов</h4>
<figure>
<img src="../images/film.jpg" width="200">
<figcaption><a href="film.html" target="_blank">Смотреть</a></figcaption>
</figure>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.