-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (104 loc) · 6.52 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<title>НовостиNews</title>
</head>
<body>
<nav>
<div id="nav-links">
<a href="#">Новости IT</a>
<a href="#">Новости политики</a>
<a href="#">Новости экономики</a>
<a href="#">Новости социума</a>
</div>
<div id="login">
<button id="open" class="btn">Войти</button>
</div>
</nav>
<dialog>
<form>
<input type="text" class="signin" id="login" placeholder="Логин" required>
<input type="text" class="signin" id="pass" placeholder="Пароль" required>
<div>
<button class="btn" type="submit">Войти</button>
<button class="btn" id="close">Закрыть</button>
</div>
<div>
<p>Забыли пароль? <a href="#" id="forgot-pass">Восстановить</a></p>
<a href="#" id="signup">Регистрация</a>
</div>
</form>
</dialog>
<header>
<h1>Новости</h1>
</header>
<main>
<article class="news">
<section>
<a href="#">
<h2>BYPOL: белорусских солдат хотят направить в Сирию</h2>
</a>
<div class="article-meta">Сообщает <a href="https://belsat.eu/">Белсат</a> 30.01.2021</div>
<img src="https://images.unsplash.com/photo-1544004992-9708a840090e?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="солдаты с обмундированием">
<p>Инициатива BYPOL, объединяющая бывших силовиков, <a href="https://t.me/By_Pol/161">сообщает</a>, что белорусских солдат хотят отправить в Сирию для патрулирования.</p>
</section>
<section>
<a href="#">
<h2>КС создал петицию в поддержку БЧБ-флага. Ее уже подписали более 3000 человек</h2>
</a>
<div class="article-meta">Сообщает <a href="https://belsat.eu/">Белсат</a> 30.01.2021</div>
<img src="https://6tv.by/wp-content/uploads/2020/08/1-luka-i-bchb-scyag.jpg" alt="Лукашенко с БЧБ флагом">
<p>Координационный совет <a href="https://petitions.by/petitions/4636">создал</a> петицию против признания бело-красно-белой символики экстремистской.</p>
</section>
<section>
<a href="#">
<h2>В Минске прошел марш против признания БЧБ-флага экстремистским</h2>
</a>
<div class="article-meta">Как сообщает <a href="https://belsat.eu/">Белсат</a> 30.01.2021</div>
<img src="https://images.unsplash.com/photo-1598864889381-e94122aa303c?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1348&q=80" alt="протестующие">
<p>Белорусские протестующие ответили на попытки запретить бело-красно-белый флаг новыми протестами.</p>
</section>
<section>
<a href="#">
<h2>Биткоин прыгнул выше $38 тысяч из-за Илона Маска</h2>
</a>
<div class="article-meta">По информации с <a href="https://onliner.by/">Onliner</a> от 29.01.2021</div>
<img src="https://static.theceomagazine.net/wp-content/uploads/2018/10/15093202/elon-musk-700x467.jpg" alt="Илон Маск">
<p>Илон Маск, судя по всему, помог биткоину взбираться на очередную гору: после того как бизнесмен упомянул криптовалюту в своем <a href="https://twitter.com/elonmusk">твиттере</a>, курс виртуальных монет подскочил выше $38 тыс.</p>
</section>
<section>
<a href="#">
<h2>Самые массовые уличные протесты в России за последние годы</h2>
</a>
<div class="article-meta">Новости от <a href="https://varlamov.ru/4169718.html">Ильи Варламова</a> от 23.01.2021</div>
<img src="https://varlamov.me/2021/mitingnavalny23/00.jpg" alt="Протестующие и полиция">
<p>23 января 2021 по всей России прошли акции в поддержку Алексея Навального, протесты затронули как минимум 122 российских города. Напомню, политик был арестован сразу после прибытия в Россию и сейчас ему грозит тюремный срок.
</p>
</section>
<section>
<a href="#">
<h2>Bellingcat связал сотрудников ФСБ, следивших за Навальным, со смертями еще трех политических активистов</h2>
</a>
<div class="article-meta">Пишет <a href="https://www.bbc.com/russian/news-55829179">BBC russiaN</a> от 27.01.2021</div>
<img src="https://img.112.international/original/2018/05/13/273437.PNG" alt="ФСБ">
<p>Группа расследователей из Bellingcat обнаружила, что сотрудники ФСБ, следившие за Алексеем Навальным в день отравления политика, в предыдущие годы выезжали и в другие регионы России, где вскоре после их приезда обнаружили мертвыми трех политических активистов.
</p>
</section>
</article>
</main>
<footer>
<div class="links">
<a href="#">Вакансии</a>
<a href="#">Контакты</a>
<a href="#">О нас</a>
<a href="#">Реклама</a>
</div>
<div class="copyright">©НовостиNews <span class="year-text">2021</span></div>
</footer>
<!-- Если вставить скрипт вверху, то он не работает. Почему? -->
<script src="./js/script.js"></script>
</body>
</html>