-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
297 lines (280 loc) · 18.8 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
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1024">
<title>Летняя компьютерная школа</title>
<meta name="description" content="Обучаем школьников алгоритмическому программированию. Следующие смены — в июле и августе 2017">
<meta name="author" content="ЛКШ">
<link rel="stylesheet" href="assets/css/reset.css?v=1.0">
<link rel="stylesheet" href="assets/css/global.css?v=20161217">
<link rel="stylesheet" href="assets/css/fonts.css?v=1.0">
<link rel="stylesheet" href="assets/css/grid.css?v=1.0">
<link rel="stylesheet" href="assets/css/main-page.css?v=20161213">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="wide-container">
<div class="header with-background">
<div class="header__top">
<div class="container">
<img class="header__logo" src="images/logo.png" alt="Летняя компьютерная школа">
<div class="header__profile white green-on-hover">
<a href="http://sistema.lksh.ru">
</a>
</div>
</div>
</div>
<div class="container">
<div class="header__title">
<h1>
Летняя<br />
компьютерная<br/>
школа <span class="cursor"></span>
</h1>
<div class="header__subtitle">
<p>
Программирование<br/>для учеников <nobr>6–10 классов</nobr>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="school-announces row">
<div class="col xs-12 sm-8">
<div class="school-announce green" id="summer">
<div class="title">
Летние смены
</div>
<div class="dates --with-border">
28 июня — 17 июля<br />
21 июля — 10 августа
</div>
<div class="description mbn">
<div class="row">
<div class="school-announce__menu col xs-6 md-5">
<ul>
<li class="school-announce__menu__header">Как это будет</li>
<li><a href="study.html">Учёба</a></li>
<li><a href="life.html">Быт</a></li>
<li class="inactive"><a href="day.html">Распорядок дня</a></li>
</ul>
</div>
<div class="school-announce__menu timeline col xs-6 md-7">
<ul>
<li class="school-announce__menu__header no-timeline">Как попасть в ЛКШ</li>
<li class="inactive">
<div class="timeline-point"><span>1</span></div>
<a href="#">Поступить</a>
<p class="description">
Вступительная работа будет опубликована 27 марта.
Принимаются школьники из любых стран,
заканчивающие в этом году <nobr>6–10 классы</nobr>.
</p>
</li>
<li class="inactive">
<div class="timeline-point"><span>2</span></div>
<a href="#">Заполнить анкету зачисленного</a>
</li>
<li class="inactive">
<div class="timeline-point"><span>3</span></div>
<a href="#">Заплатить оргвзнос</a>
<p class="description">
В прошлом году он составил 39 000 рублей.
Победителям олимпиад скидки.
</p>
</li>
<li class="inactive">
<div class="timeline-point"><span>4</span></div>
<a href="#">Загрузить сканы документов</a>
</li>
<li class="inactive">
<div class="timeline-point"><span>5</span></div>
<a href="#">Заполнить анкету о приезде</a>
</li>
<li class="inactive">
<div class="timeline-point"><span>6</span></div>
<a href="#">Собраться</a>
</li>
<li class="inactive">
<div class="timeline-point"><span>7</span></div>
<a href="#">Приехать</a>
<p class="description">
Обе смены пройдут в Костромской области.
Мы организуем централизованный заезд из Москвы и Санкт-Петербурга.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col xs-12 sm-4 mt50 sm-mtn">
<div class="school-announce red" style="opacity: 0.5">
<div class="title">
Зимняя смена
</div>
<div class="dates small --with-border">
Новогодние каникулы 2016–2017
</div>
<div class="description">
<p>
подмосковый пансионат, <br />
только участники летних смен 2016
</p>
</div>
<a href="winter.html" class="">
Подробности
</a>
</div>
</div>
</div>
<h2 class="sm-mt50">Программирование</h2>
<p class="mt20 mw900">
В <span class="caps">ЛКШ</span> поступают ученики 6–10 классов, у которых есть хотя бы начальные навыки программирования. Мы даем стройную теоретическую базу, которую сложно получить школьнику, если он учится самостоятельно. На ежедневных практических занятиях школьники закрепляют полученные знания.
</p>
<div class="row">
<div class="text-block col xs-12 sm-6 md-5">
<h3>Для начинающих</h3>
<p>
Понятный и лаконичный код на Питоне или <nobr>С++</nobr>
</p>
<p>
Базовые алгоритмы и структуры данных в теории и в олимпиадных задачах
</p>
<p>
Математика для решения нестандартных задач: комбинаторика, теория графов, начала теории чисел
</p>
</div>
<div class="text-block col xs-12 sm-6 md-offset-1">
<h3>Для опытных олимпиадников</h3>
<p>
Продвинутые алгоритмы и структуры данных, методы их построения и анализа
</p>
<p>
Промышленное программирование — разработка полноценного продукта для людей
</p>
<p>
Машинное обучение
</p>
</div>
</div>
</div>
<div class="wide-container">
<div class="image-slider">
<div class="image">
<div class="container">
<div class="mw300">
<h2 class="mtn">Спорт и творчество</h2>
<p>
Во второй половине дня мы устраиваем спортивные матчи, интеллектуальные игры, фотокроссы или просто посиделки у костра.
</p>
<p>
На спецкурсах и в клубах школьники учатся рисовать, танцевать, решать лингвистические задачи и оказывать первую помощь.
</p>
</div>
<div class="description description-black">
<div class="line"><span>Август 2013. Тренировка</span></div>
<div class="line"><span>перед матчем по женскому</span></div>
<div class="line"><span>футболу</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h2 class="portraits-header">
Две с половиной тысячи школьников с 1999 года
</h2>
<div class="portraits">
<div class="portrait with-cite with-cite-right large level-1">
<img src="images/main/faces/face_0033_Векторный-смарт-объект.png" />
<div class="cite mt20">
<div class="title">
Саша Иглина
</div>
<div class="about">
студентка <span class="caps">МФТИ</span>,
преподаватель <span class="caps">ЛКШ</span>, училась в <span class="caps">ЛКШ</span> в 2012–2013 гг.
</div>
<div class="text">
<span class="hlaquo">«</span>Именно после <span class="caps">ЛКШ</span> я поняла, как хочу жить дальше и куда мне для этого поступать»
</div>
</div>
</div>
<div class="portrait with-cite with-cite-left large level-1">
<img src="images/main/faces/face_0034_Векторный-смарт-объект.png" />
<div class="cite">
<div class="title">
Андрей Гейн
</div>
<div class="about">
программист в «<span class="caps">СКБ</span> Контур», преподаватель <span class="caps">ЛКШ</span>, учился в <span class="caps">ЛКШ</span> в 2005–2007 гг.
</div>
<div class="text">
<span class="hlaquo">«</span>Олимпиадное программирование — это весёлый способ очень сильно прокачать мозг»
</div>
</div>
</div>
<div class="portrait medium level-2"><img src="images/main/faces/face_0006_VUqNGdrkJvM.png" /></div>
<div class="portrait small level-2"><img src="images/main/faces/face_0009_A7-—-Евгений-Коган.png" /></div>
<div class="portrait small level-2"><img src="images/main/faces/face_0010_A1-—-Александра-Олемская.png" /></div>
<div class="portrait medium level-2"><img src="images/main/faces/face_0013_DSC_2897.png" /></div>
<div class="portrait small level-2"><img src="images/main/faces/face_0014_B8-—-Темиржан-Юсупов.png" /></div>
<div class="portrait small level-2"><img src="images/main/faces/face_0015_D1-—-Савелий-Карпухин.png" /></div>
<div class="portrait small level-2"><img src="images/main/faces/face_0018_G6boU_dCunQ.png" /></div>
<div class="portrait small level-3"><img src="images/main/faces/face_0021_A7-—-Ильдар-Гайнуллин.png" /></div>
<div class="portrait medium level-3"><img src="images/main/faces/face_0031_fkufgm_BmJA.png" /></div>
<div class="portrait small level-3"><img src="images/main/faces/face_0023_JDTIoTS9rvI.png" /></div>
<div class="portrait medium level-3"><img src="images/main/faces/face_0024_H_gD6bk_lPQ.png" /></div>
<div class="portrait medium level-3"><img src="images/main/faces/face_0025_PXbgk8BQXxw.png" /></div>
<div class="portrait medium level-3"><img src="images/main/faces/face_0026_6OAM3Rnb54c.png" /></div>
<div class="portrait medium level-3"><img src="images/main/faces/face_0029_Qx9labNk6VQ.png" /></div>
<div class="portrait small level-3"><img src="images/main/faces/face_0030_0BIqkRAz0J0.png" /></div>
<div class="portrait small level-3"><img src="images/main/faces/face_0032_rRpdenL8o1s.png" /></div>
<div class="portrait small level-3"><img src="images/main/faces/face_0035_5TjL3EM0cWA.png" /></div>
</div>
<div class="sponsors">
<a href="https://yandex.ru/" target="_blank"><img src="images/main/logos/logo-01.png"></a>
<a href="https://vk.com/" target="_blank"><img src="images/main/logos/logo-02.png"></a>
<a href="https://mail.ru/" target="_blank"><img src="images/main/logos/logo-03.png"></a>
<a href="https://kontur.ru/" target="_blank"><img src="images/main/logos/logo-04.png"></a>
<a href="https://devexperts.com/" target="_blank"><img src="images/main/logos/logo-05.png"></a>
<a href="http://looksery.com/" target="_blank"><img src="images/main/logos/logo-06.png"></a>
<a href="http://croc.ru/" target="_blank"><img src="images/main/logos/logo-07.png"></a>
<a href="https://1c.ru/" target="_blank"><img src="images/main/logos/logo-08.png"></a>
<a href="https://jetbrains.com/" target="_blank"><img src="images/main/logos/logo-09.png"></a>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col xs-12 sm-5 md-6">
<div class="row">
<div class="col xs-2 sm-3 md-2">
<a href="http://old.lksh.ru">Архив</a>
</div>
<div class="col xs-2 sm-2">
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
<div class="col xs-12 sm-7 md-6 pt10 sm-ptn sm-ta-right">
Сделано <a href="http://artgorbunov.ru/">в Школе стажёров Бюро Горбунова</a> в 2016 году
</div>
</div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/global.js"></script>
<script src="assets/js/main-page.js"></script>
<!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter40512365 = new Ya.Metrika({ id:40512365, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/40512365" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
</body>
</html>