-
Notifications
You must be signed in to change notification settings - Fork 1
/
traindetail.html
54 lines (45 loc) · 2.62 KB
/
traindetail.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
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style="background-image:url(traindetail.jpg);background-size: cover;">
<p style="font-size: 30px;color: white;margin-left: 20px;">Available trains:</p>
<a href="bookingpage.html" style="text-decoration: none;">
<p style="font-size: 30px;color: white;margin-left: 1300px;margin-top: -62px;">Goto Home</p>
</a>
<div
style="width: 80%;height: 90px;background-color: white;opacity: 0.9;padding-top: 10px;border-left: 3px solid blue;border-right: 3px solid blue;margin-left: 20px;margin-top: 5px;">
<p style="font-size: 25px;margin-left: 20px;margin-top: 5px;">Train name</p>
<p style="font-size: 15px;margin-left: 150px;margin-top: -47px;">(train number)</p>
<p style="font-size: 10px;margin-left: 22px;margin-top: -4px;">from:</p><strong>
<p style="font-size: 15px;margin-left: 50px;margin-top: -25px;">City1</p>
</strong>
<p style="font-size: 10px;margin-left: 95px;margin-top: -30px;">to:</p><strong>
<p style="font-size: 15px;margin-left: 115px;margin-top: -25px;">City2</p>
</strong>
<p style="font-size: 10px;margin-left: 22px;margin-top: -5px;">departs on:</p><strong>
<p style="font-size: 15px;margin-left: 73px;margin-top: -26px;">Mon,Wed,Fri</p>
</strong>
<p style="font-size: 20px;margin-left: 400px;margin-top: -85px;">Departure</p>
<p style="font-size: 20px;margin-left: 413px;margin-top: -10px;">12:00</p>
<p style="font-size: 20px;margin-left: 700px;margin-top: -75px;">Arrival</p>
<p style="font-size: 20px;margin-left: 705px;margin-top: -10px;">12:00</p>
<div style="float: right;height: 90px;width: 35%;background-attachment: white;opacity: 0.9;margin-top: -120px;">
<select
style="border-radius: 5px;width: 45%;height: 50px;background-color: white;opacity: 0.8;font-size: 20px;position: static;margin-left: 20px;margin-top: 50px;color: black;"
id="CoachList">
<option style="color: black;font-size: 15px;" value="Coach" disabled selected>Coach</option>
<option style="color: black;font-size: 15px;" value="1">General</option>
<option style="color: black;font-size: 15px;" value="2">Sleeper</option>
<option style="color: black;font-size: 15px;" value="3">AC 3 Tier</option>
<option style="color: black;font-size: 15px;" value="4">AC 2 Tier</option>
<option style="color: black;font-size: 15px;" value="5">AC 1 Tier</option>
</select>
<input type="button" name="get avail"
style="float: right;border-radius: 5px;height: 50px;width: 45%;background-color: #62b1f6;position: static;margin-left: 220px;margin-right: 10px;margin-top: -51px;"
onclick="" value="Get Availability">
</div>
</div>
</body>
</html>