-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (155 loc) · 9.74 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Vistadome Coach</title>
<link rel = "stylesheet" href = "stylesheet.css">
<script src="App.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">
</head>
<body onpageshow = "INST()" onload = "LOAD()">
<div class = "header">
<nav>
<ul type = "none">
<a href = "#head" class = "bgcli"><li> Home </li></a>
<a href = "https://advaithva.github.io/My-train-pics/links.html" class = "bgcli"><li> Links </li></a>
<a href = "https://advaithva.github.io/Games/seealso.html" class = "bgcli"><li> See Also</li></a>
<a href = "#footer" class = "bgcli"><li> Contact us</li></a>
<a href = "https://advaithva.github.io/My-train-pics/forms.html" class = "bgcli"> <li> Feedback </li> </a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href = "#head"><li> Home </li></a><br>
<a href = "#2"><li> Specialty </li></a><br>
<a href = "#3"><li> Images</li></a><br>
<a href = "#6"><li> Contact Me </li></a><br>
</div>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰</span>
</ul>
</nav>
</div>
<header>
<center>
<h1 id = "head" class = "headh1"><span class = "headstart">V</span>ISTADOME <span class = "headstart">C</span>OACH</h1>
<p class = "fadeIn">Vistadome is a state-of-the-art coach made by Indian Railways, designed to provide passengers with travel comfort as well as an enhanced viewing experience of their surroundings.</p>
</center>
</header>
<br><br><br><br><br><br><br><br><br><br><br><br>
<div class = "main">
<h1 id = "2">Speciality</h1>
<br>
<center>
<div class="flip">
<div class="front" style="background-image: url(https://th.bing.com/th/id/OIP.lXys4b0OKUcfr6erKBb0UwHaEK?pid=ImgDet&rs=1); background-color:rgba(25, 255, 255, 0.5);">
<h2 class = "card-head">Great Livery!<br> (hover) </h2>
</div>
<div class="back">
<h2>Livery</h2>
<p>The LHB new version of Vistadome is in the blue and white livery. The old ICF vistadome coach has blue and grey livery. The Mhow Omkareshwar MG vistadome has jungle livery and the Kalka Shimla NG vistadome has purple livery</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(https://th.bing.com/th/id/OIP.n_TglJlsYALf4USmX4ZqfwHaE8?pid=ImgDet&rs=1); background-color:rgba(25, 255, 255, 0.5);">
<h2 class = "card-head">Great Interior!<br> (hover) </h2>
</div>
<div class="back">
<h2>Interior</h2>
<p>Spacious, clean and Comfortable interior with excellent features. Wide Windows and windows on ceiling. AC coaches in BG and non-AC coaches in MG and NG</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(https://th.bing.com/th/id/OIP.7UONYeS7QNuqMjqZsnoaqQHaEK?pid=ImgDet&rs=1); background-color:rgba(25, 255, 255, 0.5);">
<h2 class = "card-head">Great View!<br> (hover) </h2>
</div>
<div class="back">
<h2>View</h2>
<p>Wide windows, Glass Roof Top and rotatable seats enables to get a beautiful view of the ghats. At the end of the coach, a lounge like space is provided width a large window for backside view (The view is blocked by the locomotive during the return trip)</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(https://1.bp.blogspot.com/-gTDRv7wUEC4/YP4W8ZA80kI/AAAAAAACjjI/b0553et8M7EgAkuwSYuv7fBMCZsmNyHvwCLcBGAsYHQ/w400-h300/vistadome%2Brotatig%2Bseats.jpg); background-color:rgba(25, 255, 255, 0.5);">
<h2 class = "card-head">Great Features!<br> (hover) </h2>
</div>
<div class="back">
<h2>Features</h2>
<p>Wide windows, Roatatble seat, Glass rooftop, Push-back chairs, Wi-Fi, CCTV Surviellence, Charging Sockets, Snack Table, Automatic sliding doors, LED Display, Automatic fire alarm, Multi-tiered Steel Luggage Shelves Bio toilets, tourist friendly louge, etc. </p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(https://i.pinimg.com/originals/51/50/52/515052f038621e7a779ed07a302c3766.jpg); background-color:rgba(25, 255, 255, 0.5);">
<h2 class = "card-head">Great Food!<br> (hover) </h2>
</div>
<div class="back">
<h2>Food</h2>
<p>The pantry has basic snacks, baked goodies, Maggi, soft drinks, and beverages like tea and coffee. These are available on a request and paid basis. The food is stocked up at all the main junctions. If you want a lunch or dinner, you need to let the staff know in advance. </p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image:url(https://th.bing.com/th/id/OIP.ooqoH0kFR_OqbYvXxCEzMQHaF7?pid=ImgDet&w=500&h=400&rs=1); background-color:rgba(25, 255, 255, 0.5); background-blend-mode: lighten;">
<h2 class = "card-head">MG and NG<br> (hover) </h2>
</div>
<div class="back">
<h2>MG and NG coaches</h2>
<p>The Meter and narrow gauge coaches are mostly non-AC with less facilities. Wi-fi, Automatic Doors, rotatable seats, etc are the facilities which are not there. Food is not provided. </p>
</div>
</div>
</center>
</div>
<br><br>
<div class="wrapper" align = "center" id = "3">
<br>
<center>
<h1>Images</h1>
<br>
<div class="container">
<div class="child bg-one">
<span>Old BG Vistadome</span>
</div>
</div>
<div class="container">
<div class="child bg-two">
<span>Vistadome Narrow Gauge</span>
</div>
</div>
<div class="container">
<div class="child bg-two" style = "background-image:url(https://images.news18.com/ibnlive/uploads/2021/08/vistadome-16299066353x2.jpg?impolicy=website&width=510&height=356);">
<span>New BG Vistadome</span>
</div>
</div>
<div class="container">
<div class="child bg-two" style = "background-image:url(https://i.ytimg.com/vi/-WgEw5qNW2M/hqdefault.jpg);">
<span>Vistadome Meter Gauge</span>
</div>
</div>
<div class="container">
<div class="child bg-two" style = "background-image:url(https://th.bing.com/th/id/OIP.Yq_5KF5ONZlmVKyP6qKPUAHaE8?pid=ImgDet&rs=1);">
<span>Vistadome lounge</span>
</div>
</div>
<div class="container">
<div class="child bg-two" style = "background-image:url(https://cdn.dnaindia.com/sites/default/files/styles/full/public/2017/09/18/610381-tnin-vistadome-coach1.jpg);">
<span>Vistadome Interior</span>
</div>
</div>
<div class="container">
<div class="child bg-two" style = "background-image:url(https://th.bing.com/th/id/R.29eac0eb4547893781a15817a13ea54a?rik=kuOH1FhQEtU3jg&riu=http%3a%2f%2fwww.vibgyorservices.in%2fwp-content%2fuploads%2f2020%2f05%2f22.jpg&ehk=8sXf3AjM%2bA6TRvJlNRehuSfhuWmM4dEB%2frEmCjWYr5g%3d&risl=&pid=ImgRaw&r=0);">
<span>Toilet</span>
</div>
</div>
<div class="container">
<div class="child bg-two" style = "background-image:url(https://images.livemint.com/img/2021/07/10/original/Photo_1_1625890841197.jpeg);">
<span>Luggage Rack</span>
</div>
</div>
<div class="container">
<div class="child bg-two" style = "background-image:url(https://images.indianexpress.com/2021/07/Vistadome-fridge-oven.jpeg?resize=499);">
<span>Food storage area</span>
</div>
</div>
<br>
</center>
<br><br><br><br><br><br><br><br><br><br><br>
</div>
<br><br><br><br><br><br>
</body>
</html>