-
Notifications
You must be signed in to change notification settings - Fork 3
/
rentTOown.html
369 lines (339 loc) · 14.7 KB
/
rentTOown.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
<!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>
Rent to Own Two Wheerers | ONN | Solve your everyday travel needs
</title>
<link rel="stylesheet" href="rentTOown.css" />
</head>
<body>
<div id="rentTOownCont">
<div id="upperHomeDiv">
<div>
<img src="https://get.onn.app/wp-content/uploads/2020/03/ONN-Logo-Website_-100x100.png" width="9%" alt="" />
</div>
<div>
<h1>Book your ONN Bike Today</h1>
</div>
<div class="bigRentToOwn">
<h1>RENT TO OWN</h1>
</div>
<span class="upperHomePic">
<img
src="https://get.onn.app/wp-content/uploads/2020/05/r20-hero-3-bikes.png"
alt=""
/>
</span>
</div>
<div class="upperhomeicon">
<div class="uppericonbox">
<span><img
src="https://get.onn.app/wp-content/uploads/2020/06/No-down-payment-icon.svg"
alt=""
/></span>
<span>No Down payment</span>
</div>
<div class="uppericonbox">
<span><img
src="https://get.onn.app/wp-content/uploads/2020/06/Contactless-home-delivery-icon.svg"
alt=""
/></span>
<span>Contactless home delivery</span>
</div>
<div class="uppericonbox">
<span><img
src="https://get.onn.app/wp-content/uploads/2020/06/Flexible-payments-icon.svg"
alt=""
/></span>
<span>Flexible payments</span>
</div>
<div class="uppericonbox">
<span><img
src="https://get.onn.app/wp-content/uploads/2020/06/Low-EMIs-icon.svg"
alt=""
/></span>
<span>Low EMIs</span>
</div>
</div>
<div class="uppermidh1">
<h1>Starting at ₹ 2299/month*</h1>
</div>
<div id="uppermidbox">
<div class="uppermidbox1">
<div class="upperInputbox">
<div><input type="text" placeholder=" Your Nmae" /></div>
</div>
<div class="upperInputbox">
<div><input type="text" placeholder=" Phone Number" /></div>
</div>
<div class="upperInputbox">
<div><input type="text" placeholder=" Your Email" /></div>
</div>
</div>
<div class="uppermidbox2">
<div class="upperInputbox">
<select name="city" aria-required="true" aria-invalid="false">
<option value="">Choose City</option>
<option value="Pune">Pune</option>
<option value="Bengaluru">Bengaluru</option>
<option value="Hyderabad">Hyderabad</option>
<option value="Jaipur">Jaipur</option>
<option value="Mysuru">Mysuru</option>
<option value="Udaipur">Udaipur</option>
</select>
</div>
<div class="upperInputbox">
<select class="uppermidboxselect2" name="bike" id="which-bike" aria-required="true" aria-invalid="false">
<option value="">Choose Bike</option>
<option value="Pulsar 150">Pulsar 150</option>
<option value="Pulsar 180">Pulsar 180</option>
<option value="Pulsar NS 160">Pulsar NS 160</option>
<option value="Pulsar NS 200">Pulsar NS 200</option>
<option value="Avenger 220 Cruise">Avenger 220 Cruise</option>
<option value="Avenger 220 Street">Avenger 220 Street</option>
<option value="Pulsar 135 LS">Pulsar 135 LS</option>
<option value="KTM Duke">KTM Duke</option>
<option value="Dominar">Dominar</option>
<option value="Royal Enfield Himalayan">
Royal Enfield Himalayan
</option>
<option value="Royal Enfield Thunderbird">
Royal Enfield Thunderbird
</option>
<option value="Royal Enfield Classic">
Royal Enfield Classic
</option>
<option value="Yamaha FZ">Yamaha FZ</option>
<option value="Honda Hornet">Honda Hornet</option>
<option value="Honda Dio">Honda Dio</option>
<option value="Honda Activa">Honda Activa</option>
<option value="Honda Livo">Honda Livo</option>
<option value="Bajaj CT">Bajaj CT</option>
<option value="Honda Navi">Honda Navi</option>
<option value="Dream Neo">Dream Neo</option>
<option value="Honda Cliq">Honda Cliq</option>
<option value="Honda CD110">Honda CD110</option>
</select>
</div>
<div class="upperInputbox upperInputboxbtn">
<input onclick="RequestPrice()" type="submit" value="Request Price" />
</div>
</div>
</div>
<div class="backgroundWhyChoose">
<div class="whyonnChooseMain">
<div class="whyonnChoose">
<h2>Why choose ONN?</h2>
<p>
ONN Rent-to-Own let’s you enjoy owning your own bike with easy monthly payments. Why buy second-hand two-wheelers when you can get 1 year+ service & warranty* and no lock-ins with ONN? Book now and get your bike delivered to your doorstep immediately*!
</p>
</div>
</div>
<div class="whyonnChoose2main">
<div class="whyonnChoose2mainbox">
<div class="whychose2ndSubBox">
<div>
<span>
<img
src="https://get.onn.app/wp-content/uploads/2020/06/Zero-Down-payment.svg"
alt=""
/>
</span>
</div>
<div>
<h3><span>Zero-down Payment</span></h3>
<div>
<p>
Get your bike by just paying the first monthly rental fee and ride out today
</p>
</div>
</div>
</div>
<div class="whychose2ndSubBox">
<div>
<span>
<img
src="https://get.onn.app/wp-content/uploads/2020/06/Flexible.svg"
alt=""
/>
</span>
</div>
<div>
<h3><span>Flexible & No Lock-in</span></h3>
<div>
<p>
ONN offers the choice to select from flexible plans according to your needs.
</p>
</div>
</div>
</div>
<div class="whychose2ndSubBox">
<div>
<span>
<img
src="https://get.onn.app/wp-content/uploads/2020/06/Lower-than-EMI.svg"
alt=""
/>
</span>
</div>
<div>
<h3><span>Lower than EMI’s</span></h3>
<div>
<p>
Starting at really low rates, you can get your own bike for lower than most EMIs
</p>
</div>
</div>
</div>
</div>
<div class="whyonnChoose2mainbox">
<div class="whychose2ndSubBox">
<div>
<span>
<img
src="https://get.onn.app/wp-content/uploads/2020/06/Doorstep-Delivery.svg"
alt=""
/>
</span>
</div>
<div>
<h3><span>Doorstep Delivery</span></h3>
<div>
<p>
Book today enjoy having your bike delivered to your doorstep at no additional cost
</p>
</div>
</div>
</div>
<div class="whychose2ndSubBox">
<div>
<span>
<img
src="https://get.onn.app/wp-content/uploads/2020/06/Warranty-Maintenance.svg"
alt=""
/>
</span>
</div>
<div>
<h3><span>Warranty and maintenance</span></h3>
<div>
<p>
All bikes are covered by free* maintenance and service at your local ONN station
</p>
</div>
</div>
</div>
<div class="whychose2ndSubBox">
<div>
<span>
<img
src="https://get.onn.app/wp-content/uploads/2020/06/Easy-Documentation.svg"
alt=""
/>
</span>
</div>
<div>
<h3><span>Easy Documentation</span></h3>
<div>
<p>
No credit checks, no long application forms, just complete in app KYC and you’re set
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ChooseAny">
<h2>Choose any Scooter or Motorcycle</h2>
<p>
All vehicles are certified by ONN and can be bought under the ‘Rent-to-own’ offer for 12-month or 18-month plans.
</p>
</div>
<div class="filtersDiv">
<p>FILTERS</p>
<div class="allFilters">
<div class="allFiltersbox1">
<div id="ccall">
<span onclick="ccall()"> Filter - All (22) </span>
</div>
<div id="cc150"><span onclick="cc150()"> 150CC (12) </span></div>
<div id="cc250"><span onclick="cc250()"> 250CC (6) </span></div>
<div id="cc350"><span onclick="cc350()"> 350CC (3) </span></div>
<div id="cc500"><span onclick="cc500()"> 500CC (3) </span></div>
<div id="Comfort">
<span onclick="Comfort()"> Comfort (10) </span>
</div>
<div id="Cruiser">
<span onclick="Cruiser()"> Cruiser (3) </span>
</div>
<div id="Gearless">
<span onclick="Gearless()"> Gear less (3) </span>
</div>
<div id="Geared"><span onclick="Geared()"> Geared (19) </span></div>
</div>
<div class="allFiltersbox2">
<div id="Motorbike">
<span onclick="Motorbike()"> Motorbike (22) </span>
</div>
<div id="Scooter">
<span onclick="Scooter()"> Scooter (3) </span>
</div>
<div id="Sport"><span onclick="Sport()"> Sport (5) </span></div>
</div>
</div>
</div>
<div id="filterbikes"></div>
<div class="DeliveringDiv">
<h1>Delivering Safe & Sanitised Bikes</h1>
<p>
ONN takes additional steps to ensure you always get safe, sanitized and dependable two-wheelers
</p>
</div>
<div class="Delivering2ndBox">
<div>
<img src="https://get.onn.app/wp-content/uploads/2020/05/All-bikes-sanitised.svg" alt="" />
<h3>All bikes sanitized before every ride</h3>
<p>
To ensure safety of our customers, our on-ground team is making sure to sanitize every vehicle before and after delivery and in between rides.
</p>
</div>
<div>
<img src="https://get.onn.app/wp-content/uploads/2020/05/Zero-Contact.svg" alt="" />
<h3>Get zero-contact deliveries at local stations.</h3>
<p>
Our on-ground team follows all the safety standards to deliver a safe and sanitized bike with contact less delivery.
</p>
</div>
<div>
<img src="https://get.onn.app/wp-content/uploads/2020/05/Sanitized-Stations.svg" alt="" />
<h3>Sanitized stations & on-ground safety steps.</h3>
<p>
ONN Stations are being sanitized frequently, our team has been provided with masks and gloves to protect themselves as well as the customers.
</p>
</div>
<div>
<img src="https://get.onn.app/wp-content/uploads/2020/05/Home-Delivery.svg" alt="" />
<h3>Home deliveries with sanitization for monthly bookings.</h3>
<p>
Book an ONN Bike on a monthly basis. Our delivery executives will make sure to deliver contactless – safe and sanitized bike at your doorstep.
</p>
</div>
</div>
<div class="footerBlack">
<div class="footerBlackHead">
<h1>How ONN is ensuring safety for everyone</h1>
<p>The ONN Care team is here to help you</p>
</div>
<div class="footerBlackImg">
<img src="IMG_FILE/black.png" alt="" />
</div>
<div><img src="IMG_FILE/black2.png" alt="" /></div>
</div>
</div>
</body>
</html>
<script src="rentTOown.js"></script>