-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcart.html
266 lines (263 loc) · 12.9 KB
/
cart.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
<!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 header-sec">
<div class="header__black">
<div class="header__container">
<div class="header__navigation">
<div class="header__logo header-sec-logo"><a href="../home.html">SENDFLIPS.</a></div>
<ul class="header__links">
<li class="header__item"><a href="../cart.html" class="header__link header-sec-link">Тележки</a></li>
<li class="header__item"><a href="../display.html" class="header__link header-sec-link">Дисплеи</a></li>
<li class="header__item"><a href="../dexa.html" class="header__link header-sec-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 header-button-sec">Войти в Dexa</button>
</div>
<div class="header__menu menu">
<div class="header__select"></div>
<button type="button" class="icon-menu icon-menu-sec"><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>
</div>
</header>
<!-- //======================================================================================================================================================== -->
<main class="page">
<section class="section__present present">
<h1 class="present__bigtitle">smart carts</h1>
<div class="present__img"></div>
<div class="present__container">
<div class="present__about">
<h1 class="present__title title">Умная тележка</h1>
<div class="present__text text">Удобство для пользователей, выгода <br> для Вашего магазина
</div>
</div>
</div>
<div data-da=".present__img, 767.98" class="present__image"><img src="img/sale/image.svg" alt=""></div>
</section>
<section class="section__first first">
<div class="first__container">
<div class="first__image">
<img src="img/sections/01.svg" alt="">
<div class="first__num">01</div>
</div>
<div class="first__abour">
<h1 class="first__title title">Товары считываются <br> автоматически</h1>
<div class="first__text text">Cистема считывает данные каждого <br> товара, помещенного в
корзину</div>
</div>
</div>
</section>
<section class="section__second second">
<div class="second__container">
<div class="second__about">
<h1 class="second__title title">Все товары <br class="second-br"> добавляются в <br class="second-br"> список покупок</h1>
<div class="second__text text">
<p>Все выбранные товары отображаются
на дисплее тележки. При необходимости, товары из списка можно удалять</p>
</div>
</div>
<div class="second__image">
<img src="img/sections/02.svg" alt="">
<div class="second__num">02</div>
</div>
</div>
</section>
<section class="section__third third">
<div class="third__container">
<div class="third__image">
<img src="img/sections/03.svg" alt="">
<div class="third__num">03</div>
</div>
<div class="third__about">
<h1 class="third__title title">Забудьте про <br> очереди на кассах</h1>
<div class="third__text text">Оплата в одно касание с помощью NFC-модуля, прямо с тележки.
Предоставьте Вашим клиентам лучший опыт покупки и сэкономьте их драгоценное время</div>
</div>
</div>
</section>
<section class="section__four four">
<div class="four__bigtitle">information</div>
<div class="four__container">
<h1 class="four__title title">Максимум актуальной <br> информации</h1>
<div class="four__image"><img src="img/sections/04.svg" alt=""></div>
<div class="four__items">
<div class="four__item">
<div class="four__square"><img src="img/icons/gift.svg" alt=""></div>
<div class="four__about">Предлагайте <br>
сопутствующие <br>
товары</div>
</div>
<div class="four__item">
<div class="four__square"><img src="img/icons/sale.svg" alt=""></div>
<div class="four__about">Сообщайте <br>
об акциях <br>
и скидках</div>
</div>
<div class="four__item">
<div class="four__square"><img src="img/icons/idea.svg" alt=""></div>
<div class="four__about">Информируйте <br> о горячих <br> предложениях
</div>
</div>
</div>
<div class="four__text">Эти данные отображаются на дисплее тележки <br class="four-br">
и помогают клиенту сориентироватся в Вашем магазине</div>
<div class="four__num">04</div>
</div>
</section>
<section class="section__video video">
<div class="video__container">
<h1 class="video__title title">Посмотрите как этим уже <br> пользуются наши клиенты</h1>
<div class="video__text text">Посмотрите видео-презентацию</div>
<div class="video__image">
<picture><source srcset="img/video/image.webp" type="image/webp"><img src="img/video/image.jpg" alt=""></picture>
<div class="video__button">
<button type="button" class="video__btn _icon-play"></button>
</div>
</div>
</div>
</section>
<section class="section__banner banner">
<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>