-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (108 loc) · 6.3 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
<!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">
</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">
</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:help@tvmethed.ru" class="contacts__mail">help@tvmethed.ru</a>
<a href="mailto:pressa@tvmethed.ru" class="contacts__mail">pressa@tvmethed.ru</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">Top Фильмов</a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link get-nav__link get-nav__link_top-tv">Top Сериалы</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>
<script src="js/index.js" type="module"></script>
</body>
</html>