-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
298 lines (269 loc) · 20.1 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<meta name="viewport" content="width=device-width, initial-scale=0.5">
<title>РЕД-ТАКСИ.МОСКВА</title>
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/aos.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/cdn.jsdelivr.net_npm_swiper@10_swiper-bundle.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<script src="./js/jquery-3.5.1.min.js"></script>
<script defer src="./js/up.js"></script>
<script defer src="./js/aos.js"></script>
<script defer src="./js/cdn.jsdelivr.net_npm_swiper@10_swiper-bundle.min.js"></script>
<script defer src="./js/js-swipper.js"></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(97878028, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/97878028" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<div id="#top" class="container-main">
<header>
<div class="nav-container">
<nav class="nav-top">
<ul class="nav-list">
<li data-aos="flip-up" data-aos-delay="200" class="nav-item">
<div class="logo-car"><a href="#" class="nav-top"></a></div>
</li>
<li data-aos="flip-up" data-aos-delay="300" class="nav-item"><a href="#zp" class="nav-top">Зарплата</a></li>
<li data-aos="flip-up" data-aos-delay="400" class="nav-item"><a href="#cond-anker" class="nav-top">Условия</a></li>
<li data-aos="flip-up" data-aos-delay="500" class="nav-item"><a href="#cars" class="nav-top">Автопарк</a></li>
<li data-aos="flip-up" data-aos-delay="600" class="nav-item"><a href="#footer-element-1-id" class="nav-top">Контакты</a></li>
<li data-aos="flip-up" data-aos-delay="700" class="nav-item"><a class="phone" href="tel:79153052522">+7 915 305-25-22</a></li>
</ul>
</nav>
</div>
</header>
<section class="section-1">
<div class="car">
<div class="info-car-block">
<div data-aos="fade-left" data-aos-delay="200" class="logo"></div>
<p data-aos="fade-right" data-aos-delay="100" class="cer-info-1 glow-on-hover">Работа водителем такси в Москве!</p>
<p data-aos="fade-left" data-aos-delay="200" class="cer glow-on-hover">50/50</p>
<p data-aos="fade-left" data-aos-delay="200" class="cer-info-2 glow-on-hover">с нас автомобиль</p>
<p data-aos="fade-left" data-aos-delay="200" class="cer-info-2 glow-on-hover">с вас желание</p>
<p data-aos="fade-left" data-aos-delay="200" class="cer-info-2 glow-on-hover">работать и зарабатывать</p>
<p data-aos="fade-right" data-aos-delay="300" class="cer-info-2 glow-on-hover mb2">от <span class="cer">100.000р</span> в месяц!</p>
<p data-aos="fade-left" data-aos-delay="400" class="cer-info-3"><a class="button glow-on-hover" href="whatsapp://send?phone=79153052522" alt="Написать в Whatsapp">Получить консультацию</a></p>
<!-- <p data-aos="fade-left" data-aos-delay="400" class="cer-info-3"><a class="button glow-on-hover" href="https://wapp.click/79153052522" target="_blank" alt="Написать в Whatsapp" >Получить консультацию</a></p> -->
</div>
</div>
<div class="work-type">
<div class="head2">
<p data-aos="flip-up" data-aos-delay="200" class="work">Выбери <span class="red-text">оптимальный</span> график работы!</p>
</div>
<div class="wrap-scale">
<div class="scale"></div>
<div class="info">
<div class="chess"></div>
<p class="info-item-uppercase">Узнай больше</p>
<p class="info-item">в наших соцсетях!</p>
<div class="wrap-social">
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="500" class="telegram glow-on-hover">
<a href="https://t.me/ReedTaxi" target="_blank" alt="Написать в telegram">
<img class="telegram" src="./pic/social/social3.png" alt="">
</a>
</div>
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="800" class="whatsup glow-on-hover">
<a href="whatsapp://send?phone=79153052522" alt="Написать в Whatsapp">
<img class="whatsup" src="./pic/social/social1.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-2">
<div class="conditions">
<div class="conditions-info">
<p data-aos="fade-right" data-aos-delay="800" class="conditions-item-red">Если ты...</p>
<div class="wrap-check"><img data-aos="flip-up" data-aos-delay="950" src="./pic/check.png" alt="" class="check2"><p data-aos="fade-left" data-aos-delay="200" class="conditions-item"> старше 21 года</p></div>
<div class="wrap-check"><img data-aos="flip-up" data-aos-delay="1150" src="./pic/check.png" alt="" class="check2"> <p data-aos="fade-right" data-aos-delay="300" class="conditions-item"> стаж вождения</p></div>
<p data-aos="fade-left" data-aos-delay="400" class="conditions-item"> в категории В</p>
<p data-aos="fade-right" data-aos-delay="500" class="conditions-item"> больше ТРЕХ лет</p>
<div class="wrap-check"><img data-aos="flip-up" data-aos-delay="1250" src="./pic/check.png" alt="" class="check2"> <p data-aos="fade-left" data-aos-delay="600" class="conditions-item"> имеешь гражданство РФ</p></div>
<div class="wrap-check"><img data-aos="flip-up" data-aos-delay="1450" src="./pic/check.png" alt="" class="check2"><p data-aos="fade-right" data-aos-delay="700" class="conditions-item"> проходишь по всем</p></div>
<p data-aos="fade-right" data-aos-delay="500" class="conditions-item pb"> пунктам?</p>
<p data-aos="fade-left" data-aos-delay="800" class="conditions-item"><a href="https://t.me/ReedTaxi" target="_blank" alt="Написать в telegram" class="button-condition glow-on-hover">Да, все отлично!</a></p>
</div>
</div>
<div class="exp-1">
<h2 data-aos="flip-up" data-aos-delay="200" class="exp-header">Опыт работы в такси <span class="exp-header-orange">не обязателен!</span></h2>
</div>
<div class="exp-chess-2"></div>
</section>
<section class="section-3">
<div class="girl-conditions">
<div class="girl"></div>
<div class="conditions-lists">
<h3 data-aos="fade-left" data-aos-delay="200" class="girl-header">Здесь тебя ждут <span class="girl-header-red">лучшие условия!</span></h3>
<div class="wrap-conditions">
<img data-aos="flip-up" data-aos-delay="150" src="./pic/conditions/conditions1.png" alt="" class="cond">
<p data-aos="fade-left" data-aos-delay="100" class="list-item">Свободный и удобный график</p>
</div>
<div class="wrap-conditions">
<img data-aos="flip-up" data-aos-delay="250" src="./pic/conditions/conditions2.png" alt="" class="cond">
<p data-aos="fade-right" data-aos-delay="200" class="list-item">Обучение у опытных специалистов</p>
</div>
<div class="wrap-conditions">
<img data-aos="flip-up" data-aos-delay="350" src="./pic/conditions/conditions3.png" alt="" class="cond">
<p data-aos="fade-left" data-aos-delay="300" class="list-item">Собственная мойка на выгодных условиях!</p>
</div>
<div class="wrap-conditions">
<img data-aos="flip-up" data-aos-delay="450" src="./pic/conditions/conditions4.png" alt="" class="cond">
<p data-aos="fade-right" data-aos-delay="400" class="list-item">Выезд на смену с полным баком!</p>
</div>
<div class="wrap-conditions">
<img data-aos="flip-up" data-aos-delay="550" src="./pic/conditions/conditions5.png" alt="" class="cond">
<p data-aos="fade-left" data-aos-delay="500" class="list-item">Полный инструктаж по вождению и использованию приложений</p>
</div>
</div>
</div>
</section>
<section class="section-4">
<div class="conditions-icons">
<div id="cond-anker" class="cond-heder">
<h3 data-aos="flip-up" data-aos-delay="200" class="header-icon">Условия, которых ты достоин!</h3>
</div>
<div class="wrap-cond">
<div data-aos="fade-up-right" data-aos-delay="100" class="icons icon-pig">
<p class="pig cond-text">Нет залога</p>
<p class="pig cond-text">Нет аренды</p>
<p class="pig cond-text">Нет плана</p>
</div>
<div data-aos="fade-up-right" data-aos-delay="200" class="icons icon-can">
<p class="can cond-text">Заправка</p>
<p class="can cond-text">Перед</p>
<p class="can cond-text">Сменой</p>
</div>
<div data-aos="fade-up-right" data-aos-delay="300" class="icons icon-lic">
<p class="lic cond-text">Помощь</p>
<p class="lic cond-text">В получении</p>
<p class="lic cond-text">ID водителя</p>
</div>
<div data-aos="fade-up-right" data-aos-delay="400" class="icons icon-mans">
<p class="mans cond-text">Инструктаж</p>
<p class="mans cond-text">Для начинающих</p>
<p class="mans cond-text">В бизнесе</p>
</div>
<div data-aos="fade-up-right" data-aos-delay="500" class="icons icon-man">
<p class="man cond-text">Профильное</p>
<p class="man cond-text">Обучение</p>
<p class="man cond-text">Работе в такси</p>
</div>
<div data-aos="fade-up-right" data-aos-delay="600" class="icons icon-car">
<p class="car-ico cond-text">Лицензия</p>
<p class="car-ico cond-text">На такси</p>
<p class="car-ico cond-text">уже оформлена</p>
</div>
<div data-aos="fade-up-right" data-aos-delay="700" class="icons icon-gbox">
<p class="gbox cond-text">все</p>
<p class="gbox cond-text">машиы</p>
<p class="gbox cond-text">с акпп</p>
</div>
<div data-aos="fade-up-right" data-aos-delay="800" class="icons icon-shield">
<p class="shield cond-text">автомобиль</p>
<p class="shield cond-text">застрахован</p>
<!-- <p class="shield cond-text">осаго/каско</p> -->
</div>
</div>
</div>
</section>
<section class="section-5">
<div id="cars" class="slider-header">
<h5 data-aos="flip-up" data-aos-delay="200" class="slider-h">выбери модель из <span class="slider-h-orangh">нашего автопарка!</span></h5>
</div>
<div class="slider">
<div class="slider-wrapper">
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"><img class="fit" src="./pic/slider/1920/1920_Chery_Tiggo.png" alt=""></div>
<div class="swiper-slide"><img class="fit" src="./pic/slider/1920/1920_Elantra.png" alt=""></div>
<div class="swiper-slide"><img class="fit" src="./pic/slider/1920/1920_KiaK5_1.png" alt=""></div>
<div class="swiper-slide"><img class="fit" src="./pic/slider/1920/1920_KiaK5_2.png" alt=""></div>
<div class="swiper-slide"><img class="fit" src="./pic/slider/1920/1920_Sonata.png" alt=""></div>
</div>
</div>
</div>
</div>
</section>
<section class="section-6">
<div class="address-block">
<div id="zp" class="wrap-address-block">
<p data-aos="fade-right" data-aos-delay="100" class="payment-1 pb">получи выплату <span class="block-orang">сразу после первой смены!</span></p>
<p data-aos="fade-left" data-aos-delay="200" class="check block-orang pb">расчет ежедневно!</p>
<p data-aos="fade-right" data-aos-delay="300" class="address">получи консультации по телефону</p>
<p data-aos="fade-left" data-aos-delay="400" class="address pb">или <span class="block-orang">приходи на собеседование</span> по адресу:</p>
<a data-aos="fade-right" data-aos-delay="500" class="addres-link" href="https://yandex.ru/maps/-/CDCw7C-W">
<p data-aos="fade-left" data-aos-delay="600" class="address block-orang">г. москва ул.Буракова 14с5</p></a>
<p data-aos="fade-right" data-aos-delay="700" class="address block-orang">станция метро мцк шоссе энтузиастов</p>
<p data-aos="fade-left" data-aos-delay="800" class="address block-orang">станция метро авиамоторная</p>
<p data-aos="fade-right" data-aos-delay="900" class="address block-orang pb"></p>
<p data-aos="fade-left" data-aos-delay="1000" class="address"><span class="block-red">зарабатывай уже сейчас!</span></p>
<p data-aos="fade-left" data-aos-delay="1000" class="address"><span class="block-red">от 4500р за смену!</span></p>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-wrap">
<div id="footer-element-1-id" class="footer-element-1">
<h2 data-aos="fade-left" data-aos-delay="300" class="footer-contacts">контакты</h2>
</div>
<div class="footer-element-2">
<div class="innerelements">
<p data-aos="fade-left" data-aos-delay="100" class="footer-address-element wheat">Адрес:</p>
<a data-aos="fade-right" data-aos-delay="200" class="addres-link" href="https://yandex.ru/maps/-/CDwMJNjT">
<p data-aos="fade-left" data-aos-delay="300" class="footer-address-element hover-link">г. Москва ул.Плеханова 10</p></a>
<p data-aos="fade-right" data-aos-delay="400" class="footer-address-element">М/МЦК Шоссе Энтузиастов</p>
<!-- <p data-aos="fade-left" data-aos-delay="500" class="footer-address-element ">М Авиамоторная</p> -->
<!-- <p data-aos="fade-right" data-aos-delay="600" class="footer-address-element wheat"></p>
<p data-aos="fade-left" data-aos-delay="700" class="footer-address-element"></p> -->
<p data-aos="fade-left" data-aos-delay="500" class="footer-address-element">Email:</p>
<p data-aos="fade-right" data-aos-delay="700" ><a href="mailto:[email protected]" class="email-link">[email protected]</a></p>
<p data-aos="fade-left" data-aos-delay="900" class="footer-address-element">Номер телефона:</p>
<p data-aos="fade-right" data-aos-delay="1100" ><a href="tel:+79153052522" class="phone-footer">+7 915 305-25-22</a></p>
</div>
</div>
<div class="footer-element-3">
<p data-aos="fade-right" data-aos-delay="800" class="footer-address-element wheat">Реквизиты:</p>
<p data-aos="fade-left" data-aos-delay="900" class="footer-address-element">ИНН 372003082505</p>
<!-- <p data-aos="fade-right" data-aos-delay="1000" class="footer-address-element ">КПП 503601001</p> -->
<p data-aos="fade-left" data-aos-delay="1100" class="footer-address-element">Р/с 40802810601610001117</p>
</div>
</div>
<div class="footer-chess"></div>
</footer>
</div>
<div class="upbtn" style="bottom: -80px;">
</div>
</body>
</html>