forked from Abhay0123/ripe-theory-3388
-
Notifications
You must be signed in to change notification settings - Fork 0
/
redRail.html
389 lines (371 loc) · 16.6 KB
/
redRail.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
<!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>redRail</title>
<style>
#nav{
width: 100%;
height: 70px;
display: flex;
gap: 30px;
background-color: #d84e55;
color: rgb(243, 243, 243);
font-family: "Montserrat";
font-size: 18px;
padding-top: 10px;
padding-left: 50px;
overflow: hidden;
position: fixed;
top: 0;
}
#nav > a{
margin-top: 9px;
color: white;
text-decoration: none;
}
#block1{
width: 100%;
height: 40rem;
margin: auto;
text-align: center;
background-color: #d84e55;
margin-top: 5rem;
}
#block1 > div{
/* border:1px solid white; */
width: 75%;
margin: auto;
text-align: left;
color: white;
font-size: 25px;
}
#block2{
text-align: center;
}
#whybook{
width: 80%;
height: 14rem;
margin: auto;
display: flex;
justify-content: space-around;
border: 1px solid transparent;
}
#whybook > div{
width: 16rem;
border: 1px solid transparent;
font-size: 19px;
}
#whybook > div > img{
width: 65px;
height: 65px;
}
#whybook > div > p{
margin-top: -15px;
}
#block3{
width: 100%;
display: flex;
justify-content: space-around;
padding: 50px 0px;
background-color: #f7f7f7;
}
#list_wrap{
font-size: 16px;
line-height: 20px;
float: left;
width: 40%;
padding-left: 150px;
}
#list_wrap > div{
margin-bottom: 12px;
padding: 25px;
color: black;
background-color: white;
border: 1px solid #3E3E52;
border-radius: 8px;
}
#imgs{
width: 40rem;
}
#block4{
background: #FFFFFF;
padding: 48px 10%;
color: #3E3E52;
}
#block5{
padding: 3em 7em;
display: flex;
background: #1a2230;
color: #fff;
}
.left-block{
width: 70%;
display: flex;
}
.right-block{
width: 30%;
display: flex;
flex-direction: column;
}
.footer-about{
font-size: 20px;
line-height: 1.7;
font-weight: 400;
}
.footer-col{
display: flex;
flex-direction: column;
width: 20%;
}
.footer-col-heading{
font-weight: 700;
color: #797979;
}
.footer-list{
list-style: none;
margin: 0;
padding: 0;
border: 0;
}
.footer-links{
text-decoration: none;
color: #d7d7d7;
font-size: 20px;
line-height: 2;
cursor: pointer;
}
</style>
</head>
<body>
<div id="nav">
<a href="index.html"><img src="https://st.redbus.in/Images/redrail/r_logo.png"></a>
<a href="">BUS TICKETS</a>
<a href="rYde.html">ryde</a>
<a href="redRail.html">redRail</a>
<a href="rpool.html">rPool</a>
</div>
<div id="block1">
<img src="https://st.redbus.in/Images/redRail/illustration2.gif" alt="">
<div>
<p>Now book <strong>IRCTC Train Tickets</strong> on redRail and get 10 % off upto Rs. 50.</p>
<p style="margin-top:-10px; margin-bottom: -10px">Use coupon code <strong>TRAVELRAIL.</strong></p>
<p>Download the redRail App now.</p>
<a href=""><img onclick="playstore()" src="https://lh3.googleusercontent.com/cjsqrWQKJQp9RFO7-hJ9AfpKzbUb_Y84vXfjlP0iRHBvladwAfXih984olktDhPnFqyZ0nu9A5jvFwOEQPXzv7hr3ce3QVsLN8kQ2Ao=s0" alt=""></a>
</div>
</div>
<div id="block2">
<h1>Why book with us?</h1><br><br>
<div id="whybook">
<div>
<img src="https://st.redbus.in/Images/redrail/auth_path.png" alt="">
<h4>Authorised IRCTC Partner</h4>
<p>Book your train tickets with confidence.</p>
</div>
<div>
<img src="https://st.redbus.in/Images/redrail/cust_sup.png" alt="">
<h4>Dedicated Customer Support</h4>
<p>Dedicated customer support for all your queries.</p>
</div>
<div>
<img src="https://st.redbus.in/Images/redrail/inst_ref.png" alt="">
<h4>Instant Refunds</h4>
<p>Instant refunds on cancellations (on UPI payment mode).</p>
</div>
</div>
</div>
<div id="block3">
<div id="list_wrap">
<h3 style="color: #D84E55; padding-bottom: 12px; font-weight: bold;">How it works</h3>
<div onclick="myFunction('1')" id="1"><span style="font-weight: bold;">1. </span> Click on redRail and enter journey details.</div>
<div onclick="myFunction('2')" id="2"><span style="font-weight: bold;">2. </span> Select Train & Class.</div>
<div onclick="myFunction('3')" id="3"><span style="font-weight: bold;">3. </span> Enter IRCTC user id & passenger details.</div>
<div onclick="myFunction('4')" id="4"><span style="font-weight: bold;">4. </span> Select a payment method and make the payment.</div>
<div onclick="myFunction('5')" id="5"><span style="font-weight: bold;">5. </span> Enter your IRCTC password. </div>
</div>
<div id="imgs">
<img id="screens" src="https://st.redbus.in/Images/redrail/mob2_cont.png">
</div>
<div style="clear: left;"></div>
</div>
<div id="block4">
<div style="padding-bottom: 24px;font-weight: bold; font-size: 28px; line-height: 34px;">FAQ</div>
<div style="font-size: 20px;line-height: 24px;">
<div style="padding-bottom: 1.5rem;">
<div><b>How can I complete an online train ticket booking with redRail?</b></div>
<div>Booking a train ticket online can be completed with ease in just a few simple steps. If you’re
on the app, first click on the “redRail” icon that’s displayed on your screen. Enter the source
and destination locations along with the date of travel. Once done, a list of trains operating
on your route will be displayed. Select the train and class of your choice, select the boarding
station, enter your registered IRCTC id, enter the details of the passenger and complete the
payment. After the payment, enter the IRCTC password and that's it - your tickets will be
booked. You will receive an email, a WhatsApp message and a text message containing details of
your booking.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>Do I need to make an account on the redBus platform to complete my IRCTC train ticket
booking online?</b></div>
<div>Yes, and this has its advantages. This would help expedite the booking process when you have to
enter details about the passenger and while completing the payment process.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>How is redRail connected to redBus?</b></div>
<div>redRail is a new product that’s offered by redBus. Utilising its massive successful experience
in the bus industry, redBus aims to attain the same success in the train travel domain as well.
A customer can view, book, and complete their payment of train tickets on the redBus app by
clicking on the “redRail” option that’s provided.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>How do I cancel a train ticket booked through redRail?</b></div>
<div>Cancelling an online train ticket booking through redRail can be done as easily as booking a
train ticket. When you view the details of your train ticket booking on the app under My
Bookings, you are presented with the option to cancel the ticket. You can either select some of
the passengers or all the passengers to cancel and then proceed. A small cancellation fee might
be charged based on the timing of your cancellation request as per IRCTC cancellation and refund
policy.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>How do I pay for my online train ticket booking that is made through redRail?</b></div>
<div>You can complete your online train ticket booking by using any of the variety of payment
options that are available at your disposal. Customers can use any amount that’s remaining in
their redBus wallet, credit or debit cards, Wallets such as Amazon Pay or through UPI payment
gateways such as GooglePay, PhonePe, etc. Payments made online on redRail are safe & secure and
eliminate the need to wait in a queue.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>Are there any cancellation charges levied when a train ticket is cancelled?</b></div>
<div>Yes, there are. Depending on when the cancellation was initiated, an amount might get deducted
as per the cancellation and refund rules of IRCTC and Indian Railways.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>How many people can I book on a single train ticket booking?</b></div>
<div>Customers can book a maximum of 6 passengers in a single train ticket booking that’s made
through redRail. However, in the case of Tatkal ticket, customers can book a maximum of 4
passengers in a single ticket booking through redRail.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>What are some of the advantages of booking a train ticket with redRail?</b></div>
<div>One of the key advantages of making an online train ticket booking with redRail is convenience.
In the current environment where safety and social distancing is a priority, customers can view,
select, and make their payments online from the comfort of their homes. redRail displays vital
information about their train journey.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>Do I get the option to select my seat or berth on the train?</b></div>
<div>Yes, you can. While entering the details of the passenger, you can select the berth of your
choice. If there are multiple seats booked through one booking, you can select a berth for each
passenger individually. You also get the option to make a reservation preference such as book
only if all berths/seats are allotted in the same coach, book only if one or two lower berths
are allotted, and more.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>Should I book my train ticket in advance?</b></div>
<div>It is advisable to complete your online train ticket booking through redRail in advance as this
would ensure that you have more choices when it comes to the trains operating on your route as
well as ensures that you have more options related to selecting the berth of your choice.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>Where can I view the train ticket that I have booked through redRail?</b></div>
<div>After you have successfully booked a train ticket through redRail, you will receive an email, a
WhatsApp message and a text message containing the details about your booking. You can also view
your bookings under the “My Bookings” section of the redBus app.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>Can I book a train ticket under the Tatkal quota through redRail?</b></div>
<div>Yes, you can book Tatkal quota train tickets through redRail. With the convenience of viewing
updated trains and their berth availability, it is advisable to complete your online train
ticket booking at the earliest through redRail.</div>
</div><br>
<div style="padding-bottom: 1.5rem;">
<div><b>Are there any offers that can be availed when making an online train ticket booking on
redRail?</b></div>
<div>Yes. redRail offers are provided regularly and the offer details can be found on the redRail
homepage or the app. Enter the offer code at the time of making your payment and avail a
discount on your train tickets online.</div>
</div><br>
<div>
<div><b>Do I need to carry any documents with me while I board my train?</b></div>
<div>You do not require a photo ID when you book your train ticket through redRail, but, you will
need to carry an ID when you board the train. IDs such as PAN card, Voter ID, Driving Licence,
Aadhar card or any other photo ID that has a serial number issued by the Central/State
Government.</div>
</div><br>
</div>
</div>
<div id="block5">
<div class="left-block">
<div class="footer-col">
<p class="footer-col-heading">About Redbus</p>
<ul class="footer-list">
<li><a class="footer-links" href="https://www.redbus.in/info/aboutus">About us</a></li>
</ul>
</div>
<div class="footer-col">
<p class="footer-col-heading">About Redbus</p>
<ul class="footer-list">
<li><a class="footer-links" href="https://www.redbus.in/info/termscondition">T&C</a></li>
<li><a class="footer-links" href="https://www.redbus.in/info/privacypolicy">Privacy Policy</a></li>
<li><div class="footer-links" onclick="faqClick()">FAQ</div></li>
</ul>
</div>
</div>
<div class="right-block">
<div style="display: inline;"><img src="https://s3.rdbuz.com/web/images/home/sgp/r_logo.png"></div>
<p class="footer-about">redBus is the world's largest online bus ticket booking service trusted by over 8
million happy customers globally. redBus offers bus ticket booking through its website,iOS and
Android mobile apps for all major routes.</p>
<p class="footer-about">Ⓒ 2021 ibibogroup All rights reserved</p>
</div>
</div>
</body>
</html>
<script>
let faqClick = () => {
var ele = document.getElementById("block4");
ele && ele.scrollIntoView(true);
window.scrollBy(0, -100)
}
let myFunction = (id) => {
let wrap = document.getElementById("list_wrap");
let elem = wrap.getElementsByTagName("div");
for (let item of elem) {
if (item.id == id) {
item.style.background = "#3E3E52";
item.style.color = "#FFFFFF";
item.style.boxShadow = "0px 4px 4px rgba(0, 0, 0, 0.25)";
item.style.borderRadius = "8px";
let spanEle = item.getElementsByTagName('span')[0];
spanEle.style.color = "#38B87C";
spanEle.style.fontWeight = "700";
let img = document.getElementById("screens");
if (id == "1") {
img.src = "https://st.redbus.in/Images/redrail/mob2_cont.png";
} else if (id == "2") {
img.src = "https://st.redbus.in/Images/redrail/select_train.png";
} else if (id == "3") {
img.src = "https://st.redbus.in/Images/redrail/irctc_un.png";
} else if (id == "4") {
img.src = "https://st.redbus.in/Images/redrail/make_pay.png"
} else {
img.src = "https://st.redbus.in/Images/redrail/irctc_pwd.png"
}
} else {
if(item.id) {
item.style.background = "#FFFFFF";
item.style.color = "#3E3E52";
item.style.boxShadow = "none";
item.style.borderRadius = "8px";
let spanEle = item.getElementsByTagName('span')[0];
spanEle.style.color = "#3E3E52";
spanEle.style.fontWeight = "700";
item.style.border = "1px solid #7F7E8C";
}
}
}
}
let playstore = () => {
window.location.href = "https://play.google.com/store/apps/details?id=in.redbus.android.rpool";
}
</script>