-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
305 lines (296 loc) · 20.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap-grid.min.css">
<link rel="stylesheet" href="css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/style.min.css">
<title>Uber proj 2</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<ul class="nav_list">
<li class="nav_item"><a href="#hero">Главная</a></li>
<li class="nav_item"><a href="#advantages">Работа у нас</a></li>
<li class="nav_item"><a href="#mobile_app">Наше приложение</a></li>
<li class="nav_item"><a href="#require">Условия и требования</a></li>
<li class="nav_item"><a href="#map">Мы на карте</a></li>
<li class="nav_item"><a href="">Оставить заявку</a></li>
</ul>
<div class="nav_mobile_button">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<div class="subheader">
<div class="container">
<div class="row">
<div class="col-6 col-sm-4 offset-sm-1">
<img class="logo_icon" src="icons/logo.png" alt="" class="logo">
<div class="logo_text">Официальный партнер Uber в Москве</div>
</div>
<div class="col-3 offset-1 col-xl-2 offset-xl-2 mobile-hide">
<div class="call_us">Звоните нам ежедневно</div>
<div class="phone_number">8 495 797 09 88</div>
</div>
<div class="col-6 col-sm-2">
<div class="phone_number mobile-visible">8 495 797 09 88</div>
<button class="call_back">заказать звонок</button>
</div>
</div>
</div>
</div>
</header>
<section class="hero overlay" id="hero">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h1>КОМПАНИЯ UBER PARTNERS!</h1>
<h2>ПРИГЛАШАЕМ ВОДИТЕЛЕЙ! НА СВОЕМ АВТО!</h2>
<div class="desc_1">Компания UBER динамически развивающаяся. Компания на рынке занимает лидирующее место среди таксомоторных компаний. Компания абсолютно прозрачная, Вы можете контролировать все процессы у себя в личном кабинете. Бонуcная система. Помимо выполненной работы по заказам, компания начисляет бонусы запиковое время.</div>
<div class="desc_2">Мы одни из партнеров и зарекомендовали себя как одна из лучших команд в городе Москве. Водители у насзарабатывают от 80000-120000 в месяц.</div>
<button>ОТПРАВИТЬ ЗАЯВКУ!</button>
</div>
</div>
</div>
</section>
<section class="advantages" id="advantages">
<div class="container">
<div class="label"><span class="label_black">преимущества</span></div>
<h2 class="title text_black">8 причин начать работать с нами</h2>
<div class="row">
<div class="col-12 col-lg-6">
<div class="adv_wrapper">
<div class="adv_icon"><img src="img/advantage_1.png" alt=""></div>
<div class="adv_text">
<div class="adv_header">Никаких наличных, оплата происходит автоматически</div>
<div class="adv_desc">Стоимость поездки оплачивается пассажиром с привязанной банковской карты, т.е. нет никаких рисков связанных с перевозкой наличности как для пассажира, так и для водителя, Вам не нужно искать мелкие деньги для размена.</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="adv_wrapper">
<div class="adv_icon"><img src="img/advantage_2.png" alt=""></div>
<div class="adv_text">
<div class="adv_header">Комиссия 8% + БОНУСЫ</div>
<div class="adv_desc">У нас минимальная комиссия и мы выплачиваем бонусы за каждую поездку, некоторые наши конкуренты оставляют бонусы себе. Мы работаем честно и с нами водители зарабатывают больше!</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="adv_wrapper">
<div class="adv_icon"><img src="img/advantage_3.png" alt=""></div>
<div class="adv_text">
<div class="adv_header">Высокий доход с гарантированными выплатами</div>
<div class="adv_desc">Мы выплачиваем заработную плату на личную банковскую карту водителя! Вам не нужно оформлять ООО, ИП, платить налоги, подавать декларацию, оплачивать бухгалтерские услуги и ведение банковского счета.</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="adv_wrapper">
<div class="adv_icon"><img src="img/advantage_4.png" alt=""></div>
<div class="adv_text">
<div class="adv_header">Работа в удобное время, никаких графиков</div>
<div class="adv_desc">Вы просто нажимаете кнопку выйти на линию для начала работы, когда решите закончить, нажимаете выйти с линии. Вы можете подрабатывать только утром, вечером, в выходные или праздничные дни!</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="adv_wrapper">
<div class="adv_icon"><img src="img/advantage_5.png" alt=""></div>
<div class="adv_text">
<div class="adv_header">Комфортное, прозрачное и простое подключение</div>
<div class="adv_desc">Мы подключаем дистанционно и бесплатно, Вам нет необходимости приезжать к нам! Вы присылаете нам копии документов, мы регистрируем Вас и присылаем данные для подключения, через 1-2 дня Вы можете начинать работать!</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="adv_wrapper">
<div class="adv_icon"><img src="img/advantage_6.png" alt=""></div>
<div class="adv_text">
<div class="adv_header">Всегда большое количество заказов</div>
<div class="adv_desc">Приложение показывает, где на данный момент больше всего заказов и где действуют повышенные тарифы. У Вас не будет простоя и холостых пробегов. Наши пассажиры всегда приятные и абсолютно неконфликтные люди, которых приятно возить.</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="adv_wrapper">
<div class="adv_icon"><img src="img/advantage_7.png" alt=""></div>
<div class="adv_text">
<div class="adv_header">Круглосуточная поддержка</div>
<div class="adv_desc">В Uber действует круглосуточная поддержка водителей по электронной почте. Если что-то непонятно, Вы всегда можете задать вопрос через On-line консультацию.</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="adv_wrapper">
<div class="adv_icon"><img src="img/advantage_8.png" alt=""></div>
<div class="adv_text">
<div class="adv_header">Без шашечек и наклеек</div>
<div class="adv_desc">Вам не нужно менять цвет, устанавливать «шашки» на автомобиль и обклеивать его наклейками.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mobile_app" id="mobile_app">
<div class="container">
<div class="label"><span class="label_black">Возможности</span></div>
<h2 class="title text_black">мобильное приложение убер</h2>
<h3 class="subtitle text_black">Сделайте заказ, совершите поездку и оплатите ее стоимость, используя свой мобильный телефон</h3>
<div class="row">
<div class="col-sm-6 col-md-4 d-flex justify-content-center ">
<div class="mobile_app_item_1 overlay">
<div class="mobile_app_item_title">оформление заказа одним касанием</div>
<div class="mobile_app_item_plus"></div>
</div>
</div>
<div class="col-sm-6 col-md-4 d-flex justify-content-center">
<div class="mobile_app_item_2 overlay">
<div class="mobile_app_item_title">надежная подача</div>
<div class="mobile_app_item_plus"></div>
</div>
</div>
<div class="col-sm-6 col-md-4 d-flex justify-content-center">
<div class="mobile_app_item_3 overlay">
<div class="mobile_app_item_title">прозрачные цены</div>
<div class="mobile_app_item_plus"></div>
</div>
</div>
<div class="col-sm-6 col-md-4 d-flex justify-content-center">
<div class="mobile_app_item_4 overlay">
<div class="mobile_app_item_title">безналичная оплата</div>
<div class="mobile_app_item_plus"></div>
</div>
</div>
<div class="col-sm-6 col-md-4 d-flex justify-content-center">
<div class="mobile_app_item_5 overlay">
<div class="mobile_app_item_title">обратная связь</div>
<div class="mobile_app_item_plus"></div>
</div>
</div>
<div class="col-sm-6 col-md-4 d-flex justify-content-center">
<div class="mobile_app_item_6 overlay">
<div class="mobile_app_item_title">разделить стоимость поездки</div>
<div class="mobile_app_item_plus"></div>
</div>
</div>
</div>
</div>
</section>
<section class="car">
<div class="container">
<div class="label"><span class="label_white">Возможности</span></div>
<h2 class="title text_white">Выбор - отличная штука!</h2>
<h3 class="subtitle text_white">Закажите автомобиль, который подходит вам по стилю и бюджету</h3>
<div class="row">
<div class="car_img col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2"><img src="img/car_uber.png" alt=""></div>
</div>
<div class="car_small_text">Машины на каждый день <br> Лучше, быстрее и дешевле, чем такси</div>
</div>
</section>
<section class="require" id="require">
<div class="container">
<div class="label"><span class="label_black">возможности</span></div>
<h2 class="title text_black">условия и требования</h2>
<div class="row">
<div class="col-md-6">
<div class="require_item primary">
<div class="require_item_title">УСЛОВИЯ: со своим авто:</div>
<ul class="require_item_list">
<li>Подключаем к системе UBER под 10%.</li>
<li>Ни каких взносов 0%!</li>
<li>Можем подключать удаленно без приезда в офис</li>
<li>ИП не требуется</li>
<li>Заказы распределяются без учета рейтинга ближайшим водителям</li>
<li>Работа только по безналичному расчету</li>
<li>Деньги перечисляем на карту водителю или наличными в офисе</li>
</ul>
<div class="require_item_desc">В день заработок составляет 7000-12000р + бонус 3000т рублей</div>
</div>
</div>
<div class="col-md-6">
<div class="require_item primary">
<div class="require_item_title">УСЛОВИЯ: на авто компании:</div>
<ul class="require_item_list">
<li>Предоставляем авто без залога</li>
<li>Без ежедневных выплат по аренде</li>
<li>Среда пятница и суббота работа на компанию остальные дни вы работаете на себя</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="require_item warning">
<div class="require_item_title">ТРЕБОВАНИЕ:</div>
<ul class="require_item_list">
<li>Наличие автомобиля без рекламы</li>
<li>Автомобиль не должен быть желтый и не с желтыми номерами</li>
<li>Машина не старше 3 лет</li>
<li>Стаж вождения не менее 3 лет</li>
<li>Дивайс на системе андроид 4.0 и выше(самсунг)</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="require_item warning">
<div class="require_item_title">ДОКУМЕНТЫ:</div>
<ul class="require_item_list">
<li>Права 2 стороны</li>
<li>Паспорт лицевая сторона</li>
<li>СтС</li>
<li>Лицензия( если есть)</li>
<li>Номер телефона</li>
<li>Номер карты для перечисления денег(указать в письме)!</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="world_map" id="map">
<div class="label"><span class="label_white">города</span></div>
<h2 class="title text_white">По всему миру</h2>
<h3 class="subtitle text_white">Мы в вашем городе и по всему миру</h3>
<div class="show_city"><a href="#">посмотреть все города</a></div>
</section>
<footer class="footer">
<div class="footer_social_icons">
<a href="#"><span class="footer_social_icons_item"><i class="fab fa-facebook-f"></i></span></a>
<a href="#"><span class="footer_social_icons_item"><i class="fab fa-twitter"></i></span></a>
<a href="#"><span class="footer_social_icons_item"><i class="fab fa-linkedin"></i></span></a>
<a href="#"><span class="footer_social_icons_item"><i class="fab fa-instagram"></i></span></a>
</div>
<div class="footer_menu">
<div class="footer_menu_line"></div>
<ul class="footer_menu_primary">
<li class="footer_menu_primary_item"><a href="#">на главную</a></li>
<li class="footer_menu_primary_item"><a href="#">города</a></li>
<li class="footer_menu_primary_item"><a href="#">для водителей</a></li>
</ul>
<ul class="footer_menu_secondary">
<li class="footer_menu_secondary_item"><a href="#">центр поддержки</a></li>
<li class="footer_menu_secondary_item"><a href="#">вакансии</a></li>
<li class="footer_menu_secondary_item"><a href="#">разработчики</a></li>
<li class="footer_menu_secondary_item"><a href="#">блог</a></li>
<li class="footer_menu_secondary_item"><a href="#">о нас</a></li>
</ul>
<div class="footer_menu_language"><a href="#">Русский</a></div>
</div>
<div class="footer_app_links">
<div class="footer_app_links_item"><a href=""><img src="icons/app-store-badge.svg" alt=""></a></div>
<div class="footer_app_links_item"><a href=""><img src="icons/google-play-badge.svg" alt=""></a></div>
<div class="footer_app_links_item"><a href=""><img src="icons/windows-badge.svg" alt=""></a></div>
</div>
</footer>
<script src="js/scripts.js"></script>
</body>
</html>