-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
411 lines (407 loc) · 19.7 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
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Главная</title>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="css/style.min.css?_v=20221208161849">
<!-- <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__body">
<div class="header__menu menu">
<nav class="menu__body">
<div class="menu__items">
<div data-spollers class="menu__spollers spollers-menu">
<div class="spollers-menu__item">
<button type="button" data-spoller class="spollers-menu__title _icon-arrow-down">Про
нас</button>
<div class="spollers-menu__body body-spollers">
<div class="body-spollers__about">
<p>Доставка кур’єром в інші міста приємно здивує вартістю, що вигідно відрізняє
GlobalPost від інших <span>служб</span> доставки.
Швидше за все доставляються посилки в обласні центри. <span>Важлива</span>
перевага
доставки
від GlobalPost є <span>можливість</span> доставити вантаж в будь-який
куточок країни
протягом
5 діб або менше</p>
</div>
</div>
</div>
<div class="spollers-menu__item">
<button type="button" data-spoller class="spollers-menu__title _icon-arrow-down">Доставка</button>
<div class="spollers-menu__body body-spollers">
<div class="body-spollers__free">Free <span>Box</span></div>
</div>
</div>
<div class="spollers-menu__item">
<button type="button" data-spoller class="spollers-menu__title _icon-arrow-down">Блог</button>
<div class="spollers-menu__body body-spollers">Content</div>
</div>
<div class="spollers-menu__item">
<button type="button" data-spoller class="spollers-menu__title _icon-arrow-down">Контакти</button>
<div class="spollers-menu__body body-spollers">
<div class="body-spollers__cals">
<a href="" class="top-header__number">(044) 501-15-61</a>
<a href="" class="top-header__number">(044) 501-15-61</a>
<a href="" class="top-header__number">(067) 622-10-23</a>
</div>
</div>
</div>
<div class="spollers-menu__item">
<button type="button" data-spoller class="spollers-menu__title _icon-arrow-down">Укр</button>
<div class="spollers-menu__body body-spollers">Content</div>
</div>
</div>
</div>
</nav>
</div>
<div class="header__top top-header">
<button type="button" class="icon-menu"><span></span></button>
<div class="top-header__logo">
<a href="../home.html"><img src="img/icons/logo.svg?_v=1670494729900" alt="" class="top-header__img"></a>
</div>
<ul class="top-header__list">
<li class="top-header__item"><a href="" class="top-header__link _icon-arrow-down">Про нас</a></li>
<li class="top-header__item"><a href="..//marshrut.html" class="top-header__link _icon-arrow-down">Доставка</a></li>
<li class="top-header__item"><a href="" class="top-header__link">Блог</a></li>
<li class="top-header__item"><a href="" class="top-header__link">Контакти</a></li>
<li class="top-header__item"><a href="" class="top-header__link _icon-arrow-down">Укр</a></li>
</ul>
<div class="top-header__icons">
<div class="top-header__search _icon-search"></div>
<div class="top-header__person _icon-person"></div>
</div>
<div class="top-header__button">
<a href="" class="top-header__btn btn">Відстежити посилку</a>
</div>
<div class="top-header__numbers">
<a href="" class="top-header__number">(044) 501-15-61</a>
<a href="" class="top-header__number">(044) 501-15-61</a>
<a href="" class="top-header__number">(067) 622-10-23</a>
</div>
<div class="top-header__cart _icon-cart"></div>
</div>
</div>
</div>
</header>
<main class="page">
<sectiom class="page__multi multi-page">
<div class="multi-page__container">
<div class="multi-page__body">
<div class="multi-page__top top-multi">
<div class="top-multi__left">
<img src="img/multi/Illustration.svg?_v=1670494729900" alt="" class="top-multi__ilustration">
</div>
<div class="top-multi__right">
<div class="top-multi__bigtitle">Експрес доставка <br> листів і посилок</div>
</div>
</div>
<div class="multi-page__bottom bottom-multi">
<div class="bottom-multi__tabs">
<div data-tabs class="tabs">
<nav data-tabs-titles class="tabs__navigation"><button type="submit" class="tabs__title _tab-active">Міжнародна доставка</button><button type="submit" class="tabs__title">Доставка по Україні</button>
<div data-tabs-body class="tabs__content">
<div class="tabs__body body-tabs">
<div class="body-tabs__items">
<div class="body-tabs__item">
<div class="body-tabs__subtitle">Звідки</div>
<div class="body-tabs__selection">
<select name="form[]" class="multi">
<option value="1" selected>Виберіть країну</option>
<option value="2">По популярности</option>
<option value="3">По популярности</option>
<option value="4">По популярности</option>
</select>
</div>
</div>
<div class="body-tabs__item">
<div class="body-tabs__subtitle">Куди</div>
<div class="body-tabs__selection">
<select name="form[]" class="multi">
<option value="1" selected>Виберіть країну</option>
<option value="2">По популярности</option>
<option value="3">По популярности</option>
<option value="4">По популярности</option>
</select>
</div>
</div>
<div class="body-tabs__item">
<div class="body-tabs__subtitle">Тип відправлення</div>
<div class="body-tabs__selection">
<select name="form[]" class="multi">
<option value="1" selected>Виберіть тип відправлення
</option>
<option value="2">По популярности</option>
<option value="3">По популярности</option>
<option value="4">По популярности</option>
</select>
</div>
</div>
</div>
</div>
<div class="tabs__body">
<div class="body-tabs__free">
Free <span>Box</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</sectiom>
<section class="page__trust trust-page">
<div class="trust-page__container">
<div class="trust-page__body">
<div class="trust-page__top top-trust">
<h1 class="top-trust__title">Нам <span>довіряють</span></h1>
<div class="top-trust__items">
<div class="top-trust__item">
<img src="img/trust/01.svg?_v=1670494729900" alt="">
</div>
<div class="top-trust__item">
<img src="img/trust/02.svg?_v=1670494729900" alt="">
</div>
<div class="top-trust__item">
<img src="img/trust/03.svg?_v=1670494729900" alt="">
</div>
<div class="top-trust__item">
<img src="img/trust/04.svg?_v=1670494729900" alt="">
</div>
<div class="top-trust__item">
<img src="img/trust/05.svg?_v=1670494729900" alt="">
</div>
<div class="top-trust__item">
<img src="img/trust/06.svg?_v=1670494729900" alt="">
</div>
<div class="top-trust__item">
<img src="img/trust/07.svg?_v=1670494729900" alt="">
</div>
<div class="top-trust__item">
<img src="img/trust/08.svg?_v=1670494729900" alt="">
</div>
</div>
</div>
<div class="trust-page__bottom bottom-trust">
<h1 class="bottom-trust__title"><span>GlobalPost</span> - офіційний представник компаній:
</h1>
<div class="bottom-trust__items">
<div class="bottom-trust__item">
<img src="img/trust/trust-bottom/01.svg?_v=1670494729900" alt="">
</div>
<div class="bottom-trust__item">
<img src="img/trust/trust-bottom/02.svg?_v=1670494729900" alt="">
</div>
<div class="bottom-trust__item">
<img src="img/trust/trust-bottom/03.svg?_v=1670494729900" alt="">
</div>
<div class="bottom-trust__item">
<img src="img/trust/trust-bottom/04.svg?_v=1670494729900" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page__runner runner-page">
<div class="runner-page__container">
<div class="runner-page__body">
<h1 class="runner-page__title">Послуги, якими <span>ви можете</span> <br> скористатися</h1>
<div class="runner-page__list">
<li class="runner-page__item"><a href="" class="runner-page__link">Кур’єрські послуги</a>
</li>
<li class="runner-page__item"><a href="" class="runner-page__link">Експрес-доставка</a></li>
<li class="runner-page__item"><a href="" class="runner-page__link">Автоперевезення</a></li>
<li class="runner-page__item"><a href="" class="runner-page__link">Морські перевезення</a>
</li>
<li class="runner-page__item"><a href="" class="runner-page__link">Авіаперевезення</a></li>
</div>
<div class="runner-page__sides">
<div class="runner-page__left">
<div class="runner-page__text">
<p>Доставка кур’єром в інші міста приємно здивує вартістю,
що вигідно відрізняє GlobalPost від інших <br> служб доставки.</p>
<p>Швидше за все доставляються посилки в обласні <br> центри. Важлива перевага
доставки
від
GlobalPost <br> є можливість доставити вантаж в будь-який <br> куточок країни
протягом 5
діб
або менше</p>
</div>
<div class="runner-page__button">
<a href="" class="runner-page__btn">Викликати кур’єра</a>
</div>
</div>
<div class="runner-page__right">
<img src="img/trust/ilustration.svg?_v=1670494729900" alt="" class="runner-page__ilustration">
</div>
</div>
</div>
</div>
</section>
<section class="page__delivery delivery-page">
<div class="delivery-page__container">
<div class="delivery-page__body">
<div class="delivery-page__top top-delivery">
<h1 class="top-delivery__title">Чому наша доставка <br>
<span>вигідна для вас?</span>
</h1>
<div class="top-delivery__items">
<div class="top-delivery__item">
<img src="img/delivery/01.svg?_v=1670494729900" alt="" class="top-delivery__img">
<div class="top-delivery__subtitle">Персональний
менеджер-логіст</div>
<div class="top-delivery__text">Вашою послугою займеться компетентний менеджер, який
завжди буде на зв'язку</div>
</div>
<div class="top-delivery__item">
<img src="img/delivery/02.svg?_v=1670494729900" alt="" class="top-delivery__img">
<div class="top-delivery__subtitle">Розробка логістичних схем</div>
<div class="top-delivery__text">При здійсненні перевезень вантажів ми підбираємо
логістичну схему доставки вантажу під кожного клієнта</div>
</div>
<div class="top-delivery__item">
<img src="img/delivery/03.svg?_v=1670494729900" alt="" class="top-delivery__img">
<div class="top-delivery__subtitle">Перевезення ва-
нтажів "Під Ключ"</div>
<div class="top-delivery__text">Наші фахівці контролюють весь процес доставки вашого
вантажу</div>
</div>
</div>
</div>
<div class="delivery-page__middle middle-delivery">
<div class="middle-delivery__left">
<h1 class="middle-delivery__title">Ми можемо і вміємо <br>
<span>доставляти швидко</span>
</h1>
<div class="middle-delivery__items">
<div class="middle-delivery__item"><a href="" class="middle-delivery__link"><span></span> у той
самий день</a>
</div>
<div class="middle-delivery__item"><a href="" class="middle-delivery__link"><span></span> на
наступний день на ранок</a>
</div>
</div>
</div>
<div class="middle-delivery__right">
<img src="img/delivery/clock.svg?_v=1670494729900" alt="" class="middle-delivery__clock">
</div>
</div>
<div class="delivery-page__bottom bottom-delivery">
<h1 class="bottom-delivery__title">Ви <span>юридична особа</span> і шукаєте <br> надійну
кур’єрську службу?</h1>
<div class="bottom-delivery__subtitle">Як почати співпрацю з нами? 3 простих кроки:</div>
<div class="bottom-delivery__items">
<div class="bottom-delivery__item">
<div class="bottom-delivery__krok">Крок 1</div>
<div class="bottom-delivery__subkrok">Вартість</div>
<div class="bottom-delivery__textkrok">Тарифи можна переглянути <br> тут, або
надіслати
нам запит <br> на пошту [email protected], або <br> телефоном, вайбером, <br>
телеграм</div>
</div>
<div class="bottom-delivery__item">
<div class="bottom-delivery__krok">Крок 2</div>
<div class="bottom-delivery__subkrok">Підписуєте <br>
договір</div>
<div class="bottom-delivery__textkrok">Скануєте, відправляєте нам</div>
</div>
<div class="bottom-delivery__item">
<div class="bottom-delivery__krok">Крок 3</div>
<div class="bottom-delivery__subkrok">Викликаєте <br>
кур’єра</div>
<div class="bottom-delivery__textkrok">і відправляєте свої <br> документ або
посилки. <br>
Насолоджуєтесь швидкою <br> доставкою.</div>
</div>
</div>
<!-- <div class="bottom-delivery__image">
<img src="img/delivery/aroows.svg?_v=1670494729900" alt="" class="bottom-delivery__arrows">
</div> -->
</div>
</div>
</div>
</section>
<section class="page__info info-page">
<div class="info-page__container">
<div class="info-page__body">
<div class="info-page__left left-info">
<img src="img/info/01.svg?_v=1670494729900" alt="" class="left-info__ilustration">
</div>
<div class="info-page__right right-info">
<h1 class="right-info__title">Виникли запитання?</h1>
<div class="right-info__subtitle">Звертайтеся до професіоналів
</div>
<div class="right-info__text">Залиште свої дані і ми <br>
зв'яжемося з вами
</div>
<div class="right-info__items">
<input autocomplete="off" type="text" name="form[]" data-error="error" placeholder="Ваше ім’я" class="right-info__input">
<input autocomplete="off" type="text" name="form[]" data-error="error" placeholder="Ваш телефон" class="right-info__input">
<input autocomplete="off" type="text" name="form[]" data-error="error" placeholder="Ваше запитання" class="right-info__input">
</div>
<div class="right-info__button">
<a href="" class="right-info__btn">Надіслати</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__body">
<div class="footer__logotip">
<img src="img/icons/logo.svg?_v=1670494729900" alt="" class="footer__logo">
</div>
<ul class="footer__list">
<li class="footer__item"><a href="" class="footer__link">Кур'єрські послуги</a></li>
<li class="footer__item"><a href="" class="footer__link">Авіаперевезення</a></li>
<li class="footer__item"><a href="" class="footer__link">Експрес-доставка</a></li>
<li class="footer__item"><a href="" class="footer__link">Міжнародна доставка</a></li>
<li class="footer__item"><a href="" class="footer__link">Про компанію</a></li>
</ul>
<ul class="footer__list">
<li class="footer__item"><a href="" class="footer__link">Блог</a></li>
<li class="footer__item"><a href="" class="footer__link">Контакти</a></li>
<li class="footer__item"><a href="" class="footer__link">Особистий кабiнет</a></li>
<li class="footer__item"><a href="" class="footer__link">Інструкція по ос.кабiнету</a></li>
<li class="footer__item"><a href="" class="footer__link">Політика конфіденційності</a></li>
</ul>
<div class="footer__connect">
<div class="footer__location _icon-location">м. Київ, пров. Руслана <br>
Лужевського 14в, корпус 3</div>
<div class="footer__numbers">
<div class="footer__numb _icon-phone">(050)477-05-05</div>
<div class="footer__numb">(067)622-10-23</div>
<div class="footer__numb">(044)501-15-61</div>
</div>
<div class="footer__clock _icon-clock">Пн-Нд 08:00-18:00</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">
</div>
</div>
</div>
</div>
-->
<script src="js/app.min.js?_v=20221208161849"></script>
</body>
</html>