-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (74 loc) · 4.04 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
<!DOCTYPE html>
<html >
<head>
<link href="https://fonts.googleapis.com/css2?family=Vazir:wght@400;700&display=swap" rel="stylesheet">
<title>Snapp! Navbar</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body dir="rtl" >
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="logo">
<img src="https://web-cdn.snapp.ir/snapp-website/icons/snappTextLogo.svg" alt="Snapp! Logo">
</div>
<ul class="">
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">سوپراپ اسنپ</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">درخواست تاکسی</a>
<a class="dropdown-item" href="#">پیک موتوری</a>
<a class="dropdown-item" href="#">سفارش آنلاین غذا</a>
<a class="dropdown-item" href="#">سوپرمارکت</a>
<a class="dropdown-item" href="#">بلیط هواپیما</a>
</div>
</li>
<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>
<!-- ====================================================================== -->
<!-- ====================================================================== -->
<section class="section">
<div class="paragraph-container">
<div class="container">
<h1 class="text-start">تجربه‌ی زندگی راحت‌تر، سریع‌تر و به‌صرفه‌تر با سوپراپلیکیشن اسنپ!</h1>
<p class="text-start">از درخواست خودرو گرفته تا سفارش غذا، خرید سوپرمارکتی، خرید بلیط سفر، رزرو هتل و ... را میتوانید با اسنپ انجام دهید.</p>
<div class="input-group">
<input type="text" placeholder="09XXXXXX6789">
<button class="button-send">ارسال لینک</button>
</div >
<button class="button-two text-start">ورود به وب اپلیکیشن اسنپ</button>
</div>
</div>
<div class="image-container">
<img class="w-100" src="https://web-cdn.snapp.ir/snapp-website/images/homepage/intro_desktop.jpg" alt="Snapp introduction image">
</div>
</section>
<!-- ====================================================================== -->
<div class="mt-5 row-2 ">
<div class="d-flex justify-content-around">
<a href="https://example.com/link1" class="btn btn-image">
<img src="https://web-cdn.snapp.ir/snapp-website/images/homepage/markets/bazaar.png" alt="Button 1">
</a>
<a href="https://example.com/link2" class="btn btn-image">
<img src="https://web-cdn.snapp.ir/snapp-website/images/homepage/markets/app_store.svg" alt="Button 2">
</a>
<a href="https://example.com/link3" class="btn btn-image">
<img src="https://web-cdn.snapp.ir/snapp-website/images/homepage/markets/snapp-pwa.png" alt="Button 3">
</a>
<a href="https://example.com/link4" class="btn btn-image">
<img src="https://web-cdn.snapp.ir/snappir-marketing/app/myketmarket.png" alt="Button 4">
</a>
<a href="https://example.com/link5" class="btn btn-image">
<img src="https://web-cdn.snapp.ir/snapp-website/images/homepage/markets/direct-download-badge.png" alt="Button 5">
</a>
</div>
</div>
<!-- ====================================================================== -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>