-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (130 loc) · 9.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/animate.css">
<title>Batman</title>
</head>
<body>
<div class="container">
<header class="header">
<div class="logo">КиноПульс</div>
<form action="" class="search">
<input type="search" class="search-input" placeholder="Фильмы, сериалы, актёры">
<button type="submit" class="search-button">
<img src="img/search-icon.svg" alt="">
</button>
</form>
<div class="user">
<img src="img/bookmark.svg" class="bookmark" alt="">
<img src="img/avatar.jpg" class="avatar" alt="">
</div>
</header>
<main class="main">
<h1 class="title animated fadeInRight">Бэтмен</h1>
<small class="title-en animated fadeInRight">The Batman</small>
<div class="info animated fadeInUp delay-1s">
<div class="movie-info">
<span class="tag">Фильм</span>
<span class="country">США, 2021 год</span>
<a data-fancybox href="https://www.youtube.com/watch?v=Xo8i2ZDMlQg" class="play">Смотреть трейлер</a>
</div>
<a href="#" class="more">Подробнее</a>
</div>
<div class="content">
<div class="short-info">
<img src="img/cover.jpg" alt="" class="poster">
<button class="button">Буду смотреть</button>
<h3 class="actors-title">В главных ролях</h3>
<ul class="actors-list">
<li class="actors-list-item">Роберт Паттинсон</li>
<li class="actors-list-item">Зои Кравиц</li>
<li class="actors-list-item">Колин Фаррелл</li>
<li class="actors-list-item">Питер Сарсгаард</li>
<li class="actors-list-item">Пол Дано</li>
<li class="actors-list-item">Энди Серкис</li>
<li class="actors-list-item">Джеффри Райт</li>
<li class="actors-list-item">Джон Туртурро</li>
<li class="actors-list-item">Макс Карвер</li>
<li class="actors-list-item">Кон О’Нилл</li>
</ul>
</div>
<!-- /.short-info -->
<div class="full-info">
<nav class="tabs">
<a href="#about" class="tabs-item tabs-item-active">Описание</a>
<a href="#reviews" class="tabs-item">Рецензии</a>
<a href="#premier" class="tabs-item">Премьеры</a>
<a href="#actors" class="tabs-item">Актеры</a>
<a href="#rewards" class="tabs-item">Награды</a>
<a href="#facts" class="tabs-item">Факты</a>
<a href="#sites" class="tabs-item">Сайты</a>
<a href="#" class="tabs-item">
<img class="bookmark-added" src="/img/bookmark-icon.svg" alt="">
</a>
</nav>
<div class="full-content">
<div class="tabs-content visible" id="about">
<p class="text">
Предстоящий американский супергеройский фильм, основанный на одноимённых комиксах издательства DC Comics. Картина будет выпущена компанией Warner Bros. и будет перезагрузкой всех фильмов о Бэтмене.
</p>
<p class="text">
Фильм является десятым по счёту фильмом из Расширенной вселенной DC. Режиссёром и сценаристом фильма выступит Мэтт Ривз, а главную роль исполнит Роберт Паттинсон
</p>
<h4 class="text-title">Разработка</h4>
<p class="text">
В октябре 2014 года студия Warner Bros. объявила, что в разработке находится сольный фильм о Бэтмене, роль которого вновь исполнит Бен Аффлек. В июле 2015 года сообщалось, что Аффлек ведёт переговоры со студией по поводу постановки фильма и совместного написания сценария с Джеффом Джонсом.
</p>
<p class="text">
После выхода фильма «Бэтмен против Супермена: На заре справедливости» руководитель агентства WME Патрик Уайтсел подтвердил, что Аффлек написал сценарий для сольного фильма о Бэтмене и в настоящий момент его рассматривают студия и DC. В мае 2016 года Джереми Айронс подтвердил, что он появится в фильме про Тёмного Рыцаря.
</p>
<p class="text">
На Comic-Con в Сан-Диего в июле 2016 года было официально подтверждено, что Аффлек станет режиссёром картины. В августе 2016 года на одной из страниц Аффлека в социальных сетях был опубликован тестовый материал, в котором был показан персонаж Детстроук. 8 сентября 2016 года Джефф Джонс подтвердил, что Джо Манганьелло сыграет наёмника Слейда Уилсона, который, возможно, станет главным злодеем фильма.
</p>
</div>
<div class="tabs-content" id="reviews">
<p class="text">Тут скоро появятся рецензии</p>
</div>
<div class="tabs-content" id="premier">
<p class="text">Тут скоро появятся премьеры</p>
</div>
<div class="tabs-content" id="actors">
<p class="text">Тут скоро появятся актёры</p>
</div>
<div class="tabs-content" id="rewards">
<p class="text">Тут скоро появятся награды</p>
</div>
<div class="tabs-content" id="facts">
<p class="text">Тут скоро появятся факты</p>
</div>
<div class="tabs-content" id="sites">
<p class="text">Тут скоро появятся сайты</p>
</div>
<div class="subscribe">
<h3 class="subscribe-title">
Подпишитесь на обновления
</h3>
<form class="subscribe-form">
<input type="text" class="subscribe-input" placeholder="Ваш email"><button class="subscribe-button">
<img src="img/button-check.svg" alt="">
</button>
</form>
<a href="" class="banner">
<img src="img/image 1.jpg" alt="">
</a>
</div>
</div>
</div>
</div>
<!-- /.content -->
</main>
</div>
<!-- /.container -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>