-
Notifications
You must be signed in to change notification settings - Fork 0
/
top.html
executable file
·410 lines (374 loc) · 24.4 KB
/
top.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
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
<!DOCTYPE html>
<html>
<head>
<title>Лучшее</title>
<!-- Browser charset -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Custom CSS file -->
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- Bootstrap CSS by web-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Bootstrap CSS fonts-->
<link href="css-bootstrap/bootstrap.min.css" rel="stylesheet">
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500&subset=cyrillic" rel="stylesheet">
<!-- Contact icons -->
<link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet">
<!-- Navigation icons -->
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
</head>
<body>
<a name="Top"></a>
<div class="page-content container-fluid">
<div class="top row">
<!-- Header -->
<div class="header">
<!-- Logo image> -->
<div>
<img src="img/logo.jpg" alt="Логотип клуба" height="40%" width="40%">
</div>
<!-- Header text -->
<p class="headerText">
Литературный клуб "Глобус"
</p>
</div>
<!-- Navigation -->
<div class="navigation-bar">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="new.html">Новинки</a></li>
<li><a href="top.html">Лучшее</a></li>
<li><a href="authors.html">Авторы</a></li>
<li><a href="profile.php">Профиль</a></li>
</ul>
</div>
</div>
<div class="main row">
<!-- Sidebar -->
<nav class="sidebar">
<!-- Sidebar header -->
<div class="sidebar-header">
<h2>Лучшее</h2>
</div>
<!-- Page links -->
<nav class="nav-menu">
<ul class="sidebar-links list-unstyled clearfix">
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#Origin">1. Происхождение</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#When">2. Когда я вернусь, будь дома</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#It">3. Оно</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#Flowers>4. Цветы для Элджернона</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#451">5. 451 градус по Фаренгейту</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#1984">6. 1984</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#Story">7. Таинственная история Билли Миллигана</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#Train">8.Убийство в "Восточном экспрессе" </a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#Pride">9. Гордость и предубеждение</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#Friends">10. Три товарища</a></li>
</ul>
</nav>
<!-- Contact links -->
<p class="social">
<!-- Facebook -->
<a href="https://www.facebook.com/profile.php?id=100009160726263" target="_blank">
<i class="socicon-facebook"></i>
</a>
<!-- LinkedIn -->
<a href="https://www.linkedin.com/in/karolina-dubitskaya-90248a143/" target="_blank">
<i class="socicon-linkedin"></i>
</a>
<!-- VK -->
<a href="https://vk.com/barsalap" target="_blank">
<i class="socicon-vkontakte"></i>
</a>
<!-- GitHub -->
<a href="https://github.com/KarolinaDubitskaya" target="_blank">
<i class="socicon-github"></i>
</a>
</p>
<!-- Move to top -->
<a href="#Top" class="button-top"><span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span></a>
</nav>
<!-- Page content -->
<div class="content">
<div class="content-small-block clearfix">
<a name="Origin"></a>
<div>
<h3 class="content-header">1. Происхождение</h3>
<h4 class="content-subheader">Дэн Браун</h4>
</div>
<img src="img/origin.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
Роберт Лэнгдон, гарвардский профессор символогии и религиозной иконологии, приезжает в суперсовременный музей Гуггенхайма в Бильбао, чтобы присутствовать на важном событии - объявлении об открытии, которое «навсегда изменит лик науки». Хозяин вечера - Эдмонд Кирш, сорокалетний миллиардер и футурист. Он приобрел всемирную известность благодаря ошеломляющим высокотехнологичным изобретениям и дерзким предсказаниям. Двадцать лет назад Кирш был одним из лучших студентов Лэнгдона в Гарварде, и теперь он готов представить удивительное открытие, которое даст ответ на два фундаментальных вопроса человеческого существования.
</p>
<p>
С самого начала мероприятия Лэнгдон и несколько сотен гостей захвачены чрезвычайно оригинальной презентацией, которая, по мнению Лэнгдона, является более спорной, чем он представлял. Внезапно тщательно организованный вечер обернулся хаосом, и драгоценное открытие Кирша повисло на грани забвения. Перед лицом неминуемой угрозы Лэнгдон вынужден принять отчаянное предложение, чтобы сбежать из Бильбао. Вместе с ним Эмбер Видал, элегантная директор музея, которая помогала Киршу организовать провокационное мероприятие. Вместе они отправляются в Барселону в поисках тайного пароля к секрету Кирша.
</p>
<p>
Лавируя по темным коридорам исторических и религиозных тайн, Лэнгдон и Видал вынуждены уклоняться от жестокого врага, чья общеизвестная мощь, похоже, исходит из самого испанского королевского дворца... и который ни перед чем не остановится, чтобы заставить замолчать Эдмонда Кирша. На своем пути, отмеченным современным искусством и загадочными символами, Лэнгдон и Видал находят ключи, которые в итоге сводят их лицом к лицу с шокирующим открытием Кирша... и захватывающей правдой, так долго от нас ускользавшей.
</p>
<p class="small-text">ACT, 2017</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="When"></a>
<div>
<h3 class="content-header">2. Когда я вернусь, будь дома</h3>
<h4 class="content-subheader">Эльчин Сафарли</h4>
</div>
<img src="img/when.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
Теперь я отчетливее ощущаю вечность жизни. Никто не умрет, и те, кто любил друг друга в одной жизни, непременно встретятся после. Тело, имя, национальность — все будет иным, но нас притянет магнитом: любовь связывает навсегда. А пока что я проживаю жизнь — люблю и, бывает, устаю от любви. Запоминаю мгновения, бережно храню в себе эту память, чтобы завтра или в следующей жизни обо всем написать.
</p>
<p class="small-text">ACT, 2017</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="It"></a>
<div>
<h3 class="content-header">3. Оно</h3>
<h4 class="content-subheader">Стивен Кинг</h4>
</div>
<img src="img/it.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
В маленьком провинциальном городке Дерри много лет назад семерым подросткам пришлось столкнуться с кромешным ужасом - живым воплощением ада. Прошли годы... Подростки повзрослели, и ничто, казалось, не предвещало новой беды. Но кошмар прошлого вернулся, неведомая сила повлекла семерых друзей назад, в новую битву со Злом. Ибо в Дерри опять льется кровь и бесследно исчезают люди. Ибо вернулось порождение ночного кошмара, настолько невероятное, что даже не имеет имени...
</p>
<p class="small-text">ACT, 2012</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="Flowers"></a>
<div>
<h3 class="content-header">4. Цветы для Элджернона</h3>
<h4 class="content-subheader">Дэниел Киз</h4>
</div>
<img src="img/flowers.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
Сорок лет назад это считалось фантастикой. Сорок лет назад это читалось как фантастика. Исследующая и расширяющая границы жанра, жадно впитывающая всевозможные новейшие веяния, примеряющая общечеловеческое лицо, отважно игнорирующая каинову печать "жанрового гетто". Сейчас это воспринимается как одно из самых человечных произведений новейшего времени, как роман пронзительной психологической силы, как филигранное развитие темы любви и ответственности. Не зря вышедшую уже в 1990-е книгу воспоминаний Киз назвал "Элджернон, Чарли и я".
</p>
<p class="small-text"> Эксмо, 2016</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="451"></a>
<div>
<h3 class="content-header">5. 451 градус по Фаренгейту</h3>
<h4 class="content-subheader">Рэй Брэдбери</h4>
</div>
<img src="img/451.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
451° по Фаренгейту - температура, при которой воспламеняется и горит бумага. Философская антиутопия Брэдбери рисует беспросветную картину развития постиндустриального общества: это мир будущего, в котором все письменные издания безжалостно уничтожаются специальным отрядом пожарных, а хранение книг преследуется по закону, интерактивное телевидение успешно служит всеобщему оболваниванию, карательная психиатрия решительно разбирается с редкими инакомыслящими, а на охоту за неисправимыми диссидентами выходит электрический пес...
</p>
<p class="small-text">Эксмо, 2016</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="1984"></a>
<div>
<h3 class="content-header">6. 1984</h3>
<h4 class="content-subheader">Джордж Оруэлл</h4>
</div>
<img src="img/1984.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
Своеобразный антипод второй великой антиутопии XX века "О дивный новый мир" Олдоса Хаксли. Что, в сущности, страшнее: доведенное до абсурда "общество появления" или доведенное до абсолюта "общество идеи"?
</p>
<p>
По Оруэллу, нет и не может быть ничего ужаснее тотальной несвободы...
</p>
<p class="small-text">ACT, 2015</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="Story"></a>
<div>
<h3 class="content-header">7. Таинственная история Билли Миллигана</h3>
<h4 class="content-subheader">Дэниел Киз</h4>
</div>
<img src="img/story.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
Билли просыпается и обнаруживает, что находится в тюремной камере. Ему сообщают, что он обвиняется в изнасиловании и ограблении. Билли потрясен: он ничего этого не делал! Последнее, что он помнит,- это как хотел броситься вниз с крыши здания школы. Ему говорят, что с тех пор прошло семь лет. Билли в ужасе: у него опять украли кусок жизни! Его спрашивают: что значит "украли кусок жизни"? И почему "опять"? Выходит, такое случается с ним не впервые? Но Билли не может ответить, потому что Билли ушел...
</p>
<p class="small-text">Эксмо, 2017</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="Train"></a>
<div>
<h3 class="content-header">8.Убийство в "Восточном экспрессе" </h3>
<h4 class="content-subheader">Агата Кристи</h4>
</div>
<img src="img/train.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
Находившийся в Стамбуле великий сыщик Эркюль Пуаро возвращается в Англию на знаменитом "Восточном экспрессе", в котором вместе с ним едут, кажется, представители всех возможных национальностей. Один из пассажиров, неприятный американец по фамилии Рэтчетт, предлагает Пуаро стать своим телохранителем, поскольку считает, что его должны убить. Знаменитый бельгиец отмахивается от этой абсурдной просьбы. А на следующий день американца находят мертвым в своем купе, причем двери закрыты, а окно открыто. Пуаро немедленно берется за расследование - и выясняет, что купе полно всевозможных улик, указывающих... практически на всех пассажиров "Восточного экспресса". Вдобавок поезд наглухо застревает в снежных заносах в безлюдном месте. Пуаро необходимо найти убийцу до того, как экспресс продолжит свой путь...
</p>
<p class="small-text">Эксмо, 2017</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="Pride"></a>
<div>
<h3 class="content-header">9. Гордость и предубеждение</h3>
<h4 class="content-subheader">Джейн Остин</h4>
</div>
<img src="img/pride.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
Книги знаменитой на весь мир английской писательницы Джейн Остин уже давно снискали себе славу и читательскую любовь. Перу Остин принадлежат такие изящные и искрометные романы, как "Мэнсфилд-парк", "Эмма", "Нортенгерское аббатство" и другие. В них, как отмечал С. Моэм, "ее интересовало обыкновенное, а не то, что зовется необыкновенным. Однако благодаря остроте зрения, иронии и остроумию все, что она писала, было необыкновенно". И все же наиболее совершенным из всего, что создано Джейн Остин, считается роман "Гордость и предубеждение", до сих пор не утративший ни капли своего неподражаемого очарования и блеска.
</p>
<p class="small-text">Азбука, 2013</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
<div class="content-small-block clearfix">
<a name="Friends"></a>
<div>
<h3 class="content-header">10. Три товарища</h3>
<h4 class="content-subheader">Эрих Мария Ремарк</h4>
</div>
<img src="img/friends.jpg" alt="Обложка книги" class="small-image">
<div>
<div>
<p>
Антифашизм и пацифизм, социальная критика с абстрактно-гуманистических позиций и неосуществимое стремление «потерянного поколения», разочаровавшегося в буржуазных ценностях, найти опору в дружбе, фронтовом товариществе или любви запечатлена в романе «Три товарища». Самый красивый в XX столетии роман о любви… Самый увлекательный в XX столетии роман о дружбе… Самый трагический и пронзительный роман о человеческих отношениях за всю историю XX столетия.
</p>
<p class="small-text">ACT, 2016</p>
</div>
<div>
<p class="social">
<button><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></button>
<button><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></button>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer row">
<div class="footer-contact">
<div class="footer-contact-header">Follow | Get in touch</div>
<!-- Contact links -->
<p class="social-color">
<!-- Facebook -->
<a href="https://www.facebook.com/profile.php?id=100009160726263" target="_blank" class="facebook">
<i class="socicon-facebook"></i>
</a>
<!-- LinkedIn -->
<a href="https://www.linkedin.com/in/karolina-dubitskaya-90248a143/" target="_blank" class="linkedin">
<i class="socicon-linkedin"></i>
</a>
<!-- VK -->
<a href="https://vk.com/barsalap" target="_blank" class="vk">
<i class="socicon-vkontakte"></i>
</a>
<!-- GitHub -->
<a href="https://github.com/KarolinaDubitskaya" target="_blank" class="github">
<i class="socicon-github"></i>
</a>
</p>
</div>
<!-- Navigation -->
<div class="footer-navigation">
<ul class="list-unstyled">
<li><i class="fa fa-home" aria-hidden="true"></i><a href="index.html">Главная</a></li>
<li><i class="fa fa-fire" aria-hidden="true"></i><a href="new.html">Новинки</a></li>
</ul>
<ul class="list-unstyled">
<li><i class="fa fa-bookmark" aria-hidden="true"></i><a href="authors.html">Авторы</a></li>
<li><i class="fa fa-user" aria-hidden="true"></i><a href="profile.php">Профиль</a></li>
</ul>
</div>
<!-- Information about project -->
<div class="footer-text">© BSUIR 2018.<br>Literature club "Globe" is a project by Karolina Dubitskaya</div>
</div>
</div>
</body>
</html>