This repository has been archived by the owner on Oct 10, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
334 lines (308 loc) · 24.6 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
<!DOCTYPE html>
<html lang="en">
<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>selector</title>
<link rel="stylesheet" href="./css/owl.carousel.min.css" />
<link rel="stylesheet" href="./css/style.css">
<script src="./js/jquery.js"></script>
<script src="./js/owl.carousel.min.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
<header>
<div class="container">
<div class="flexbox f-between">
<div class="logo">
<img src="./img/logo.svg" alt="">
</div>
<nav>
<ul>
<li><a href="#">О НАС</a></li>
<li><a href="#">КОМАНДА</a></li>
<li><a href="#">СФЕРЫ</a></li>
<li><a href="#">КОНТАКТЫ</a></li>
</ul>
</nav>
</div>
</div>
</header>
<section class="train">
<img src="./img/trine.png" alt="">
<div class="block">
<div class="container">
<div class="flexbox">
<div class="f-1 ">
</div>
<div class="f-1 banner">
<div class="title">СЕЛЕКТОР –<br>
<span>ЭТО ВОЗМОЖНОСТИ</span>
</div>
<p>Селектор – это агентство коммуникаций, предлагающее услуги по реализации проектов разного
уровня сложности – от небольшого «камерного» мероприятия до политического консалтинга.
Специалистами агентства реализовано множество проектов в разных отраслях – как для небольших
компаний, так и государственного уровня.</p>
<p>Агентство Селектор помогает людям и компаниям выстраивать эффективные коммуникации с
конечными потребителями услуг и товаров.</p>
<p>Мы специализируемся на разработке коммуникационных стратегий, формировании тактики проведения
проектов, разрабатываем эффективные решения для коммуникационных задач совместно с
заказчиком.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div id="partners" class="owl-carousel owl-theme">
<div> <img src="./img/logo-1.png" alt="" srcset=""> </div>
<div> <img src="./img/logo-2.png" alt="" srcset=""> </div>
<div> <img src="./img/logo-3.png" alt="" srcset=""> </div>
<div> <img src="./img/logo-4.png" alt="" srcset=""> </div>
<div> <img src="./img/logo-1.png" alt="" srcset=""> </div>
<div> <img src="./img/logo-2.png" alt="" srcset=""> </div>
<div> <img src="./img/logo-3.png" alt="" srcset=""> </div>
<div> <img src="./img/logo-4.png" alt="" srcset=""> </div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="title title-center">СФЕРЫ<br>
<span>ДЕЯТЕЛЬНОСТИ</span>
</div>
</div>
<div class="tabs">
<div class="container">
<div class="switchs">
<div class="switch active" data-for="tab-1">ОРГАНИЗАЦИЯ
МЕРОПРИЯТИЙ</div>
<div class="switch" data-for="tab-2">ПОЛИТИЧЕСКАЯ
ДЕЯТЕЛЬНОСТЬ</div>
<div class="switch" data-for="tab-3">Социологические исследования</div>
<div class="switch" data-for="tab-4">PR консалтинг</div>
<div class="switch" data-for="tab-5">Government relations</div>
</div>
</div>
<div class="tabs_content">
<div id="tab-1" class="tab active">
<div class="ivent">
<div class="flexbox">
<div class="tab-info">
<div class="tab-title">Организация мероприятий</div>
<p>Наше агентство организует корпоративные и бизнес-мероприятия любого масштаба –
внешние и корпоративные.
Возможна как организация в формате «под ключ», так и по отдельным позициям. Полное
сопровождение на всех
этапах реализации – от поиска подрядчиков до проведения мероприятия. Организация
трансфера для выездных
мероприятий, аренда площадок для проведения, помощь в представлении компании на
выставках, форумах,
конференциях.</p>
<button>подробнее</button>
<!-- <p>Специалистами агентства успешно организовано и проведено множество масштабных и ярких
мероприятий,
построены крепкие партнерские отношения с Клиентами.</p>
<p>Успешно реализуем следующие форматы мероприятий:</p>
<ul>
<li>деловые мероприятия,</li>
<li>семинары, тренинги</li>
<li>бизнес форумы, отчетные собрания</li>
<li>презентации и выставки</li>
<li>пресс конференции и пресс-туры, выездные мероприятия любого формата;</li>
<li>церемонии вручения премий и торжественные открытия объектов, гала-концерты и
т.д.</li>
</ul>
<p>Мы гарантируем:</p>
<ul>
<li>высокое качество реализации каждого проекта;</li>
<li>детальную проработку целей и задач Заказчика;</li>
<li>поиск наилучших решений при создании проекта;</li>
<li>подбор лучших исполнителей и качественные услуги согласно утвержденному
сценарию;</li>
<li>оптимальное соотношение цены и качества исполняемых услуг;</li>
<li>организацию ярких, запоминающихся мероприятий.
</li>
</ul> -->
</div>
<div class="tab-img" style="background-image: url(./img/img-1.jpg);">
<img src="./img/tr2.png" alt="">
</div>
</div>
</div>
</div>
<div id="tab-2" class="tab ">
<div class="ivent">
<div class="flexbox">
<div class="tab-info">
<div class="tab-title">Политический PR</div>
<p>Политический PR в первую очередь востребован представителями партий и депутатами -
часто не только по случаю предвыборных кампаний, но и для проработки стратегии
поведения, формирования репутации, качественного представления идей лидеров партий и
донесения их до общества.
</p>
<button>подробнее</button>
<!-- <p>Политический PR подразумевает под собой полный контроль публичной деятельности
человека. Личность человека говорящего от лица страны должна внушать доверие, а его
идеи и программа партии должны быть грамотно, в соответствующем контексте донесены
до населения. Важна четкая формулировка и профессионализм команды, обеспечивающей
поддержку лидеру партии или иному политическому лицу.
</p>
<p>Среди наших клиентов самые разные политические партии и общественные движения.
Командой специалистов Селектора начиная с 2014 года успешно реализовано множество
политических проектов в разных уголках страны – от столицы до Пермского края.
</p>
<p> К нам обращаются кандидаты в депутаты от партии, кандидаты в депутаты по
одномандатному округу, кандидаты в мэры и губернаторы, а также избираемые чиновники
всех уровней по всей России с задачей организовать и провести необходимые
политические мероприятия.
</p>
<p>Мы предлагаем:</p>
<ul>
<li>Политический PR, разработку и продвижение политического имиджа;</li>
<li>работу со СМИ, организацию и проведение пресс-конференций;</li>
<li>юридический консалтинг в области избирательного права;</li>
<li>агитационную работу, организацию избирательного штаба;</li>
<li>организацию встреч с населением, социальных проектов, общественных слушаний;
</li>
<li>финансовый консалтинг – грамотное управление финансами и избирательным фондом в
соответствии с избирательным законодательством РФ.</li>
</ul> -->
</div>
<div class="tab-img" style="background-image: url(./img/img-1.jpg);">
<img src="./img/tr2.png" alt="">
</div>
</div>
</div>
</div>
<div id="tab-3" class="tab ">
<div class="ivent">
<div class="flexbox">
<div class="tab-info">
<div class="tab-title">Социологические исследования</div>
<p>Социологические исследования – это эффективный инструмент для развития бизнеса.
Благодаря информации, полученной в ходе таких исследований становится возможным
получить обратную связь и проанализировать положение компании на рынке, выявить
методы конкурентной борьбы.
</p>
<button>подробнее</button>
<!-- <p>Нашим агентством проводятся любые виды аналитических и социологических исследований.
Команда экспертов оптимизирует технические задания и затраты на исследования, также
предлагаем организацию проведения фокус-групп и экспертных интервью.
</p>
<p>Социологические исследования нужны для:</p>
<ul>
<li>экспертной оценки состояния и тенденций развития рынка, определения положения
компании в рынке;</li>
<li>исследования отношения потребителя к продуктам компании, позволяющие найти свой
целевой сегмент и занять правильную нишу;</li>
<li>оценки узнаваемости бренда, исследования новых услуг и продуктов, выпускаемых
компанией;</li>
<li>изучения возможной реакции покупателя на изменение цены товара, уровня доходов и
других факторов.</li>
</ul>
<p>Мы разрабатываем только качественные и эффективные исследования, позволяющие вывести
бизнес на новый уровень и занять устойчивое, конкурентоспособное положение в рынке и
отрасли.</p> -->
</div>
<div class="tab-img" style="background-image: url(./img/img-1.jpg);">
<img src="./img/tr2.png" alt="">
</div>
</div>
</div>
</div>
<div id="tab-4" class="tab ">
<div class="ivent">
<div class="flexbox">
<div class="tab-info">
<div class="tab-title">PR консалтинг</div>
<p>PR консалтинг – инструмент современного бизнеса. При помощи современных PR технологий
возможно донести ключевую информацию о продукте и компании до целевой аудитории,
повысить узнаваемость бренда и выйти на новый рынок.
</p>
<button>подробнее</button>
<!-- <p>Наша команда разрабатывает стратегии для повышения доверия к компании и ее
продуктам. Для качественного результата мы проводим исследования целевой
аудитории, обеспечиваем коммуникацию с конечными потребителями услуг с при
помощи эффективных каналов.
</p>
<p>Выполняем тщательный анализ рынка и конкурентов, консультируем по самому
широкому кругу вопросов, касающихся деятельности компании, так и отрасли в
целом, обеспечиваем правовую поддержку.
</p>
<p>Гарантируем публикации в проверенных СМИ, помогаем с написанием
пресс-релизов, анонсов, статей. Поможем в разработке и подготовке
презентации продукта, организуем яркие и запоминающиеся пресс-мероприятия.
</p> -->
</div>
<div class="tab-img" style="background-image: url(./img/img-1.jpg);">
<img src="./img/tr2.png" alt="">
</div>
</div>
</div>
</div>
<div id="tab-5" class="tab ">
<div class="ivent">
<div class="flexbox">
<div class="tab-info">
<div class="tab-title">Government relations (GR)</div>
<p>Government relations (GR) - это отношения с государственными чиновниками. Наша
компания предлагает наиболее эффективные GR-стратегии и проекты, основанные на
организации взаимовыгодных форм общения между представителями бизнеса и
правительства. Мы помогаем нашим клиентам вести диалог на уровне взаимовыгодных форм
общения между представителями бизнеса и правительства.
</p>
<button>подробнее</button>
<!-- <p>Мы разрабатываем стратегии для воздействия на механизмы экономического управления и
регулирования отрасли, основанные на синтезе интересов правительства и клиентов,
которые демонстрируют важность конкретного проекта для общества, власти и бизнеса и
показывают, какие проблемы будут решены при реализации этого проекта.
</p>
<p>GR консалтинг – это:</p>
<ul>
<li>Организация цивилизованного диалога между властью и бизнесом;
</li>
<li>Мониторинг лоббистских кампаний в России и за рубежом;
</li>
<li>Анализ групп влияния и коммуникаций между элитами;
</li>
<li>Анализ и минимизация политических рисков;
</li>
<li>Продвижение интересов российских компаний за рубежом;
</li>
<li>Обеспечение выхода иностранных компаний на российские рынки.
</li>
<li>Работа с экспертным сообществом, СМИ и общественным мнением.
</li>
</ul> -->
</div>
<div class="tab-img" style="background-image: url(./img/img-1.jpg);">
<img src="./img/tr2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="form">
<div class="title title-center">СВЯЖИТЕСЬ<br>
<span>С НАМИ</span>
</div>
<label for="c-fio">ПРЕДСТАВЬТЕСЬ:</label>
<input type="text" id="c-fio" placeholder="ИВАНОВ ПЕТР ИВАНОВИЧ">
<label for="c-phone">ВАШ НОМЕР ТЕЛЕФОНА:</label>
<input type="text" id="c-phone" placeholder="8 800 000-00-00">
<label for="c-email">E-MAIL:</label>
<input type="text" id="c-email" placeholder="[email protected]">
<label for="c-message">СООБЩЕНИЕ:</label>
<textarea id="c-message" cols="30" rows="10" placeholder="ПРИ ЖЕЛАНИИ ОСТАВЬТЕ
СВОЁ СООБЩЕНИЕ"></textarea>
<button>ОТПРАВИТЬ</button>
</div>
</footer>
</body>
</html>