-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (148 loc) · 9.28 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Methed cinema - онлайн-кинотеатр</title>
<link rel="icon" href="img/me.svg">
<link rel="stylesheet" href="style/style.css">
<script src="./js/index.js" type="module"></script>
</head>
<body>
<header class="header">
<div class="container header__container">
<p class="header__logo">
<span class="header__logo-primary">Methed</span> Cinema
</p>
<form class="header__search-form" action="#">
<input class="header__search-input" type="search" name="search" required="" placeholder="Поиск">
</form>
<button class="header__burger-btn" aria-label="открыть меню">
<svg class="header__burger-svg" width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.94403 9.8959H34.6564" stroke-width="2.475" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M28.0537 19.8H4.94403" stroke-width="2.475" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.94403 29.7041H21.4509" stroke-width="2.475" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</header>
<main>
<section class="film-week">
</section>
<section class="other-films">
<div class="container">
<h2 class="other-films__title">Другие фильмы
<span class="other-films__title-add">на Methed Cinema</span>
</h2>
<ul class="other-films__list">
<li class="other-films__item">
<a class="other-films__link" data-rating="8.7">
<img class="other-films__img" src="https://www.themoviedb.org/t/p/w600_and_h900_bestv2/d9s5Ma2BC7y3A8sMpxqbxWj9VQA.jpg" alt="постер">
</a>
</li>
<li class="other-films__item">
<a class="other-films__link" data-rating="7.6" href="https://youtu.be/N1r36HTysDM">
<img class="other-films__img" src="https://www.themoviedb.org/t/p/w600_and_h900_bestv2/jycSKuZ4CvgPWRHdhgPA9q1EC8n.jpg" alt="постер">
</a>
</li>
<li class="other-films__item">
<a class="other-films__link" data-rating="7.9" href="https://youtu.be/MLj1nXTqc3g">
<img class="other-films__img" src="https://www.themoviedb.org/t/p/w600_and_h900_bestv2/hn0B1OFQRQnzr0LeLkaUbJxoiol.jpg" alt="постер">
</a>
</li>
<li class="other-films__item">
<a class="other-films__link" data-rating="7.6" href="https://youtu.be/Q50TXqNSGi8">
<img class="other-films__img" src="https://www.themoviedb.org/t/p/w600_and_h900_bestv2/s8hSilfVBsQ4jWtwucADeSromd2.jpg" alt="постер">
</a>
</li>
<li class="other-films__item">
<a class="other-films__link" data-rating="6.8" href="https://youtu.be/U9TkWe60dSQ">
<img class="other-films__img" src="https://www.themoviedb.org/t/p/w600_and_h900_bestv2/u6m4JTp9ZEAF25mSo0xfStmXSHh.jpg" alt="постер">
</a>
</li>
<li class="other-films__item">
<a class="other-films__link" data-rating="8" href="https://youtu.be/Q6nepw3fskg">
<img class="other-films__img" src="https://www.themoviedb.org/t/p/w600_and_h900_bestv2/irwFnLniLSu0KkiK7FMAgLounCX.jpg" alt="постер">
</a>
</li>
<li class="other-films__item">
<a class="other-films__link" data-rating="7.8" href="https://youtu.be/6sI7pZuQZPg">
<img class="other-films__img" src="https://www.themoviedb.org/t/p/w600_and_h900_bestv2/6zHKgCKht3vwrtSXFvSUntSRsJh.jpg" alt="постер undefined">
</a>
</li>
<li class="other-films__item">
<a class="other-films__link" data-rating="9.2" href="https://youtu.be/Cd1ruAVbazU">
<img class="other-films__img" src="https://www.themoviedb.org/t/p/w600_and_h900_bestv2/tTR8Qhk7RIirkcQuKfU8EJNJ9O2.jpg" alt="постер undefined">
</a>
</li>
</ul>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer__container">
<div class="footer__column contacts">
<p class="contacts__logo">
<span class="contacts__logo-primary">Methed</span> Cinema
</p>
<p class="contacts__description">онлайн-кинотеатр</p>
<a href="tel:88003336202" class="contacts__phone">8 800 333 62 02</a>
<a href="mailto:[email protected]" class="contacts__mail">[email protected]</a>
<a href="mailto:[email protected]" class="contacts__mail">[email protected]</a>
</div>
<div class="footer__column subnav get-nav">
<ul class="subnav__list">
<li class="subnav__item">
<a href="#" class="subnav__link get-nav__link get-nav__link_triends">В тренде</a>
</li>
<li class="subnav__item">
<a href="#" class="subnav__link get-nav__link get-nav__link_popular-movies">Популярные Фильмы</a>
</li>
<li class="subnav__item">
<a href="#" class="subnav__link get-nav__link get-nav__link_popular-tv">Популярные сериалы</a>
</li>
<li class="subnav__item">
<a href="#" class="subnav__link get-nav__link get-nav__link_top-movies">Top Фильмов</a>
</li>
<li class="subnav__item">
<a href="#" class="subnav__link get-nav__link get-nav__link_top-tv">Top Сериалы</a>
</li>
</ul>
</div>
<div class="footer__column regulation">
<img class="regulation__age" src="img/18+.svg" alt="Только для совершеннолетних">
<p class="regulation__offer">Просматривая материалы, находящиеся на настоящем сайте, вы обязуетесь выполнять условия Публичной оферты</p>
</div>
<div class="footer__column partners">
<img class="partners__me" src="img/me.svg" alt="Логотип MethEd">
<p class="partners__description">Исследования осуществляются ООО «МЕТЭД ДЕВЕЛОПМЕНТ» при поддержке Фонда «SPB Tech»</p>
</div>
</div>
</footer>
<nav class="navigation">
<ul class="navigation__list get-nav">
<li class="navigation__item">
<a href="#" class="navigation__link get-nav__link get-nav__link_triends">В тренде</a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link get-nav__link get-nav__link_popular-movies">Популярные Фильмы</a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link get-nav__link get-nav__link_popular-tv">Популярные сериалы</a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link get-nav__link get-nav__link_top-movies">Toп Фильмов</a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link get-nav__link get-nav__link_top-tv">Toп Сериалы</a>
</li>
</ul>
<button class="navigation__close">
<svg class="navigation__close-cross" height="30" viewbox="0 0 365.696 365.696" width="30" xmlns="http://www.w3.org/2000/svg">
<path d="m243.1875 182.859375 113.132812-113.132813c12.5-12.5 12.5-32.765624 0-45.246093l-15.082031-15.082031c-12.503906-12.503907-32.769531-12.503907-45.25 0l-113.128906 113.128906-113.132813-113.152344c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503907-12.5 32.769531 0 45.25l113.152344 113.152344-113.128906 113.128906c-12.503907 12.503907-12.503907 32.769531 0 45.25l15.082031 15.082031c12.5 12.5 32.765625 12.5 45.246093 0l113.132813-113.132812 113.128906 113.132812c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082031c12.5-12.503906 12.5-32.769531 0-45.25zm0 0"></path>
</svg>
</button>
</nav>
</body>
</html>