-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
393 lines (380 loc) · 21.7 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
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Uber</title>
<link rel="stylesheet" href="css/bootstrap-grid.min.css">
<link rel="stylesheet" href="css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="fonts/stylesheet.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="icon/favicon.ico" type="image/x-icon">
</head>
<body>
<header>
<nav>
<div class="container">
<ul class="menu">
<li class="menu_item">
<a href="#" class="menu_link">Главная</a>
</li>
<li class="menu_item">
<a href="#require" class="menu_link">Со своим автомобилем</a>
</li>
<li class="menu_item">
<a href="#require" 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>
<li class="menu_item">
<a href="#" class="menu_link">Оставить заявку</a>
</li>
</ul>
</div>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</nav>
<div class="subheader">
<div class="container">
<div class="row">
<div class="col-6 col-md-4 offset-md-1">
<a href="#" class="subheader_logo">
<img src="img/uber_logo.png" alt="uber logo"></a>
<div class="subheader_official">Официальный партнер Uber в Москве</div>
</div>
<div class="xs-hidden col-md-3 offset-md-1 col-xl-2 offset-xl-2">
<div class="callus">Звоните нам ежедневно</div>
<a href="tel:84957970988" class="phone">8 495 797 09 88</a>
</div>
<div class="col-6 col-md-3">
<a href="tel:84957970988" class="xs-visible phone">8 495 797 09 88</a>
<button class="subheader_btn">Заказать звонок</button>
</div>
</div>
</div>
</div>
</header>
<section class="promo">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-10 offset-lg-1">
<h1 class="promo_header">КОМПАНИЯ UBER PARTNERS!</h1>
<h2 class="promo_subheader">ПРИГЛАШАЕМ ВОДИТЕЛЕЙ! НА СВОЕМ АВТО!</h2>
<div class="promo_text">Компания UBER динамически развивающаяся. Компания на рынке занимает лидирующее место среди таксомоторных компаний, Компания абсолютно прозрачная вы можете контролировать все процессы у себя в личном кабинете. Бонуcная система.Помимо
выполненной работы по заказам, компания начисляет бонусы за пиковое время.<br><br> Мы одни из партнеров и зарекомендовали себя как одна из лучших команд в городе Москве. Водители у нас зарабатывают от 80000- 120000 в месяц.</div>
</div>
<button class="promo_btn">ОТПРАВИТЬ ЗАЯВКУ!</button>
</div>
</div>
</section>
<section class="cause">
<div class="container">
<div class="label">
Преимущества
</div>
<h2 class="title">8 причин начать работать с нами</h2>
<div class="row">
<div class="col-md-6">
<div class="cause_item">
<div class="cause_item_round">
<img src="icon/card.png" alt="card icon">
</div>
<div class="cause_descr">
<div class="cause_descr_subheader">
Никаких наличных, оплата происходит автоматически
</div>
<div class="cause_item_text">Стоимость поездки оплачивается пассажиром с привязанной банковской карты, т.е. нет никаких рисков связанных с перевозкой наличности как для пассажира, так и для водителя, Вам не нужно искать мелкие деньги для размена.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cause_item">
<div class="cause_item_round">
<img src="icon/pres.png" alt="presentation icon">
</div>
<div class="cause_descr">
<div class="cause_descr_subheader">
Комиссия 8% + БОНУСЫ
</div>
<div class="cause_item_text">
У нас минимальная комиссия и мы выплачиваем бонусы за каждую поездку, некоторые наши конкуренты оставляют бонусы себе. Мы работаем честно и с нами водители зарабатывают больше!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cause_item">
<div class="cause_item_round">
<img src="icon/money.png" alt="money icon">
</div>
<div class="cause_descr">
<div class="cause_descr_subheader">
Высокий доход с гарантированными выплатами
</div>
<div class="cause_item_text">
В Мы выплачиваем заработную плату на личную банковскую карту водителя! Вам не нужно оформлять ООО, ИП, платить налоги, подавать декларацию, оплачивать бухгалтерские услуги и ведение банковского счета.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cause_item">
<div class="cause_item_round">
<img src="icon/calendar.png" alt="calendar icon">
</div>
<div class="cause_descr">
<div class="cause_descr_subheader">
Работа в удобное время, никаких графиков
</div>
<div class="cause_item_text">
Вы просто нажимаете кнопку выйти на линию для начала работы, когда решите закончить, нажимаете выйти с линии. Вы можете подрабатывать только утром, вечером, в выходные или праздничные дни!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cause_item">
<div class="cause_item_round">
<img src="icon/key.png" alt="key icon">
</div>
<div class="cause_descr">
<div class="cause_descr_subheader">
Комфортное, прозрачное и простое подключение
</div>
<div class="causer_item_text">
Мы подключаем дистанционно и бесплатно, Вам нет необходимости приезжать к нам! Вы присылаете нам копии документов, мы регистрируем Вас и присылаем данные для подключения, через 1-2 дня Вы можете начинать работать!
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cause_item">
<div class="cause_item_round">
<img src="icon/location.png" alt="calendar icon" class="cause_icon"></div>
<div class="cause_descr">
<div class="cause_descr_subheader">Всегда большое количество заказов
</div>
<div class="cause_item_text">
Приложение показывает, где на данный момент больше всего заказов и где действуют повышенные тарифы. У Вас не будет простоя и холостых пробегов. Наши пассажиры всегда приятные и абсолютно неконфликтные люди, которых приятно возить.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cause_item">
<div class="cause_item_round">
<img src="icon/phone.png" alt="money icon" class="cause_icon">
</div>
<div class="cause_descr">
<div class="cause_descr_subheader">Круглосуточная поддержка
</div>
<div class="cause_item_text">
В Uber действует круглосуточная поддержка водителей по электронной почте. Если что-то непонятно, Вы всегда можете задать вопрос через On-line консультацию.
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cause_item">
<div class="cause_item_round">
<img src="icon/car.png" alt="calendar icon" class="cause_icon"></div>
<div class="cause_descr">
<div class="cause_descr_subheader">Без шашечек и наклеек
</div>
<div class="cause_item_text">
Вам не нужно менять цвет, устанавливать «шашки» на автомобиль и обклеивать его наклейками.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mobile">
<div class="container">
<div class="label">
Возможности
</div>
<div class="title">мобильное приложение убер</div>
<div class="subtitle">Сделайте заказ, совершите поездку и оплатите ее стоимость, используя свой мобильный телефон
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="mobile_item mobile_item_1">
<div class="mobile_item_subtitle">оформление заказа одним касанием</div>
<div class="plus"></div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="mobile_item mobile_item_2">
<div class="mobile_item_subtitle">надежная подача</div>
<div class="plus"></div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="mobile_item mobile_item_3">
<div class="mobile_item_subtitle">прозрачные цены</div>
<div class="plus"></div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="mobile_item mobile_item_4">
<div class="mobile_item_subtitle">безналичная оплата</div>
<div class="plus"></div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="mobile_item mobile_item_5">
<div class="mobile_item_subtitle">обратная связь</div>
<div class="plus"></div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="mobile_item mobile_item_6">
<div class="mobile_item_subtitle">разделить
стоимость поездки</div>
<div class="plus"></div>
</div>
</div>
</div>
</div>
</section>
<section class="car">
<div class="car_first">
<div class="container">
<div class="label">возможности</div>
<div class="hidden title">Выбор - отличная штука!</div>
<div class="hidden subtitle">Закажите автомобиль, который подходит вам по стилю и бюджету
</div>
<div class="col-sm-12 car_img"><img src="img/choice_car.png" alt=""></div>
<div class="subtitle_invisible subtitle">Машины на каждый день.<br>
Лучше, быстрее и дешевле, чем такси
</div>
</div>
</div>
<div class="car_second">
<div class="container">
<div class="subtitle">Машины на каждый день.<br>
Лучше, быстрее и дешевле, чем такси
</div>
</div>
</section>
<section class="require" id="require">
<div class="container">
<div class="label">возможности</div>
<div class="title">условия и требования</div>
<div class="row">
<div class="col-md-6">
<div class="require_block">
<div class="require_title">
УСЛОВИЯ: со своим авто
</div>
<ul class="require_list">
<li>Подключаем к системе UBER под 10%.</li>
<li>ИП не требуется</li>
<li>Ни каких взносов 0%</li>
<li>Можем подключать удалённо без приезда в офис</li>
<li>Заказы распределяются без учета рейтинга ближайшим водителям</li>
<li>Работа только по безналичному расчету</li>
<li>Деньги перечисляем на карту водителю или наличными в офисе</li>
</ul>
<div class="require_descr">
В день заработок составляет 7000-12000р + бонус 3000т рублей
</div>
</div>
</div>
<div class="col-md-6">
<div class="require_block">
<div class="require_title">
УСЛОВИЯ: на авто компании
</div>
<ul class="require_list">
<li>Предоставляем авто без залога</li>
<li>Без ежедневных выплат по аренде</li>
<li>Среда, пятница и суббота работа на компанию, остальные дни вы работаете на себя</li>
</ul>
</div></div>
<div class="col-md-6">
<div class="require_block require_block_nbm warning">
<div class="require_title">
УСЛОВИЯ: со своим авто
</div>
<ul class="require_list">
<li>Подключаем к системе UBER под 10%.</li>
<li>ИП не требуется</li>
<li>Ни каких взносов 0%</li>
<li>Можем подключать удалённо без приезда в офис</li>
<li>Заказы распределяются без учета рейтинга ближайшим водителям</li>
<li>Работа только по безналичному расчету</li>
<li>Деньги перечисляем на карту водителю или наличными в офисе</li>
</ul>
</div></div>
<div class="col-md-6">
<div class="require_block require_block_nbm warning">
<div class="require_title">
ТРЕБОВАНИЕ
</div>
<ul class="require_list">
<li>Наличие автомобиля без рекламы</li>
<li>Автомобиль не должен быть жёлтый и не с жёлтыми номерами</li>
<li>Машина не старше 3 лет</li>
<li>Стаж вождения не менее 3 лет</li>
<li>Девайс на системе андроид 4.0 и выше (самсунг)</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="world">
<div class="label">города</div>
<div class="title">по всему миру</div>
<div class="subtitle">Мы в вашем городе и по всему миру</div>
<a href="#">посмотреть все города</a>
</section>
<footer>
<div class="line"></div>
<div class="footer_wrapper">
<div>
<div class="social">
<div class="social_round"></div>
<div class="social_round"></div>
<div class="social_round"></div>
<div class="social_round"></div>
</div>
</div>
<div>
<div class="links">
<div class="links_first">
<a href="#" class="link">на главную</a>
<a href="#" class="link">города</a>
<a href="#" class="link">для водителей</a>
</div>
<div class="links_second">
<a href="#" class="link">центр поддержки</a>
<a href="#" class="link">вакансии</a>
<a href="#" class="link">разработчики</a>
<a href="#" class="link">блог</a>
<a href="#" class="link">о нас</a>
</div>
<a href="#" class="lang">русский</a>
</div>
</div>
<div>
<div class="stores">
<img src="img/stores.png" alt="">
</div>
</div>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>