-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
360 lines (330 loc) · 20 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
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
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Region77</title>
<link rel="stylesheet" href="./reset.css">
<link rel="stylesheet" href="./style.css">
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700&display=swap" rel="stylesheet">
</head>
<body>
<section class="intro">
<div class="container">
<div class="intro__content">
<div class="intro__text">
<h1>Регион 77</h1>
<p>ГК «Новые Коммуникационные Системы»</p>
</div>
<div class="intro__block"></div>
<img id="intro-arrow" src="./img/arrow.svg" alt="arrow">
</div>
</div>
</section>
<section id="specialization" class="specialization">
<div class="container">
<h1 class="specialization__header">Мы специализируемся в сфере PR, конфликтологии, реализации коммуникационных
<br class="tablet-none">проектов.</h1>
<h2 class="specialization__subheader">Предоставляем услуги в следующих областях:</h2>
<ul class="specialization__list">
<li class="specialization__list-item">
<span class="specialization__list-item-number">1</span>
<span id="f-escort" class="specialization__list-item-text">PR-сопровождение;</span>
</li>
<li class="specialization__list-item">
<span class="specialization__list-item-number">2</span>
<span id="f-management" class="specialization__list-item-text">GR-менеджмент;</span>
</li>
<li class="specialization__list-item">
<span class="specialization__list-item-number">3</span>
<span id="f-marketing" class="specialization__list-item-text">SMM-маркетинг;</span>
</li>
<li class="specialization__list-item">
<span class="specialization__list-item-number">4</span>
<span id="f-consulting" class="specialization__list-item-text">Политический консалтинг;</span>
</li>
<li class="specialization__list-item">
<span class="specialization__list-item-number">5</span>
<span id="f-conflictology" class="specialization__list-item-text">Конфликтология;</span>
</li>
</ul>
<img src="./img/men.png" alt="men">
</div>
</section>
<section id="escort" class="escort default-section">
<div class="container">
<img id="escort-1" src="./img/escort-1.png" alt="escort-1">
<img id="escort-2" src="./img/escort-2.png" alt="escort-2">
<div class="red-header">
<h1>PR-сопровождение</h1>
</div>
<ul class="default-list">
<li><span class="default-list__number">1.</span><span class="default-list__text">Формирование благоприятного отношения общества к политическим и
бизнес-структурам в Москве и регионах страны;</span>
</li>
<li><span class="default-list__number">2.</span><span class="default-list__text">Мониторинг СМИ с целью изучения характера и количества информации
об организации;</span>
</li>
<li><span class="default-list__number">3.</span><span class="default-list__text">Проведение встреч с журналистами: интервью, пресс-конференций,
брифингов, пресс-туров и т. д.;</span>
</li>
<li><span class="default-list__number">4.</span><span class="default-list__text">Подготовка информационных поводов, пресс-релизов, - инициирование
медиаматериалов об организации;</span>
</li>
<li><span class="default-list__number">5.</span><span class="default-list__text">Реагирование на появление в СМИ негативной информации об
организации, предотвращение подобных фактов;</span>
</li>
<li><span class="default-list__number">6.</span><span class="default-list__text">Разработка информационной
кампании в кризисной ситуации;</span>
</li>
<li><span class="default-list__number">7.</span><span class="default-list__text">Различного рода
мероприятий: PR- и промо-акций, конференций,
бизнес-тренингов, Проведениесоциальных акций с целью
привлечения внимания общества к деятельности организации;</span>
</li>
<li><span class="default-list__number">8.</span><span class="default-list__text">Ведение корпоративного
сайта, информационное сопровождение
социальных проектов и пиар-кампаний в соц.сетях (SMM);</span>
</li>
</ul>
</div>
</section>
<section id="managment" class="management default-section">
<div class="container">
<img id="managment-1" src="./img/managment-1.png" alt="managment-1">
<img id="managment-2" src="./img/managment-2.png" alt="managment-2">
<img id="managment-3" src="./img/managment-3.png" alt="managment-3">
<div class="red-header">
<h1>GR-менеджмент</h1>
</div>
<ul class="default-list">
<li><span class="default-list__number">1.</span><span class="default-list__text">Организация взаимодействия, продвижения и защиты интересов компании<br>в органах государственной власти и общественных организациях;</span>
</li>
<li><span class="default-list__number">2.</span><span class="default-list__text">Организация специализированных выставок и конференций для<br>представителей государственных органов;</span>
</li>
<li><span class="default-list__number">3.</span><span class="default-list__text">Проведение семинаров и презентаций для представителей государственных органов;</span>
</li>
<li><span class="default-list__number">4.</span><span class="default-list__text">Проведение анализа и отслеживание законодательных и политических тенденций;
</span>
</li>
</ul>
</div>
</section>
<section id="marketing" class="marketing default-section">
<div class="container">
<img src="./img/marketing.png" alt="marketing">
<div class="red-header">
<h1>SMM-маркетинг</h1>
</div>
<div class="marketing__grid">
<div class="marketing__col">
<ul class="default-list">
<li><span class="default-list__number">1.</span><span class="default-list__text">Мониторинг ресурсов сети Интернет 24/7 в
режиме on-line</span>
</li>
<li><span class="default-list__number">2.</span><span class="default-list__text">Сокращение временных затрат на поиск и
систематизацию интересующей информации</span>
</li>
<li><span class="default-list__number">3.</span><span class="default-list__text">Набор инструментов для анализа и
визуализации информации</span>
</li>
<li><span class="default-list__number">4.</span><span class="default-list__text">Качественная аналитическая деятельность</span>
</li>
<li><span class="default-list__number">5.</span><span class="default-list__text">Контроль за различными сферами деятельности
региона</span>
</li>
<li><span class="default-list__number">6.</span><span class="default-list__text">Мониторинг и предотвращение протестной
активности населения</span>
</li>
<li><span class="default-list__number">7.</span><span
class="default-list__text">Выявление резонансных событий</span>
</li>
<li><span class="default-list__number">8.</span><span class="default-list__text">Отслеживание важных новостей в режиме
реального времени</span>
</li>
</ul>
</div>
<div class="marketing__col">
<ul class="default-list">
<li><span class="default-list__number double">9.</span><span class="default-list__text">Мониторинг деятельности значимых лиц и организаций</span>
</li>
<li><span class="default-list__number">10.</span><span class="default-list__text">Размещение публикаций по темам конфликтов</span>
</li>
<li><span class="default-list__number">11.</span><span class="default-list__text">Мониторинг социальных сетей и блогосферы (аналитический
продукт со сбором цитат и ссылок на релевантные обсуждения)</span>
</li>
<li><span class="default-list__number">12.</span><span class="default-list__text">Подбор релевантных площадок, анализ блогосферы, подбор
площадок (форумов, сообществ в соцсетях, популярных блогов
и микроблогов), которые подходят по тематике и географии.</span>
</li>
<li><span class="default-list__number">13.</span><span class="default-list__text">Работа с комментариями. Ежедневный посев основных сообщений кампании.</span>
</li>
<li><span class="default-list__number">14.</span><span class="default-list__text">Работа с авторитетными блогерами</span>
</li>
<li><span class="default-list__number">15.</span><span class="default-list__text">Ежедневная отчетность о деятельности в интернете</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="consulting" class="consulting default-section">
<div class="container">
<img src="./img/consulting.png" alt="consulting">
<div class="red-header">
<h1>Политический консалтинг</h1>
</div>
<ul class="default-list">
<li>
<span class="default-list__number">1.</span>
<div>
<span>Социология и аналитика:</span>
<ul>
<li>Экспертные интервью, Глубинные интервью;</li>
<li>Фокус-группы;</li>
<li>Количественные опросы;</li>
<li>Медиа-аналитика;</li>
</ul>
</div>
</li>
<li><span class="default-list__number">2.</span><span class="default-list__text">Стратегирование кампаний</span>
</li>
<li><span class="default-list__number">3.</span><span class="default-list__text">Организация работы штаба</span>
</li>
<li><span class="default-list__number">4.</span>
<div>
<span>Эвенты:</span>
<ul>
<li>Проведение масштабных мероприятий – значимых информационных поводов, в том числе, с возможностью
проверки
мобилизационных сетей;
</li>
<li>Разработка и реализация фоновых/имиджевых мероприятий местного и регионального уровня, с участием одного
или
нескольких кандидатов;
</li>
<li>Встречи кандидатов с избирателями;</li>
<li>Сопровождение всей текущей активности кандидатов и партии в целом;</li>
<li>Привлечение к компании лидеров общественного мнения;</li>
<li>Организация и/или сопровождение деятельности «общественных приемных» и «горячих линий»;</li>
<li>Синхронизация деятельности/активности кандидатов и партии с актуальной федеральной повесткой;</li>
</ul>
</div>
</li>
<li><span class="default-list__number">5.</span>
<div>
<span>Работа с АПМ, медиа, Internet, SMM</span>
<ul>
<li>Разработка «бренд-бука» кампании;</li>
<li>Разработка и размещение АПМ, наружной рекламы, графики для соц. сетей, сувенирной продукции,
эксклюзивных
рекламных носителей и конструкций и т.д.;
</li>
<li>Создание и размещение материалов для печатных и интернет СМИ, активное ведение пиар-кампании в
социальных сетях;
</li>
</ul>
</div>
</li>
</ul>
</div>
</section>
<section id="conflictology" class="conflictology default-section">
<div class="container">
<img id="conflictology-1" src="./img/conflictology-1.png" alt="conflictology-1">
<img id="conflictology-2" src="./img/conflictology-2.png" alt="conflictology-2">
<div class="red-header">
<h1>Конфликтология</h1>
</div>
<h1 class="conflictology__header">Проведение публичных слушаний:</h1>
<ul class="default-list">
<li><span class="default-list__number double">1.</span><span class="default-list__text">Подбор модератора;</span>
</li>
<li><span class="default-list__number double">2.</span><span class="default-list__text">Подготовка и реализация спец-мероприятий для формирования общественного мнения относительно предмета слушаний;</span>
</li>
<li><span class="default-list__number double">3.</span><span class="default-list__text">Планирование зала, мобилизация и регистрация участников слушаний;</span>
</li>
<li><span class="default-list__number double">4.</span><span class="default-list__text">Подготовка групп реагирования (коммуникаторов, групп «мягкого воздействия» - фото- видеосъемка, запись ФИО)
для нейтрализации негативно настроенных участников;</span></li>
<li><span class="default-list__number double">5.</span><span class="default-list__text">Планирование слушаний «под ключ»</span>
</li>
<li><span class="default-list__number double">6.</span><span class="default-list__text">Организация подписной кампании</span>
</li>
<li><span class="default-list__number double">7.</span><span class="default-list__text">Подготовка группы фото- видео- мониторинга хода слушаний;</span>
</li>
<li><span class="default-list__number double">8.</span><span class="default-list__text">Тренинг спикеров – представителей застройщика;</span>
</li>
<li><span class="default-list__number double">9.</span><span class="default-list__text">Подготовка вопросов и ответов;</span>
</li>
<li><span class="default-list__number">10.</span><span class="default-list__text">Приглашение СМИ, работа с прессой;</span>
</li>
<li><span class="default-list__number">11.</span><span class="default-list__text">SMM-поддержка, коррекция инфополя;</span>
</li>
</ul>
<h1 class="conflictology__header">Работа на территории:</h1>
<ul class="default-list">
<li><span class="default-list__number">1.</span><span class="default-list__text">Мониторинг и анализ текущей ситуации;</span>
</li>
<li><span class="default-list__number">2.</span><span
class="default-list__text">Формирование районного актива;</span></li>
<li><span class="default-list__number">3.</span><span class="default-list__text">Работа с муниципальными депутатами и депутатами МГД;</span>
</li>
<li><span class="default-list__number">4.</span><span class="default-list__text">Отработка карты конфликтов округа;</span>
</li>
<li><span class="default-list__number">5.</span><span class="default-list__text">Мониторинг и отработка социальных сетей округа;</span>
</li>
<li><span class="default-list__number">6.</span><span class="default-list__text">Контркампания против оппозиционнеров;</span>
</li>
<li><span class="default-list__number">7.</span><span class="default-list__text">Организация и участие в митингах, пикетах, круглых столах;</span>
</li>
<li><span class="default-list__number">8.</span><span
class="default-list__text">Работа в социальных сетях, чатах;</span></li>
</ul>
</div>
</section>
<section class="contacts default-section">
<div class="container">
<div class="red-header">
<h1>Наши контакты</h1>
</div>
<div class="contacts__section">
<p>Электронная почта</p>
<p><span>[email protected]</span></p>
</div>
</div>
</section>
<script>
// blocks
const specialization = document.getElementById('specialization');
const escort = document.getElementById('escort');
const managment = document.getElementById('managment');
const marketing = document.getElementById('marketing');
const consulting = document.getElementById('consulting');
const conflictology = document.getElementById('conflictology');
// functional elements
const arrow = document.getElementById('intro-arrow');
const fEscort = document.getElementById('f-escort');
const fManagment = document.getElementById('f-management');
const fMarketing = document.getElementById('f-marketing');
const fConsulting = document.getElementById('f-consulting');
const fConflictology = document.getElementById('f-conflictology');
function scrollTo(el) {
return () => {
const top = el.getBoundingClientRect().y;
window.scrollBy({
top,
behavior: 'smooth'
});
};
}
arrow.onclick = scrollTo(specialization);
fEscort.onclick = scrollTo(escort);
fManagment.onclick = scrollTo(managment);
fMarketing.onclick = scrollTo(marketing);
fConsulting.onclick = scrollTo(consulting);
fConflictology.onclick = scrollTo(conflictology);
</script>
</body>
</html>