-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathCabRide.html
183 lines (175 loc) · 8.52 KB
/
CabRide.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
<!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>Book Cabs, Autos & Car Rentals | CabRide</title>
<link rel="stylesheet" href="CabRide_style.css">
<link rel="stylesheet" href="fontawesome-free-5.15.3-web/css/all.min.css">
<link rel="shortcut icon" href="CabRide_logo.png" type="img/x-icon">
</head>
<body>
<div class="main-container">
<div class="background-text">
<h2>book a <span>cab now</span></h2>
</div>
<header class="header">
<a href="#" id="logo"><img src="./CabRide_name.png" width="150px"></a>
<nav class="navbar">
<a href="#">home</a>
<a href="#">drive</a>
<a href="#">select</a>
<a href="#">offers</a>
<a href="#">gallery</a>
<a href="#">support</a>
<a href="#">about</a>
</nav>
<a href="#" id="menu-bars" class="fas fa-bars"></a>
</header>
<div class="taxi-image">
<img src="./Car-2.png" alt="">
</div>
</div>
<div class="home-container">
<div class="home-content">
<div class="inner-content">
<h3>best in city</h3>
<h2>trusted cab service in country</h2>
<p>To travel with the lowest fares choose CarRide Share. For a faster travel experience we have Share Express on some fixed routes with zero deviations. Choose your ride and zoom away!</p>
<a href="#" class="booknow">book now</a>
</div>
<div class="inner-content">
<div class="contact-form">
<div class="form-heading">
<h1>book a cab</h1>
</div>
<div class="form-fields">
<input type="text" placeholder="name">
<input type="number" placeholder="phone">
<input type="text" placeholder="date">
<input type="text" placeholder="when">
<input type="text" placeholder="pickup location">
<input type="text" placeholder="drop location">
</div>
<div class="search-cabs">
<a href="#">Search cabs</a>
</div>
</div>
</div>
</div>
</div>
<div class="fast-booking">
<h1 class="fast-heading">we do best</h1>
<h2>than you wish</h2>
<div class="inner-fast">
<div class="booking-content">
<div class="icon-fast">
<span><i class="fas fa-rupee-sign"></i></span>
</div>
<div class="inner-fast-text">
<h1>cab for every pocket</h1>
<p>From Sedans and SUVs to Luxury cars for special occasions, we have cabs to suit every pocket. You can also go cashless and travel easy.</p>
</div>
</div>
<div class="booking-content">
<div class="icon-fast">
<span><i class="fas fa-shield-alt"></i></span>
</div>
<div class="inner-fast-text">
<h1>Secure and Safer Rides</h1>
<p>Verified drivers, an emergency alert button, and live ride tracking are some of the features that we have in place to ensure you a safe travel experience.</p>
</div>
</div>
<div class="booking-content">
<div class="icon-fast">
<span><i class="fas fa-car"></i></span>
</div>
<div class="inner-fast-text">
<h1>share and express</h1>
<p>To travel with the lowest fares choose CityRide Share. For a faster travel experience we have Share Express on some fixed routes with zero deviations. Choose your ride and zoom away!</p>
</div>
</div>
<div class="booking-content">
<div class="icon-fast">
<span><i class="fas fa-music"></i></span>
</div>
<div class="inner-fast-text">
<h1>in cab entertainment</h1>
<p>Play music, watch videos and a lot more with CityRide Play! Also stay connected even if you are travelling through poor network areas with our free Wi-fi facility.</p>
</div>
</div>
</div>
</div>
<div class="main-tariff">
<h1>our <span>rides</span></h1>
<div class="inner-tariff">
<div class="tariff-container">
<div class="inner-box1">
<img src="cab-2.png" alt="" width="175" height="89">
<h2>Mini</h2>
<p>A regular comfortable AC hatchback that becomes your everyday dependable ride. An economical option for daily commute.</p>
<h3>Small fares for short rides</h3>
<a href="#">request now</a>
</div>
</div>
<div class="tariff-container">
<div class="inner-box2">
<img src="autorickshaw.png" alt="" width="230">
<h2>Auto</h2>
<p>The all too familiar auto ride, minus the hassle waiting and haggling for price .A convient way to travel everyday.</p>
<h3 class="yellow-section">Get an auto at your doorstep!</h3>
<a href="#" class="btn-yellow">request now</a>
</div>
</div>
<div class="tariff-container">
<div class="inner-box3">
<img src="Car-1.png" alt="" width="210">
<h2>Prime SUV</h2>
<p>SUVs with free Wi-fi and top drivers for a comfortable getaway with room for everyone including that extra bag.</p>
<h3>Perfect for weekend family getaways</h3>
<a href="#">request now</a>
</div>
</div>
</div>
</div>
<div class="some-faqs">
<h1>cabs booking FAQs</h1>
<div class="main-faqs">
<div class="faqs">
<div class="ques">
<h2>What kind of cabs you can book from CarRide?</h2>
</div>
<div class="ans">
<p>You can book following kinds of cabs from CarRide: airport cabs and intercity cabs / outstation cabs. You can book outstation cabs for both one-way transfers & round-trip transfers.</p>
</div>
</div>
<div class="faqs">
<div class="ques">
<h2>How can I book cheap cabs online?</h2>
</div>
<div class="ans">
<p>CarRide helps you with online cab booking at the best prices, comparatively much lower than the local vendors. Also you can use promo codes and offers on the CarRide website & app on online cab booking to get extra discounts.</p>
</div>
</div>
<div class="faqs">
<div class="ques">
<h2>What are the advantages of online taxi booking?</h2>
</div>
<div class="ans">
<p>Online taxi booking not only helps you with best prices but also helps you with the convenience of paying through multiple payment options (like Debit Card, Credit Card, eWallets etc.). You can easily compare prices and choose various categories of cabs like Hatchback cars, Sedan and SUV.</p>
</div>
</div>
<div class="faqs">
<div class="ques">
<h2>What are the popular outstation cab booking routes?</h2>
</div>
<div class="ans">
<p>Some of the popular outstation cab booking routes are Pune to Mumbai cabs, Delhi to Jaipur cabs, Delhi to Agra cabs, Pondicherry to Chennai cabs, Ahmedabad to Vadodara cabs, Bangalore to Mysore cabs and Mumbai to Pune cabs.</p>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>