-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnews.html
247 lines (245 loc) · 12.8 KB
/
news.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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!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>Новости</title>
<link rel="icon" href="./images/iconStars.png" type="image/png" />
<link rel="stylesheet" href="./node_modules/reset-css/reset.css" />
<link rel="stylesheet" href="https://unpkg.com/@csstools/normalize.css" />
<link rel="stylesheet" href="./styles/common/index.css" />
<link rel="stylesheet" href="./styles/newsPage/newsPage.css" />
<link rel="stylesheet" href="./styles/common/tags.css" />
<link rel="stylesheet" href="./styles/common/animations.css" />
<link rel="stylesheet" href="./styles/newsPage/media.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Bellota+Text:wght@400;700&family=Neucha&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header class="header">
<a class="header_logo" href="#"
><img class="header__logo" src="./images/logo.svg" alt="Билл Шифр"
/></a>
<nav class="header__menuDesktop">
<ul class="header__menuList">
<li class="header__menuItem">
<a href="./index.html" class="header__menuAnchor">Главная</a>
</li>
<li class="header__menuItem">
<a href="#" class="header__menuAnchor headerCurrentPage">Новости</a>
</li>
<li class="header__menuItem">
<a href="./post.html" class="header__menuAnchor">Статьи</a>
</li>
</ul>
</nav>
<nav class="header__menuTouch">
<ul class="header__menuList">
<li class="header__menuItem">
<a href="#" class="header__menuAnchor header__menuAnchor_news"
><img class="header__menuImg" src="./images/news.svg" alt="Новости"
/></a>
</li>
<li class="header__menuItem">
<a href="#" class="header__menuAnchor header__menuAnchor_posts"
><img class="header__menuImg" src="./images/post.svg" alt="Статьи"
/></a>
</li>
</ul>
</nav>
<a class="header__authorized" href="./account.html">
<div class="header__authorizedIcon">
<img class="header__userIcon" src="./images/mabel.png" alt="Пользователь" />
</div>
<span class="header__userName">Имя пользователя</span>
</a>
<!-- <div class="header__unauthorized">
<a class="header__logIn" href="#">Вход</a>
<a class="header__signUp" href="#">Регистрация</a>
</div> -->
</header>
<main class="newsMain">
<article class="tags tags_news">
<ul class="tags__list">
<li class="tags__listItem"><a class="tags__listAnchor" href="#">Комиксы</a></li>
<li class="tags__listItem"><a class="tags__listAnchor" href="#">История из жизни</a></li>
<li class="tags__listItem"><a class="tags__listAnchor" href="#">Мемы</a></li>
<li class="tags__listItem"><a class="tags__listAnchor" href="#">Фильмы</a></li>
<li class="tags__listItem"><a class="tags__listAnchor" href="#">Эротика</a></li>
<li class="tags__listItem"><a class="tags__listAnchor" href="#">Игра престолов</a></li>
</ul>
<img class="tags__nyan" src="./images/nyancat.gif" alt="Нян кэт" />
</article>
<div class="newsMain__block gridImg">
<a
class="newsMain__newImg newImg first"
href="https://meduza.io/feature/2021/08/28/till-lindemann-priehal-v-tverskuyu-oblast-chtoby-vystupit-na-festivale-mestnogo-biznesmena-svyazannogo-s-partiey-rodina-v-otel-k-muzykantu-prishla-politsiya"
target="_blank"
>
<img
class="newImg__img"
src="https://meduza.io/impro/pd2nIblG95IjTeWFNIXez1wiNkLzT3lN1iENqht-CH4/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNy8w/MTYvMzAwL3doXzYx/NV80MTAvdkhUVWFL/b2xzaks5QnZsTlB5/MTBMZy5qcGc.webp"
alt="Тиллька"
height="500px"
/>
<div class="newImg__text">
<span class="newImg__tag">Новость</span>
<h2 class="newImg__title">
Тилль Линдеманн приехал в Тверскую область, чтобы выступить на концерте местного
бизнесмена, связанного с партией «Родина». К музыканту пришла полиция. Его продюсеру
грозит депортация из России
</h2>
<time class="newImg__time">день назад</time>
</div>
</a>
<a
class="newsMain__newImg newImg second"
href="https://meduza.io/feature/2021/08/28/set-dostavki-sushi-yobidoyobi-izvinilas-za-reklamu-s-temnokozhim-muzhchinoy"
target="_blank"
>
<img
class="newImg__img"
src="https://meduza.io/impro/yQt2wgbfkaTZ179y0cUayLXJApfScWyNCN77z2vBS7Y/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNy8w/MTcvMTkzL3doXzYx/NV80MTAvTENoVEV4/VElBdnFpaUtMOU1W/WXZyUS5qcGc.webp"
alt="Ёбидоёби"
height="500px"
/>
<div class="newImg__text">
<span class="newImg__tag">Новость</span>
<h2 class="newImg__title">
Сеть доставки суши «Ёбидоёби» извинилась за рекламу с темнокожим мужчиной. Из-за нее
компанию и ее сооснователя атаковали сторонники «Мужского государства»
</h2>
<time class="newImg__time">день назад</time>
</div>
</a>
<a
class="newsMain__newImgBlock newImgBlock third"
href="https://meduza.io/feature/2021/08/30/komik-idrak-mirzalizade-poshutil-o-russkih-i-emu-zapretili-zhit-v-rossii-tsepochka-sobytiy"
target="_blank"
>
<img
class="newImgBlock__img"
src="https://meduza.io/impro/e1mp6U_dg-ACBgwPK0jwvM09ihTUv1VIeu4ICV5wmWU/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNy8w/MTkvNDUwL3doXzgx/MF81NDAvbzJfUUJH/VnJhelFadWdYZ0Ux/bFdQQS5qcGc.webp"
alt="Идрак"
height="300px"
/>
<div class="newImgBlock__text">
<span class="newImgBlock__tag">Новость</span>
<h2 class="newImgBlock__title">
Комик Идрак Мирзализаде пошутил о русских — и ему запретили жить в России. Цепочка
событий
</h2>
<time class="newImgBlock__time">7 часов назад</time>
</div>
</a>
<a
class="newsMain__newImgBlock newImgBlock fourth"
href="https://meduza.io/feature/2021/08/31/devyat-idealnyh-neznakomtsev-nikol-kidman-igraet-russkuyu-vladelitsu-zagadochnogo-velnes-tsentra"
target="_blank"
>
<img
class="newImgBlock__img"
src="https://meduza.io/impro/HvO6my9uVpcSxr_8zklu-4NkHgUYK5TTKwV1NJREm1M/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNy8w/MTkvMTQ0L3doXzgx/MF81NDAvU3NBNFhJ/Qm5jT1ZpOGpTMmda/SXJRUS5qcGc.webp"
alt="Николь Кидман"
height="300px"
/>
<div class="newImgBlock__text">
<span class="newImgBlock__tag">Новость</span>
<h2 class="newImgBlock__title">
«Девять идеальных незнакомцев» — Николь Кидман играет русскую владелицу загадочного
велнес-центра
</h2>
<time class="newImgBlock__time">час назад</time>
</div>
</a>
<a
class="newsMain__newImgBlock newImgBlock fifth"
href="https://meduza.io/shapito/2021/08/31/mer-zheleznovodska-pridumal-slogan-dlya-velokurorta-radost-mezhdu-nog-a-potom-obidelsya-na-kritiku-i-poshel-voevat-v-kommentariyah-s-poteryannymi-dushami"
target="_blank"
>
<img
class="newImgBlock__img"
src="https://meduza.io/impro/V-n9WAUVvg4QCKiLEn6MjL51bwW7RZ7Lp7lzTgSlUps/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNy8w/MjIvOTgyL3doXzgx/MF81NDAvUTFqY3k3/dWI2OUtrazBLV1d0/dFhoQS5qcGc.webp"
alt="Радость"
height="300px"
/>
<div class="newImgBlock__text">
<span class="newImgBlock__tag">Новость</span>
<h2 class="newImgBlock__title">
Мэр Железноводска придумал слоган для велокурорта — «Радость между ног». А потом
обиделся на критику и пошел воевать в комментариях с «потерянными душами»
</h2>
<time class="newImgBlock__time">неделю назад</time>
</div>
</a>
</div>
<div class="newsMain__block gridText">
<a
class="newsMain__newBlock newBlock firstText"
href="https://meduza.io/news/2021/08/31/cnn-taliban-sozdast-v-afganistane-sistemu-upravleniya-kak-v-irane-s-verhovnym-liderom-kotoryy-budet-glavnym-politicheskim-i-religioznym-avtoritetom"
target="_blank"
>
<span class="newBlock__tagBig">Новость</span>
<h2 class="newBlock__titleBig">
CNN: «Талибан» создаст в Афганистане систему управления, как в Иране — с верховным
лидером, который будет главным политическим и религиозным авторитетом
</h2>
<time class="newBlock__timeBig">час назад</time>
</a>
<a
class="newsMain__newBlock newBlock secondText"
href="https://meduza.io/news/2021/08/31/navalnyy-rasskazal-o-30-vygovorah-v-kolonii-i-poprosil-rasshifrovat-slovo-b-t"
target="_blank"
>
<span class="newBlock__tag">Новость</span>
<h2 class="newBlock__title">
Навальный рассказал о 30 выговорах в колонии и попросил расшифровать слово «Б…ть»
</h2>
<time class="newBlock__time">3 часа назад</time>
</a>
<a
class="newsMain__newBlock newBlock thirdText"
href="https://meduza.io/news/2021/08/31/v-moskve-lyudi-so-spinalnoy-myshechnoy-atrofiey-vyshli-na-pikety-k-zdaniyu-merii-oni-prosyat-obespechit-ih-zhiznenno-neobhodimym-lecheniem"
target="_blank"
>
<span class="newBlock__tag">Новость</span>
<h2 class="newBlock__title">
В Москве люди со спинальной мышечной атрофией вышли на пикеты к зданию мэрии. Они просят
обеспечить их жизненно необходимым лечением
</h2>
<time class="newBlock__time">2 часа назад</time>
</a>
<a
class="newsMain__newBlock newBlock fourthText"
href="https://meduza.io/news/2021/08/31/aeroflot-poobeschal-uvelichit-zarplaty-bortprovodnikam-i-pilotam"
target="_blank"
>
<span class="newBlock__tag">Новость</span>
<h2 class="newBlock__title">
«Аэрофлот» пообещал увеличить зарплаты бортпроводникам и пилотам
</h2>
<time class="newBlock__time">4 часа назад</time>
</a>
<a
class="newsMain__newBlock newBlock fifthText"
href="https://meduza.io/news/2021/08/31/prezidentom-estonii-izbran-direktor-natsionalnogo-muzeya-alar-karis"
target="_blank"
>
<span class="newBlock__tag">Новость</span>
<h2 class="newBlock__title">
Президентом Эстонии избран директор Национального музея Алар Карис
</h2>
<time class="newBlock__time">4 часа назад</time>
</a>
</div>
</main>
<footer class="footer">
<span class="footer__developer">© Анастасия Перова</span>
</footer>
</body>
</html>