-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
218 lines (215 loc) · 11.7 KB
/
blog.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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/blogNews.css">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<title>Blog and News | Coliseum Cinema</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header__container _container">
<nav class="menu">
<div class="logo">
<a href="index.html">
<img src="img/logo.png" alt="Coliseum Cinema Logo">
</a>
</div>
<ul class="menu__list">
<div class="menu__first-block">
<li class="menu__item">
<a href="index.html" class="menu__link">Home</a>
</li>
<li class="menu__item">
<a href="blog.html" class="menu__link">Blog & News</a>
</li>
</div>
<div class="menu__second-block">
<li class="menu__item">
<a href="about.html" class="menu__link">About Cinema</a>
</li>
<li class="menu__item">
<a href="contact.html" class="menu__link">Contact Us</a>
</li>
</div>
</ul>
</nav>
<ul class="menu__login">
<li class="menu__item">
<div class="login">
<a href="login.html" class="login__section">Log in</a>
<div class="login_container">
<h2>Log in</h2>
<form class="login_form" action="#">
<div class="login_input">
<input type="text" placeholder="Email">
</div>
<div class="login_input">
<input type="password" placeholder="Password">
</div>
<a href="#" class="forgot_pass">Forgotten password?</a>
<div>
<input type="button" class="login_button" value="Log in">
</div>
</form>
</div>
</div>
</li>
<li class="menu__item">
<a href="register.html" class="login__section">Sign Up</a>
</li>
</ul>
</div>
</header>
<header class="header header_mobile">
<div class="header__container _container">
<nav class="menu">
<div class="logo">
<a href="index.html">
<img src="img/logo.png" alt="Coliseum Cinema Logo">
</a>
</div>
<div class="menu_icon">
<label id="nav_icon1">
<span></span>
<span></span>
<span></span>
</label>
</div>
<ul id="menu__show" class="menu__list">
<div class="menu__first-block">
<li class="menu__item">
<a href="index.html" class="menu__link">Home</a>
</li>
<li class="menu__item">
<a href="blog.html" class="menu__link">Blog & News</a>
</li>
<li class="menu__item">
<a href="about.html" class="menu__link">About Cinema</a>
</li>
<li class="menu__item">
<a href="contact.html" class="menu__link">Contact Us</a>
</li>
<li class="menu__item">
<a href="login.html" class="login__section">Log in</a>
</li>
<li class="menu__item">
<a href="register.html" class="login__section">Sign Up</a>
</li>
</div>
</ul>
</nav>
</div>
</header>
<main class="page">
<div class="blog_body">
<div class="blog__container _container">
<div class="blog_title">Our Upcoming movies</div>
<div class="blog_movies">
<div class="main">
<div class="upcoming_movies"></div>
</div>
</div>
<div class="blog_title blog__secondTitle">The Most Discussed</div>
<div class="discussed">
<div class="discussed_movies">
<a href="https://www.youtube.com/watch?v=-zrO28TkhPY" target="_blank"><img src="./img/movie_blog/2+1.jpg" alt="2+1" class="discussed_movies_item"></a>
</div>
<div class="film_description">
<p> Black handsome Samuel leads a fun life as a yacht captain, arranging fun swims for money.</p>
<p> True, the yacht belongs to Samantha, but Samuel's charm allows the hero to break the rules and</p>
<p> often throw parties. One day, a girl with a child appears on the pier, and after a short</p>
<p> conversation it turns out that Gloria is Samuel's three-month-old daughter. Kristin deceives </p>
<p> the guy and, leaving Gloria, flies to London. Not wanting to become a single father, and indeed</p>
<p> the father of a child, Samuel goes to London, wanting to find Christina and return the girl.</p>
<p> However, it turns out that the information about Christina's work is false. Upon learning that </p>
<p> her captain left the country without permission, Samantha dismisses Samuel and he remains in </p>
<p> London without money and with a child in his arms. The hero is unexpectedly lucky when he sees how</p>
<p> Samuel arranges a performance at the subway station so as not to lose Gloria, producer Bernie </p>
<p> offers the former captain a job as a stuntman. The contract turns out to be so profitable that in</p>
<p> the following years Gloria's life turns into a solid holiday of childhood. However, ahead of Gloria</p>
<p> and Samuel are waiting for life's trials and the unexpected appearance of the missing Christina.</p>
<p> Whether the heroes will be able to overcome the trials, see the drama film "2 + 1".</p>
</div>
</div>
<div class="discussed next_discussed">
<div class="discussed_movies">
<a href="https://www.youtube.com/watch?v=_6vvcy_d7xg" target="_blank"><img src="./img/movie_blog/pursuit.jpg" alt="pursuit" class="discussed_movies_item"></a>
</div>
<div class="film_description">
<p> Chris Gardner is a single father. While raising a </p>
<p> five-year-old son, Chris goes out of his way to make sure</p>
<p> that the child grows up happy. Working as a salesman, he </p>
<p> cannot pay the rent and they are evicted. </p>
<p> Once on the street, but not wanting to give up, the </p>
<p> father gets a job as an intern at a brokerage company,</p>
<p> hoping to get a specialist position. Only during the </p>
<p> internship he will not receive any money, and the internship lasts 6 months ...</p>
</div>
</div>
</div>
</div>
<video preload="auto" loop autoplay muted class="video" src="src/bg.webm"></video>
</main>
</div>
<footer class="footer">
<div class="footer__container _container">
<div class="footer__nav">
<div class="logo">
<a href="index.html">
<img src="img/logo.png" alt="Coliseum Cinema Logo">
</a>
</div>
<ul class="footer__nav-list">
<li class="footer__nav-item">
<a href="index.html" class="footer__nav-link">Home</a>
</li>
<li class="footer__nav-item">
<a href="blog.html" class="footer__nav-link">Blog & News</a>
</li>
<li class="footer__nav-item">
<a href="about.html" class="footer__nav-link">About Cinema</a>
</li>
<li class="footer__nav-item">
<a href="contact.html" class="footer__nav-link">Contact Us</a>
</li>
</ul>
</div>
<div class="footer__newsletter">
<h2 class="footer__title">Subscribe to our Newsletter!</h2>
<form class="newsletter__form">
<input type="email" placeholder="Email" required>
<input type="submit" value="Subscribe">
</form>
<div class="footer__copy">
<p class="copyright">COLISEUM CINEMA© | 2022 All rights reserved</p>
</div>
</div>
<div class="footer__social">
<h2 class="footer__title social__title">Follow us on social media!</h2>
<div class="social__links">
<a href="https://www.instagram.com/" class="social__link">
<img src="img/soc_icons/instagram.png" alt="instagram">
</a>
<a href="https://www.facebook.com/" class="social__link">
<img src="img/soc_icons/facebook.png" alt="facebook">
</a>
<a href="https://twitter.com/" class="social__link">
<img src="img/soc_icons/twiter.png" alt="twitter">
</a>
</div>
</div>
</div>
</footer>
<script src="js/menu.js"></script>
<script src="js/blogNews.js"></script>
<script src="js/footer.js"></script>
</body>
</html>