-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
539 lines (536 loc) · 28.8 KB
/
home.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
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Главная</title>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
<!-- <style>body{opacity: 0;}</style> -->
<link rel="stylesheet" href="css/style.min.css?_v=20221203182516">
<link rel="shortcut icon" href="favicon.ico">
<!-- <meta name="robots" content="noindex, nofollow"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="wrapper">
<!-- //======================================================================================================================================================== -->
<header class="header">
<div class="header__container">
<div class="header__navigation">
<div class="header__logo"><a href="../home.html">SENDFLIPS.</a></div>
<ul class="header__links">
<li class="header__item"><a href="../cart.html" class="header__link">Тележки</a></li>
<li class="header__item"><a href="../display.html" class="header__link">Дисплеи</a></li>
<li class="header__item"><a href="../dexa.html" class="header__link">Программа</a></li>
</ul>
</div>
<div data-da=".header__select, 500" class="header__form">
<select name="form[]" data-class-modif="form">
<option value="1" selected>RU</option>
<option value="2">KG</option>
<option value="3">ENG</option>
<option value="4">KGZ</option>
</select>
<button data-da=".menu__button, 500" type="button" class="header__button">Войти в Dexa</button>
</div>
<div class="header__menu menu">
<div class="header__select"></div>
<button type="button" class="icon-menu"><span></span></button>
<nav class="menu__body">
<div class="menu__logo"><a href="">SENDFLIPS.</a></div>
<div class="menu__navigation">
<ul class="menu__list">
<li class="menu__item"><a href="" class="menu__link">Тележки</a></li>
<li class="menu__item"><a href="" class="menu__link">Дисплеи</a></li>
<li class="menu__item"><a href="" class="menu__link">Программа</a></li>
</ul>
<div class="menu__button"></div>
</div>
</nav>
</div>
</div>
</header>
<!-- //======================================================================================================================================================== -->
<main class="page">
<section class="section__main main">
<div class="main__container">
<div class="main__body">
<h2 class="main__title">Рекламные дисплеи</h2>
<div class="main__text">
<p>Технические и программные разработки на основе пользовательского опыта</p>
</div>
</div>
</div>
</section>
<section class="section__goal goal">
<h1 class="goal__bigtitle">SendFilms</h1>
<div class="goal__container">
<div class="goal__content content-goal">
<div class="content-goal__about">
<h1 class="content-goal__title">SendFilms</h1>
<div class="content-goal__text">
<p>Компания которая развивает альтернативные оффлайн коммуникаций с помощью мировых
технологий</p>
</div>
</div>
<div class="content-goal__what">
<div class="content-goal__item">
<div class="content-goal__our">Наша цель</div>
<a href="" class="content-goal__link _icon-arrow-down">Подробнее</a>
</div>
<div class="content-goal__block">
<div class="content-goal__subtitle">Что мы делаем?</div>
<div class="content-goal__subtext">
<p>Создаем экосистему продуктов и програмных решений в области оффлайн видео и аудио
коммуникаций.</p>
</div>
<a href="" class="content-goal__link _icon-arrow-down">Подробнее</a>
</div>
</div>
</div>
<div class="goal__bottom bottom-goal">
<h1 class="bottom-goal__title">Наши продукты</h1>
<div class="bottom-goal__text">
<p>Делают вас более доступными для ваших <br> настоящих и будущих клиентов.</p>
</div>
</div>
</div>
</section>
<section class="section__displays displays">
<div class="displays__container">
<h1 class="displays__title title">Рекламные дисплеи в лифте</h1>
<div class="displays__text text">
<p>Продавайте рекламное место в лифтах Вашей недвижимости. <br class="displays-br"> Яркий
дисплей 100% привлечет
внимание пассажиров лифта.</p>
</div>
<div class="displays__image"><img src="img/displays/image.svg" alt=""></div>
<div class="displays__items">
<div class="displays__item">
<div class="displays__squere"><img src="img/icons/voice.svg" alt=""></div>
<div class="displays__about">Продавайте площадку <br>
для рекламы</div>
</div>
<div class="displays__item">
<div class="displays__squere">от 10%</div>
<div class="displays__about">Получайте % от <br> каждой покупки </div>
</div>
<div class="displays__item">
<div class="displays__squere">NFC</div>
<div class="displays__about">Оплата в одно касание <br> с помощью NFC-модуля</div>
</div>
<button data-da=".displays__more, 991.98" type="button" class="displays__button btn">Подробнее</button>
</div>
<div class="displays__more"></div>
</div>
</section>
<section class="section__sale sale">
<div class="sale__container">
<h1 class="sale__title title">Торговые тележки с встроенным дисплеем</h1>
<div class="sale__text text">
<p>Продавайте рекламу в Вашем торговом центре. Подарите <br> дополнительный комфрот для Ваших
клиентов.</p>
</div>
<div class="sale__after">
<div class="sale__ostitle">Совместимость со всеми программами и OC</div>
<div class="sale__subtext text">Наши конструкции совместимы с любой операционной системой. Так
же с любой
платформой для настройки.</div>
</div>
<div class="sale__image"><img src="img/sale/image.svg" alt=""></div>
<div class="sale__items">
<div class="sale__item">
<div class="sale__squere"><img src="img/icons/code.svg" alt=""></div>
<div class="sale__about">Автоматическое <br> считывание товаров</div>
</div>
<div class="sale__item">
<div class="sale__squere"><img src="img/icons/burger.svg" alt=""></div>
<div class="sale__about">Все товары отображаются <br>
на дисплее тележки</div>
</div>
<div class="sale__item">
<div class="sale__squere">NFC</div>
<div class="sale__about">Оплата в одно касание <br> с помощью NFC-модуля</div>
</div>
<div class="sale__button">
<button type="button" class="btn">Подробнее</button>
</div>
</div>
</div>
</section>
<section class="section__marga marga">
<div class="marga__container">
<div class="marga__item">
<h4 class="marga__title">Маржинальность до 10%</h4>
<div class="marga__text text">
<p>Получайте дополнительный доход
с продоваемой рекламы. Вы получите % <br>
с прямой покупки во время эфира</p>
</div>
</div>
<div class="marga__item">
<h4 class="marga__title">Совместимость со всеми программами и OC</h4>
<div class="marga__text text">
<p>Продавайте рекламируемый товар на месте! Клиенту достаточно выбрать необходимый товар или
услугу и оплатить его с помощью любого гаджета с NFC модулем</p>
</div>
</div>
<div class="marga__image"><img src="img/marga/image.svg" alt=""></div>
<div class="marga__button"><button type="button" class="btn">Подробнее</button></div>
</div>
</section>
<section class="section__program program">
<div class="program__container">
<h1 class="program__title title">Программа для <br> настройки рекламы</h1>
<div class="program__text text">
<p>DEXA - Дополнительная монитезация Ваших рекламных конструкций</p>
</div>
<div class="program__body">
<div class="program__image"><img src="img/program/image.svg" alt=""></div>
<div class="program__content">
<div class="program__block">
<h3 class="program__subtitle">Контролируйте и продавайте свободный эфир</h3>
<div class="program__subtext">DEXA может монетизировать свободный эфир на ваших экранах,
за счет интуитивного распределения времени показа</div>
</div>
<div class="program__benef">Дополнительная монетизация <br> Ваших цифровых экранов</div>
<div class="program__benef">Подробная статистика <br> и отчетность</div>
</div>
<div class="program__slider slider-program swiper">
<div class="slider-program__wrapper swiper-wrapper">
<div class="slider-program__slide slide-program swiper-slide">
<div class="slide-program__body">
<h3 class="slide-program__title">Контролируйте и продавайте свободный эфир</h3>
<div class="slide-program__text">Ставьте ваши креативы в эфир в любом порядке,
даже
в действующие рекламные кампании. Задействуйте весь свободный эфир своих
конструкций </div>
</div>
</div>
<div class="slider-program__slide slide-program swiper-slide">
<div class="slide-program__body">
<h3 class="slide-program__title">Контролируйте и продавайте свободный эфир</h3>
<div class="slide-program__text">Ставьте ваши креативы в эфир в любом порядке,
даже
в действующие рекламные кампании. Задействуйте весь свободный эфир своих
конструкций </div>
</div>
</div>
<div class="slider-program__slide slide-program swiper-slide">
<div class="slide-program__body">
<h3 class="slide-program__title">Контролируйте и продавайте свободный эфир</h3>
<div class="slide-program__text">Ставьте ваши креативы в эфир в любом порядке,
даже
в действующие рекламные кампании. Задействуйте весь свободный эфир своих
конструкций </div>
</div>
</div>
</div>
</div>
<div class="program__blocks blocks-program">
<div class="blocks-program__block">
<h3 class="blocks-program__title">Дополнительная монетизация Ваших цифровых экранов</h3>
<div class="blocks-program__text">
<p>DEXA может монетизировать свободный эфир на ваших экранах, за счет интуитивного
распределения времени показа</p>
</div>
</div>
<div class="blocks-program__block">
<h3 class="blocks-program__title">Подробная статистика
и отчетность</h3>
<div class="blocks-program__text">
<p>Принимайте решение о ценовой политике, отслеживайте эффективность и монетизацию
дисплеев даже с мобильного</p>
</div>
</div>
<div class="blocks-program__button"><button type="button" class="btn">Попробовать
бесплатно</button></div>
<div class="blocks-program__link"><a href="" class="_icon-arrow-right">Подробнее</a></div>
</div>
</div>
<div class="program__bottom">
<div class="program__link"><a href="" class="_icon-arrow-right">Попробовать бесплатно</a></div>
<button type="button" class="program__btn btn">Подробнее</button>
</div>
</div>
</section>
<section class="section__cooperation cooperation">
<div class="cooperation__body">
<div class="cooperation__container">
<div class="cooperation__about">
<h1 class="cooperation__title title">Мы готовы к сотрудничеству, и будем полезны:</h1>
<ul class="cooperation__navigation">
<li class="cooperation__item"><a href="" class="cooperation__link _icon-arrow-right">Владельцам торговых центров</a>
</li>
<li class="cooperation__item"><a href="" class="cooperation__link _icon-arrow-right">Рекламным агенствам</a>
</li>
<li class="cooperation__item"><a href="" class="cooperation__link _icon-arrow-right">Владельцам рекламных конструкций</a>
</li>
<li class="cooperation__item"><a href="" class="cooperation__link _icon-arrow-right">Владельцам бизнес центров</a>
</li>
<li class="cooperation__item"><a href="" class="cooperation__link _icon-arrow-right">Владельцам жилой недвижимости</a>
</li>
<li class="cooperation__item"><a href="" class="cooperation__link _icon-arrow-right">Брендам
и компаниям</a>
</li>
</ul>
</div>
<div class="cooperation__content">
<div class="cooperation__image"><picture><source srcset="img/cooperation/image.webp" type="image/webp"><img src="img/cooperation/image.jpg" alt=""></picture></div>
<h3 class="cooperation__subtitle">Почувствуйте легкость управления <br> конструкциями с DEXA
</h3>
<div class="cooperation__subtext">
<p>Все настройки Ваших рекламных конструкций с одной платформы. Гибкое управление.
Интуитивно понятный интерфейс</p>
</div>
</div>
</div>
</div>
</section>
<section class="section__decision decision">
<div class="decision__container">
<div class="decision__top">
<div class="decision__about">
<h1 class="decision__title title">Готовые решения <br> от SendFlips</h1>
<div class="decision__text text">Визуализация установленных решений </div>
</div>
<div class="slider-decision__controls controls-slider-decision">
<div class="controls-slider-decision__arrows slider-arrows">
<button type="button" class="slider-arrow slider-arrow_prev _icon-arrow-right"></button>
<button type="button" class="slider-arrow slider-arrow_next _icon-arrow-right"></button>
</div>
</div>
</div>
<div class="decision__slider slider-decision swiper">
<div class="slider-decision__wrapper swiper-wrapper">
<div class="slider-decision__slide slide-decision swiper-slide">
<div class="slide-decision__content">
<div class="slide-decision__image"><picture><source srcset="img/decision/01.webp" type="image/webp"><img src="img/decision/01.jpg" alt=""></picture></div>
<h3 class="slide-decision__title">Реклама в лифте</h3>
<div class="slide-decision__text">
<p>Установленное решение <br> для компании Microsoft</p>
</div>
</div>
</div>
<div class="slider-decision__slide slide-decision swiper-slide">
<div class="slide-decision__content">
<div class="slide-decision__image"><picture><source srcset="img/decision/02.webp" type="image/webp"><img src="img/decision/02.jpg" alt=""></picture></div>
<h3 class="slide-decision__title">Реклама в бизнес центрах</h3>
<div class="slide-decision__text">
<p>Все настройки Ваших рекламных <br> конструкций с одной платформы</p>
</div>
</div>
</div>
<div class="slider-decision__slide slide-decision swiper-slide">
<div class="slide-decision__content">
<div class="slide-decision__image"><picture><source srcset="img/decision/03.webp" type="image/webp"><img src="img/decision/03.jpg" alt=""></picture></div>
<h3 class="slide-decision__title">Реклама в лифте</h3>
<div class="slide-decision__text">
<p>Установленное решение <br> для компании Microsoft</p>
</div>
</div>
</div>
<div class="slider-decision__slide slide-decision swiper-slide">
<div class="slide-decision__content">
<div class="slide-decision__image"><picture><source srcset="img/decision/01.webp" type="image/webp"><img src="img/decision/01.jpg" alt=""></picture></div>
<h3 class="slide-decision__title">Реклама в лифте</h3>
<div class="slide-decision__text">
<p>Установленное решение <br> для компании Microsoft</p>
</div>
</div>
</div>
<div class="slider-decision__slide slide-decision swiper-slide">
<div class="slide-decision__content">
<div class="slide-decision__image"><picture><source srcset="img/decision/02.webp" type="image/webp"><img src="img/decision/02.jpg" alt=""></picture></div>
<h3 class="slide-decision__title">Реклама в бизнес центрах</h3>
<div class="slide-decision__text">
<p>Все настройки Ваших рекламных <br> конструкций с одной платформы</p>
</div>
</div>
</div>
<div class="slider-decision__slide slide-decision swiper-slide">
<div class="slide-decision__content">
<div class="slide-decision__image"><picture><source srcset="img/decision/03.webp" type="image/webp"><img src="img/decision/03.jpg" alt=""></picture></div>
<h3 class="slide-decision__title">Реклама в лифте</h3>
<div class="slide-decision__text">
<p>Установленное решение <br> для компании Microsoft</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section__comments comments">
<div class="comments__top">
<div class="comments__container">
<h1 class="comments__title title">Отзывы наших клиентов</h1>
<div class="comments__text text">
<p>Мы рады реализовывать ваши проекты <br> успешно и видеть результат</p>
</div>
</div>
</div>
<div class="comments__slider slider-comments swiper">
<div class="slider-comments__wrapper swiper-wrapper">
<div class="slider-comments__slide slide-comments swiper-slide">
<div class="slide-comments__body">
<div class="slide-comments__text">
<p>Пользование сервисом в одно удовольствие, однозначно оставляю хороший отзыв о
SendFlips так как их команда действительно талантливые люди</p>
</div>
<div class="slide-comments__person">
<div class="slide-comments__icon"><img src="img/icons/comments-icon.svg" alt="">
</div>
<div class="slide-comments__autor">Вадим Сорокин <span>“Google”</span></div>
</div>
</div>
</div>
<div class="slider-comments__slide slide-comments swiper-slide">
<div class="slide-comments__body">
<div class="slide-comments__text">
<p>Пользование сервисом в одно удовольствие, однозначно оставляю хороший отзыв о
SendFlips так как их команда действительно талантливые люди</p>
</div>
<div class="slide-comments__person">
<div class="slide-comments__icon"><img src="img/icons/comments-icon.svg" alt="">
</div>
<div class="slide-comments__autor">Вадим Сорокин <span>“Google”</span></div>
</div>
</div>
</div>
<div class="slider-comments__slide slide-comments swiper-slide">
<div class="slide-comments__body">
<div class="slide-comments__text">
<p>Пользование сервисом в одно удовольствие, однозначно оставляю хороший отзыв о
SendFlips так как их команда действительно талантливые люди</p>
</div>
<div class="slide-comments__person">
<div class="slide-comments__icon"><img src="img/icons/comments-icon.svg" alt="">
</div>
<div class="slide-comments__autor">Вадим Сорокин <span>“Google”</span></div>
</div>
</div>
</div>
</div>
<div class="slider-comments__controls controls-slider-comments">
<div class="controls-slider-comments__dotts"></div>
<div class="controls-slider-comments__arrows comments-arrows">
<button type="button" class="comments-arrows slider-arrow_prev _icon-arrow-right"></button>
<button type="button" class="comments-arrows slider-arrow_next _icon-arrow-right"></button>
</div>
</div>
</div>
</section>
<section class="section__banner banner banner-none">
<h1 class="banner__bigtitle">cash income</h1>
<div class="banner__content">
<div class="banner__title title">Зарабатывайте продавая</div>
<div class="banner__text text">
<p>Получите возможность дополнительного <br> дохода, за счет продажи эфирного времени <br> для
рекламы
на дисплеях
тележек</p>
</div>
<div class="banner__button"><button type="button" class="banner__btn btn">Хочу
зарабатывать</button></div>
</div>
</section>
</main>
<!-- //======================================================================================================================================================== -->
<footer class="footer">
<div class="footer__questions questions-footer">
<div class="questions-footer__container">
<h1 class="questions-footer__title title">Остались вопросы?</h1>
<div class="questions-footer__text text">
<p>Оставьте заявку и мы проконсультируем и поможем <br class="questions-br"> выбрать продукт подходящий под Ваши потребности.
</p>
</div>
<div class="questions-footer__items">
<div class="questions-footer__item">
<input autocomplete="off" type="text" name="form[]" data-error="error" placeholder="Name" class="questions-footer__input">
</div>
<div class="questions-footer__item">
<input autocomplete="off" type="email" name="form[]" data-error="error" placeholder="E-mail" class="questions-footer__input">
</div>
<div class="questions-footer__item">
<input autocomplete="off" type="tel" name="form[]" data-error="error" placeholder="+4 000 000 000" class="questions-footer__input">
</div>
<div class="questions-footer__button"><button type="button" class="questions-footer__button btn">Отправить</button></div>
<div class="questions-footer__content">
<h3 class="questions-footer__subtitle">Заполните форму</h3>
<div class="questions-footer__subtext">
<p>и с нее начнется наше сотрудничество</p>
</div>
<div class="questions-footer__subitem">
<input autocomplete="off" type="tel" name="form[]" data-error="error" placeholder="Ваше имя" class="questions-footer__subinput">
</div>
<div class="questions-footer__subitem">
<input autocomplete="off" type="email" name="form[]" data-error="error" placeholder="Номер телефона" class="questions-footer__subinput">
</div>
<div class="questions-footer__subitem">
<input autocomplete="off" type="text" name="form[]" data-error="error" placeholder="Почту" class="questions-footer__subinput">
</div>
<div class="questions-footer__subutton">
<button type="button" class="questions-footer__subtn btn">Отправить</button>
</div>
</div>
</div>
</div>
</div>
<div class="footer__bottom bottom-footer">
<div class="footer__container">
<div class="bottom-footer__floor">
<div class="bottom-footer__site">
<div class="bottom-footer__logo"><a href="">SENDFLIPS.</a></div>
<div class="bottom-footer__text">Технические и программные разработки на <br> основе
пользовательского опыта</div>
<div class="bottom-footer__socials">
<a href="" class="bottom-footer__icon _icon-facebook"></a>
<a href="" class="bottom-footer__icon _icon-youtube"></a>
<a href="" class="bottom-footer__icon _icon-telegram"></a>
<a href="" class="bottom-footer__icon _icon-instagram"></a>
</div>
</div>
<div class="bottom-footer__catalog">
<div class="bottom-footer__links">
<div class="bottom-footer__link"><a href="">Тележки</a></div>
<div class="bottom-footer__link"><a href="">Дисплеи</a></div>
<div class="bottom-footer__link"><a href="">Dexs</a></div>
</div>
<div class="bottom-footer__links">
<div class="bottom-footer__link"><a href="">О нас</a></div>
<div class="bottom-footer__link"><a href="">Контакты</a></div>
</div>
</div>
<div class="bottom-footer__address">
<div class="bottom-footer__place">Украина, Киев, <br>
Площадь Независимости, 2, <br>
Spaces Maidan Plaza, 02000
</div>
<div class="bottom-footer__connect">
<a href="tel:+38 044 229 14 27" class="bottom-footer__phone">+38 044 229 14 27</a>
<a href="mailto:[email protected]" class="bottom-footer__email">[email protected]</a>
</div>
</div>
</div>
<div class="bottom-footer__copy">
<div class="bottom-footer__item"><span>2021 @ SendFlips</span></div>
<div class="bottom-footer__item">Политика конфиденциальности</div>
</div>
</div>
</div>
</footer>
<!-- //======================================================================================================================================================== -->
</div>
<!-- <div id="popup" aria-hidden="true" class="popup">
<div class="popup__wrapper">
<div class="popup__content">
<button data-close type="button" class="popup__close">Закрыть</button>
<div class="popup__text">
Text
</div>
</div>
</div>
</div> -->
<script src="js/app.min.js?_v=20221203182516"></script>
</body>
</html>