-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapachertr.html
368 lines (322 loc) · 16.2 KB
/
apachertr.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RTR 160</title>
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="apachertr.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav class="navigation-bar">
<div class="company-name">
<h2>Ride-O-Holic</h2>
</div>
<ul class="nav-buttons">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#">Bikes</a>
<ul class="dropdown-content">
<li><a href="royalenfeild.html">Royal Enfeild</a></li>
<li><a href="TVS.html">TVS</a></li>
<li><a href="yamaha.html">Yamaha</a></li>
<li><a href="Hero.html">Hero</a></li>
<li><a href="Bajaj.html">Bajaj</a></li>
</ul>
</li>
<li class="dropdown">
<a href="accesories.html">Accessories</a>
</li>
<li class="dropdown">
<a href="services.html">Services</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="partnerships.html">Partnership</a></li>
<li><a href="AboutUs.html">About Us</a></li>
<li class="dropdown">
<a href="#">Login</a>
<ul class="dropdown-content">
<li><a href="#" onclick="window.location.href = 'customerlogin.html';">Customer Login</a></li>
</ul>
</li>
</ul>
</nav>
<div class="heading-container">
<h2>MOTORCYCLES > <span class="classic-heading">RTR 160</span></h2>
</div>
<div class="container">
<div class="single-product">
<div class="row">
<div class="col-6">
<div class="product-image">
<div class="product-image-main">
<img src="RTR 160/apache-160-right-front-three-quarter-2.png" alt="" id="product-main-image">
</div>
<div class="product-image-slider">
<img src="RTR 160/apache-160-right-front-three-quarter-2.png" alt="" class="image-list">
<img src="RTR 160/tvs-select-model-pearl-white-1610973769724.png" alt="" class="image-list">
<img src="RTR 160/tvs-select-model-racing-red-1697702431812.png" alt="" class="image-list">
<img src="RTR 160/tvs-select-model-t-grey-1610973727787.png" alt="" class="image-list">
<img src="RTR 160/undefined-matte-blue-1611036120368.png" alt="" class="image-list">
</div>
</div>
</div>
<div class="col-6">
<div class="product">
<div class="product-title">
<h2>TVS Apache RTR 160</h2>
</div>
<div class="product-rating">
<span><i class="bx bxs-star"></i></span>
<span><i class="bx bxs-star"></i></span>
<span><i class="bx bxs-star"></i></span>
<span><i class="bx bxs-star"></i></span>
<span><i class="bx bxs-star"></i></span>
<span class="review">( 612 Reviews )</span>
</div>
<div class="product-price">
<span class="offer-price">₹ 1,44,218</span>
<span class="sale-price">On-Road Price</span>
</div>
<div class="product-details">
<h3>Description</h3>
<p>The TVS Apache RTR 160 is a renowned and agile sport-oriented motorcycle that delivers an
exciting riding experience. Powered by a 159.7cc single-cylinder engine, it combines
power and efficiency, making it ideal for both city commuting and spirited rides. The
"RTR" in its name stands for "Racing Throttle Response," emphasizing its sporty nature.
With its race-inspired styling, sharp design lines, and LED headlamp, the Apache RTR 160
boasts an aggressive and attractive look. Its chassis and suspension are tuned for
superior handling and precise control, ensuring an enjoyable ride on twisty roads. The
digital instrument cluster provides essential information at a glance.
Whether you're a performance enthusiast or a daily commuter, the TVS Apache RTR 160
offers a perfect blend of style, power, and handling, making it a popular choice in the
160cc motorcycle category.</p>
</div>
<div class="product-color">
<h4>Color</h4>
<div class="color-layout">
<div class="color-layout">
<input type="radio" id="blue" name="color" value="blue" class="color-input"
onclick="changeMainImage('blue')">
<label for="blue" class="blue"></label>
<input type="radio" id="white" name="color" value="white" class="color-input"
onclick="changeMainImage('white')">
<label for="white" class="white"></label>
<input type="radio" id="red" name="color" value="red" class="color-input"
onclick="changeMainImage('red')">
<label for="red" class="red"></label>
<input type="radio" id="gray" name="color" value="gray" class="color-input"
onclick="changeMainImage('gray')">
<label for="gray" class="gray"></label>
</div>
</div>
</div>
<span class="divider"></span>
</div>
</div>
</div>
</div>
</div>
<!-- Script -->
<script>
const sliderMainImage = document.getElementById("product-main-image"); // product container image
const sliderImageList = document.getElementsByClassName("image-list"); // image thumbnail group selection
const colorInputs = document.getElementsByClassName("color-input"); // color input buttons
for (let i = 0; i < sliderImageList.length; i++) {
sliderImageList[i].onclick = function () {
sliderMainImage.src = sliderImageList[i].src;
console.log(sliderMainImage.src);
};
}
for (let i = 0; i < colorInputs.length; i++) {
colorInputs[i].onclick = function () {
const color = colorInputs[i].value;
switch (color) {
case "blue":
sliderMainImage.src = "RTR 160/tvs-select-model-pearl-white-1610973769724.png";
console.log(sliderMainImage.src);
break;
case "white":
sliderMainImage.src = "RTR 160/tvs-select-model-racing-red-1697702431812.png";
console.log(sliderMainImage.src);
break;
case "red":
sliderMainImage.src = "RTR 160/tvs-select-model-t-grey-1610973727787.png";
console.log(sliderMainImage.src);
break;
case "gray":
sliderMainImage.src = "RTR 160/undefined-matte-blue-1611036120368.png";
console.log(sliderMainImage.src);
break;
default:
break;
}
};
}
</script>
<style>
table {
text-align: center;
font-family: Arial, sans-serif;
}
table {
margin: 0 auto;
border-collapse: collapse;
width: 60%;
}
table,
th,
td {
border: 3px solid white;
}
th,
td {
padding: 10px;
text-align: center;
}
th {
text-align: center;
background-color: rgb(30, 30, 30);
color: white;
}
tr:nth-child(even) {
background-color: black;
}
</style>
</head>
<body>
<div class="re-buttons">
<div class="icon-button" onclick="window.location.href='bookatestride.html';">
<i class="fa fa-motorcycle"></i>
<span>Book a Ride</span>
</div>
<div class="icon-button" onclick="window.location.href='bookaservice.html';">
<a> <i class="fa fa-gears"></i>
<span>Book a Service</span></a>
</div>
</div>
<h2 style="text-align: center;">RTR 160 Key Highlights</h2><br>
<table>
<tr>
<th>Category</th>
<th>Specification</th>
</tr>
<tr>
<td>Engine Capacity</td>
<td>159.7 cc</td>
</tr>
<tr>
<td>Mileage - ARAI</td>
<td>61 kmpl</td>
</tr>
<tr>
<td>Transmission</td>
<td>5 Speed Manual</td>
</tr>
<tr>
<td>Kerb Weight</td>
<td>137 kg</td>
</tr>
<tr>
<td>Fuel Tank Capacity</td>
<td>12 litres</td>
</tr>
<tr>
<td>Seat Height</td>
<td>790 mm</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<style>
body {
font-family: Arial, sans-serif;
padding-left: 30px;
padding-right: 30px;
}
p {
text-align: left;
}
</style>
</head>
<h2 style="text-align: left;">TVS Apache RTR 160</h2>
<br>
<br>
<p>TVS Apache RTR 160 is a street bike available in 3 variants and 5 colours. Apache RTR 160 price starts at Rs.
1,44,218 in India with top variant price starting from Rs. 1,51,568. The TVS Apache RTR 160 is powered by
159.7cc BS6 engine which develops a power of 15.82 bhp and a torque of 13.85 Nm. With both front and rear
disc brakes, TVS Apache RTR 160 comes up with anti-locking braking system. This Apache RTR 160 bike weighs
138 kg and has a fuel tank capacity of 12 liters.<br><br>
TVS Motor Company has launched the 2022 Apache RTR 160 in the Indian market. The latest iteration of the
motorcycle is available in three variants – Drum, Disc, and Disc with Bluetooth – and five colours Gloss
Black, Pearl White, Racing Red, Matte Blue, and T-Grey.<br><br>
The base model uses a drum brake setup at the rear wheel and a single-channel ABS. The mid and the top
versions get disc brakes on both ends along with dual-channel ABS. The top-of-the-line version further
benefits from SmartXonnect technology with the voice assist function. The prices vary depending on the
variant selected.<br><br>
Apart from new features, the 2022 model also gets a few styling tweaks. The styling revisions include
redesigned and sharper-looking headlight and taillight. This model also gets an X-ring chain and a wider
120mm rear tyre, and is 2kg lighter than its predecessor. Meanwhile, the 2022 version retains the fuel tank,
engine cowl, single-piece seat, split-style grab rail, and side-slung exhaust from the previous model. The
hardware comprises telescopic front forks and twin springs to handle suspension tasks.<br><br>
The feature list now comprises an LED headlight with LED DRL at the front instead of a halogen headlight on
the old model. At the back, the 2022 model gets a redesigned LED taillight. Other features include a
Bluetooth-enabled fully-digital instrument cluster with revised user interface, slipper clutch, dual-channel
ABS, and three ride modes – Rain, Urban, and Sport.<br><br>
The mechanical specifications retain the 159.7cc, air-cooled, single-cylinder engine. Linked to a five-speed
gearbox, the motor now makes 15.8bhp at 8,750rpm and 13.85Nm of peak torque at 7,000rpm as against 15.3bhp
and 13.9Nm previously.<br><br>
The TVS Apache RTR 160 rivals the Bajaj Pulsar NS160, Pulsar N160, Hero Xtreme 160R, and the likes in the
Indian market.<br><br></p>
<br>
<br>
<br>
<br>
<br>
<br>
<!--footer -->
<div class="footer">
<div class="footer-section">
<h2>Why Choose Us?</h2>
<p>Ride-O-Holic is a groundbreaking online platform that bridges the gap between customers and esteemed
bike
dealers, simplifying the process of acquiring a new bike. With an extensive range of bike choices
and
personalized suggestions, Ride-O-Holic ensures an individualized and enjoyable shopping experience.
<br>The
platform's user-friendly interface provides comprehensive details, expert insights, and secure
transactions.
</p>
</div>
<div class="footer-section">
<h2>Quick Links</h2>
<ul class="footer-list">
<li class="footer-list-item"><a href="royalenfeild.html">Royal Enfeild</a></li>
<li class="footer-list-item"><a href="TVS.html">TVS</a></li>
<li class="footer-list-item"><a href="yamaha.html">Yamaha</a></li>
<li class="footer-list-item"><a href="Hero.html">Hero</a></li>
<li class="footer-list-item"><a href="Bajaj.html">Bajaj</a></li>
<li class="footer-list-item"><a href="#">Bike Wash</a></li>
<li class="footer-list-item"><a href="#">Foam Wash</a></li>
<li class="footer-list-item"><a href="#">Service Center</a></li>
</ul>
</div>
<div class="footer-section">
<h2>Contact Us</h2>
<ul class="footer-list">
<li class="footer-list-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
<li class="footer-list-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="footer-list-item"><a href="#"><i class="fa fa-facebook "></i></a></li>
<li class="footer-list-item"><a href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<hr style="color: white;">
<p style="color: white;" style="font-size: xx-small">@Ride-O-Holic. T&C applied. Made By Kunj, Naman, Snigdh,
Varenyam</p>
</body>
</html>