-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
466 lines (457 loc) · 17.2 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
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>تاکسی اینترنتی تپسی - اپلیکیشن درخواست خودرو و پیک | Tapsi</title>
<link rel="stylesheet" href="./css/css-reset.css" />
<link rel="stylesheet" href="./css/home.css" />
<link
rel="shortcut icon"
href="./sources/images/favicon.ico"
type="image/x-icon"
/>
</head>
<body dir="rtl">
<header class="flex">
<div id="logo">
<a href="https://tapsi.ir">
<svg
xmlns="http://www.w3.org/2000/svg"
width="102"
height="22"
viewBox="0 0 102 22"
>
<g fill-rule="evenodd">
<path
fill="#000"
d="M102 5.946h-3.222v4.28H91.8v-4.28h-3.221v4.28h-5.637a1.878 1.878 0 0 1-1.879-1.872V5.946h-3.221v2.408a1.878 1.878 0 0 1-1.879 1.873 1.878 1.878 0 0 1-1.879-1.873V5.946h-3.221v2.408a1.878 1.878 0 0 1-1.879 1.873h-1.879V5.946h-3.22v4.28h-17.18v3.212h3.758v.535c0 2.656-2.167 4.816-4.831 4.816-2.664 0-4.832-2.16-4.832-4.816v-3.746H37.58v3.746c0 4.426 3.613 8.027 8.053 8.027 4.44 0 8.052-3.6 8.052-8.027v-.535H68.985a5.09 5.09 0 0 0 3.489-1.381 5.09 5.09 0 0 0 3.49 1.38 5.09 5.09 0 0 0 3.489-1.38 5.089 5.089 0 0 0 3.489 1.38H102V5.947z"
></path>
<path
fill="#000"
d="M84.702 19.297h3.854V22h3.304v-5.946h-7.158zM102 0h-6.561v2.973H102z"
></path>
<path
fill="#FF5B35"
d="M26.842 11.297H10.737V5.946h16.105zM26.842 22H0v-5.351h26.842z"
></path>
</g>
</svg>
</a>
</div>
<div id="navbar">
<label id="menu-icon">
<input type="checkbox" hidden />
<section></section>
<section></section>
<section></section>
</label>
<nav class="deactive">
<ul>
<li><a href="#">وبلاگ</a></li>
<li><a href="#">فرصت های شغلی</a></li>
<li><a href="#">خدمات کسب و کارها</a></li>
<li><a href="#">پشتیبانی</a></li>
<li><a href="#">دانلود تپسی</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div id="introduction-content" class="flex">
<div class="flex">
<section>
<h1>تپسی</h1>
<h2>اپلیکیشن درخواست خودرو و پیک</h2>
</section>
<a href="#" class="best-links"> دانلود اپلیکیشن مسافران </a>
<a href="#" class="best-links"> وب اپلیکیشن مسافران </a>
<a href="#" class="best-links"> دانلود اپلیکیشن رانندگان </a>
<a href="#" class="best-links"> ثبت نام رانندگان </a>
</div>
</div>
<img
src="./sources/images/mockup-phone.webp"
alt="نقشه"
id="phone-mockup"
/>
<div class="middle-tiles">
<h3 class="title">سرویس های تپسی</h3>
<div id="services">
<ul class="flex">
<li
class="select"
onclick="fetchInformation(this)"
servicetype="line"
>
<section>
<img src="./sources/images/cc-line.png" alt="Car" />
</section>
<h4>تپسی لاین</h4>
</li>
<li
class="unselected"
onclick="fetchInformation(this)"
servicetype="taxi"
>
<section>
<img src="./sources/images/cc-taxi.png" alt="Car" />
</section>
<h4>تاکسی</h4>
</li>
<li
class="unselected"
onclick="fetchInformation(this)"
servicetype="hamkhat"
>
<section>
<img src="./sources/images/cc-hamkhat.png" alt="Car" />
</section>
<h4>هم خط</h4>
</li>
<li
class="unselected"
onclick="fetchInformation(this)"
servicetype="hamyar"
>
<section>
<img src="./sources/images/cc-hamyar.png" alt="Car" />
</section>
<h4>همیار</h4>
</li>
<li
class="unselected"
onclick="fetchInformation(this)"
servicetype="tell"
>
<section>
<img src="./sources/images/cc-tel.png" alt="Car" />
</section>
<h4>تپسی تلفنی</h4>
</li>
<li
class="unselected"
onclick="fetchInformation(this)"
servicetype="plus"
>
<section>
<img src="./sources/images/cc-plus.png" alt="Car" />
</section>
<h4>تپسی پلاس</h4>
</li>
<li
class="unselected"
onclick="fetchInformation(this)"
servicetype="autopeyk"
>
<section>
<img src="./sources/images/cc-autopeyk.png" alt="Car" />
</section>
<h4>اتوپیک</h4>
</li>
<li
class="unselected"
onclick="fetchInformation(this)"
servicetype="motopeyk"
>
<section>
<img src="./sources/images/cc-motopeyk.png" alt="Car" />
</section>
<h4>موتوپیک</h4>
</li>
<li
class="unselected"
onclick="fetchInformation(this)"
servicetype="classic"
>
<section>
<img src="./sources/images/cc-classic.png" alt="Car" />
</section>
<h4>تپسی کلاسیک</h4>
</li>
</ul>
</div>
<div>
<span>تپسی لاین</span>
<p id="services-text" class="param-texts">
تپسی لاین سرویسی است که امکان سفر اشتراکی را برایتان فراهم می‌کند.
در این سرویس شما با مسافر دیگری که هم‌مسیرتان است، هم‌سفر خواهید بود
و هزینه سفرتان تقسیم می‌شود. این سرویس در حال حاضر به دلیل شرایط
همه‌گیری بیماری کرونا از دسترس خارج شده اما با بهبود شرایط می‌توانید
از سرویس لاین استفاده کنید.
</p>
</div>
</div>
<div class="middle-tiles">
<div id="services-for-business" class="tiles">
<img
src="./sources/images/i-mac.webp"
alt="I-mac"
class="tiles-images"
/>
<div>
<h3 class="title">خدمات تپسی ویژه ی کسب و کارها</h3>
<p class="param-texts">
پنل سازمانی تپسی، یک سامانه تحت وب است که به سادگی امکان درخواست
هم‌زمان تعداد نامحدودی خودرو و پیک را برای کسب‌وکارها و سازمان‌ها
فراهم می‌کند. و با استفاده از آن می‌توانید ماموریت های درون‌شهری و
ارسال کالاهای خود را به سادگی مدیریت کنید.
</p>
<a href="#" class="more-info">اطلاعات بیشتر سرویس سازمانی</a>
<br /><br />
<a href="#" class="tiles-links">ورود و ثبت نام پنل سازمانی</a>
</div>
</div>
</div>
<div class="middle-tiles">
<div id="buy-credit-code" class="tiles">
<img
src="./sources/images/macbook.webp"
alt="I-mac"
class="tiles-images"
/>
<div>
<h3 class="title">خرید کد اعتبار تپسی</h3>
<p class="param-texts">
کاربران، کسب‌وکارها و سازمان‌ها می‌توانند به تعداد و مبلغ مورد
نظرشان، کد اعتبار یا کد تخفیف تپسی تهیه کرده، برای خود، پرسنل و یا
مشتریانشان استفاده کنند و از تخفیف‌های ویژه تپسی نیز بهره‌مند
شوند. این کدها امکان سفارشی‌سازی بر اساس مبدا، مقصد، زمان، درصد و
مبلغ را دارند.
</p>
<a href="#" class="tiles-links">خرید کد اعتبار و تخفیف</a>
</div>
</div>
</div>
<div id="transparent-block" class="flex">
<ul>
<li>
<section class="title">بسته امنیت سفر</section>
<p class="param">
امکانات ویژه امنیت سفر، شامل اشتراک سفر و پشتیبانی ۲۴ ساعته تیم
متخصصین امنیت تپسی
</p>
</li>
<li>
<section class="title">درخواست تلفنی</section>
<p class="param">
امکان درخواست خودرو بدون نیاز به اینترنت و اپلیکیشن، از طریق تماس
با شماره ۱۶۳۰
</p>
</li>
<li>
<section class="title">دسترس‌پذیری برای توان‌یابان</section>
<p class="param">
امکان استفاده کاربران نابینا و ناشنوا از اپلیکیشن تپسی و عدم کسر
کمیسیون از سفر مسافران ویلچردار
</p>
</li>
<li>
<section class="title">امکانات هوشمند</section>
<p class="param">
سهولت استفاده از اپلیکیشن با پیشنهاد مبدا و مقصد سفر، مقاصد منتخب
و پیشنهادهای ویژه شما
</p>
</li>
</ul>
</div>
<div id="features-for-taxi-driver" class="middle-tiles tiles">
<img
class="tiles-images"
src="./sources/images/driver.webp"
alt="راننده"
driverimg
/>
<div>
<h3 class="title">مزایای تپسی برای رانندگان تاکسی اینترنتی</h3>
<p class="param-texts">
رانندگان (سفیران) به‌عنوان همکاران تپسی، جایگاه ویژه‌ای برای شرکت
دارند. به همین‌دلیل مزایای مختلفی برای آنها در نظر گرفته شده است.
</p>
<br /><br />
<div class="feature-list">
<h4>کسب درآمد روزانه، پایدار و بدون محدودیت</h4>
<ul>
<li>۱. امکان تسویه‌ی اعتبار در هر ساعت از شبانه‌روز</li>
<li>
۲. طرح‌های تشویقی، ماموریت‌ها، پاداش و اعطای وام‌های قرض‌الحسنه
به‌طور دوره‌ای
</li>
<li>
۳. نمایش مکان‌های پردرخواست در اپلیکیشن و دریافت سفرهای طلایی
</li>
</ul>
</div>
<br />
<div class="feature-list">
<h4>تضمین امنیت و پشتیبانی رانندگان</h4>
<ul>
<li>۱. پشتیبانی ۲۴ ساعته</li>
<li>
۲. امکانات امنیت سفر شامل تماس اضطراری با واحد امنیت و پشتیبانی
۲۴ ساعته تیم امنیت
</li>
</ul>
</div>
<br />
<div class="feature-list">
<h4>واریز سهمیه بنزین ویژه رانندگان تپسی</h4>
<ul>
<li>۱. نمایش میزان پیمایش ماهانه درون اپلیکیشن</li>
<li>۲. محاسبه‌ی مسافت طی شده تا مسافر در پیمایش</li>
</ul>
</div>
<br />
<div class="feature-list">
<h4>استفاده از مزایای <a href="#">باشگاه رانندگان تپسی</a></h4>
<ul>
<li>۱. نمایش میزان پیمایش ماهانه درون اپلیکیشن</li>
<li>۲. محاسبه‌ی مسافت طی شده تا مسافر در پیمایش</li>
</ul>
</div>
<br />
<div class="links">
<div class="flex">
<a href="#">ثبت نام راننده تاکسی آنلاین</a>
<a href="#">دانلود برنامه تپسی</a>
</div>
</div>
</div>
</div>
</main>
<footer>
<ul class="flex">
<li>
<a href="#">
<img
src="./sources/images/tapsi-logo-white.svg"
alt="تپسی"
tapsi-light-logo
/></a>
<h3>اپلیکیشن درخواست خودرو و پیک</h3>
</li>
<li>
<h6 class="title">تپسی</h6>
<ul>
<li>
<a href="#"> وبلاگ تپسی </a>
</li>
<li>
<a href="#"> فرصت های شغلی </a>
</li>
<li>
<a href="#"> تماس باما </a>
</li>
<li>
<a href="#"> لوگو و هویت سازمانی </a>
</li>
</ul>
</li>
<li>
<h6 class="title">مسافران</h6>
<ul>
<li>
<a href="#"> دانلود اپ مسافران </a>
</li>
<li>
<a href="#"> نسخه وب تپسی </a>
</li>
<li>
<a href="#"> پرسش های متداول مسافران </a>
</li>
<li>
<a href="#"> باشگاه مشتریان </a>
</li>
</ul>
</li>
<li>
<h6 class="title">رانندگان</h6>
<ul>
<li>
<a href="#"> ثبت نام راننده تاکسی اینترنتی </a>
</li>
<li>
<a href="#"> دانلود اپ سفیر </a>
</li>
<li>
<a href="#"> پرسش های متداول سفیران </a>
</li>
<li>
<a href="#"> باشگاه سفیران </a>
</li>
</ul>
</li>
<li>
<h6 class="title">کسب‌وکارها</h6>
<ul>
<li>
<a href="#"> پنل سازمانی تپسی </a>
</li>
<li>
<a href="#"> خرید کد اعتبار و تخفیف </a>
</li>
<li>
<a href="#"> دریافت API </a>
</li>
<li>
<a href="#"> شرایط و قوانین </a>
</li>
</ul>
</li>
</ul>
<div subfooter>
<p>تمام حقوق مادی و معنوی این وبسایت متعلق به تپسی است.</p>
<ul social-media class="flex">
<li>
<a href="#" target="_blink">
<img
src="./sources/images/social media/facebook.svg"
alt="Facebook"
width="15"
/>
</a>
</li>
<li>
<a href="https://instagram.com/_hamedtaherkhani_/" target="_blink">
<img
src="./sources/images/social media/instagram.svg"
alt="Instagram"
width="25"
/>
</a>
</li>
<li>
<a href="#">
<img
src="./sources/images/social media/twitter.svg"
alt="Twitter"
/>
</a>
</li>
<li>
<a href="https://github.com/Hamed-Taherkhani" target="_blink">
<img
src="./sources/images/social media/github.png"
alt="Github"
/>
</a>
</li>
<li>
<a
href="https://www.linkedin.com/in/hamed-taherkhani-217910210/"
target="_blink"
>
<img
src="./sources/images/social media/linkedin.png"
alt="Linkdin"
/>
</a>
</li>
</ul>
</div>
</footer>
<script src="./js/handler.js" defer></script>
<script src="./js/ajax.js" defer></script>
</body>
</html>