-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpage1.html
More file actions
449 lines (357 loc) · 24 KB
/
page1.html
File metadata and controls
449 lines (357 loc) · 24 KB
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
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
<!DOCTYPE html>
<html >
<head>
<!-- Site made with Mobirise Website Builder v5.3.5, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v5.3.5, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon">
<meta name="description" content="">
<title>Page 1</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript>
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="menu menu3 cid-sbLNtFxMrM" once="menu" id="menu3-12">
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
<div class="container">
<div class="navbar-brand">
<span class="navbar-caption-wrap"><a class="navbar-caption text-black display-7" href="https://mobiri.se">Mobirise</a></span>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-black display-4" href="https://mobiri.se">
About us</a></li>
<li class="nav-item dropdown"><a class="nav-link link text-black dropdown-toggle display-4" href="#" data-toggle="dropdown-submenu" aria-expanded="true">Experience</a><div class="dropdown-menu"><a class="text-black dropdown-item display-4" href="#" aria-expanded="false">Internship</a></div></li><li class="nav-item"><a class="nav-link link text-black display-4" href="#" aria-expanded="false">Fun facts</a></li>
<li class="nav-item"><a class="nav-link link text-black display-4" href="https://mobiri.se">Contacts</a>
</li></ul>
<div class="icons-menu">
<a class="iconfont-wrapper" href="https://mobiri.se" target="_blank">
<span class="p-2 mbr-iconfont socicon-facebook socicon"></span>
</a>
<a class="iconfont-wrapper" href="https://mobiri.se" target="_blank">
<span class="p-2 mbr-iconfont socicon-twitter socicon"></span>
</a>
<a class="iconfont-wrapper" href="https://mobiri.se" target="_blank">
<span class="p-2 mbr-iconfont socicon-instagram socicon"></span>
</a>
</div>
</div>
</div>
</nav>
</section>
<section class="header13 cid-syvqNKKup3 mbr-fullscreen" id="header13-13">
<div class="mbr-overlay" style="opacity: 0.2; background-color: rgb(255, 255, 255);"></div>
<div class="align-center container">
<div class="row justify-content-center">
<div class="col-12 col-lg-10">
<h1 class="mbr-section-title mbr-fonts-style mb-3 display-1"><strong>A Story of Nanjing Metro</strong></h1>
<p class="mbr-text mbr-fonts-style mb-3 display-7">Lynn Zhang</p>
</div>
</div>
</div>
</section>
<section class="features18 cid-syvrWtg6l0" id="features19-14">
<div class="container">
<div class="row justify-content-center">
<div class="card col-12 col-lg">
<div class="card-wrapper">
<h6 class="card-title mbr-fonts-style mb-4 display-2"><strong>Timeline</strong></h6>
<p class="mbr-text mbr-fonts-style display-7">In 1984, 20 people's congress deputies from Xuanwu District of Nanjing submitted the proposal of "the idea of Nanjing Metro construction", and the planning of Nanjing Metro project started.
<br>In April 1999, Nanjing Metro was officially approved by the state
<br>On May 28, 1999, Nanjing Metro Corporation was officially established
<br>On September 3, 2005, line 1 was put into operation
<br>On May 28, 2010, line 2 was put into operation
<br>On July 1, 2014, line 10 and line S1 were put into operation
<br>On August 1, 2014, line S8 was put into operation
<br>On April 1, 2015, line 3 was put into operation
<br>On January 18, 2017, line 4 was put into operation
<br>On December 6, 2017, line S3 was put into operation
<br>On December 30, 2017, line S9 was put into operation
<br>On May 26, 2018, line S7 was put into operation <br></p>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="image-wrapper">
<img src="assets/images/d009b3de9c82d15820bbc3f98d0a19d8bc3e42b9-353x499.jpg" alt="Mobirise">
</div>
</div>
</div>
</div>
</section>
<section class="gallery6 mbr-gallery cid-syvxS43nBc" id="gallery6-19">
<div class="container-fluid">
<div class="mbr-section-head">
<h3 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>Three of my favorite Nanjing subway stations</strong></h3>
</div>
<div class="row mbr-gallery mt-4">
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-target="#szHOKxeYCI-modal">
<img class="w-100" src="assets/images/1535417884298a817473497-640x359.png" alt="" data-slide-to="0" data-target="#lb-szHOKxeYCI">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-target="#szHOKxeYCI-modal">
<img class="w-100" src="assets/images/mp38260193-1446006304782-4-480x317.jpg" alt="" data-slide-to="1" data-target="#lb-szHOKxeYCI">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-target="#szHOKxeYCI-modal">
<img class="w-100" src="assets/images/mp38260193-1446006304782-15-600x450.jpg" alt="" data-slide-to="2" data-target="#lb-szHOKxeYCI">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-target="#szHOKxeYCI-modal">
<img class="w-100" src="assets/images/952b2d2462204c088018ecabeb014155-694x611.png" alt="" data-slide-to="3" data-target="#lb-szHOKxeYCI">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
</div>
<div class="modal mbr-slider" tabindex="-1" role="dialog" aria-hidden="true" id="szHOKxeYCI-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="carousel slide" id="lb-szHOKxeYCI" data-interval="5000">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="assets/images/1535417884298a817473497-640x359.png" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/mp38260193-1446006304782-4-480x317.jpg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/mp38260193-1446006304782-15-600x450.jpg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/952b2d2462204c088018ecabeb014155-694x611.png" alt="">
</div>
</div>
<ol class="carousel-indicators">
<li data-slide-to="0" class="active" data-target="#lb-szHOKxeYCI"></li>
<li data-slide-to="1" data-target="#lb-szHOKxeYCI"></li>
<li data-slide-to="2" data-target="#lb-szHOKxeYCI"></li>
<li data-slide-to="3" data-target="#lb-szHOKxeYCI"></li>
</ol>
<a role="button" href="" class="close" data-dismiss="modal" aria-label="Close">
</a>
<a class="carousel-control-prev carousel-control" role="button" data-slide="prev" href="#lb-szHOKxeYCI">
<span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next carousel-control" role="button" data-slide="next" href="#lb-szHOKxeYCI">
<span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="features16 cid-syvxtqvAPJ" id="features17-17">
<div class="container">
<div class="content-wrapper">
<div class="row align-items-center">
<div class="col-12 col-lg-6">
<div class="image-wrapper">
<img src="assets/images/cdv-yuntonglian-qmtnrk-yunshi-p00023989-72891fccc71443179767002656f762d2-600x722.png" alt="Mobirise">
</div>
</div>
<div class="col-12 col-lg">
<div class="text-wrapper">
<h6 class="card-title mbr-fonts-style display-5"><strong>Zhujiang Road Station</strong></h6>
<p class="mbr-text mbr-fonts-style mb-4 display-4">Line 1 Zhujiang Road is called candy station by children. The name of candy station is related to Zhujiang Road station adjacent to children's Hospital (from entrance 1, walk west about 200 meters to Nanjing Children's Hospital). It originated from a true story: a couple from Ma'anshan took their sick children to Nanjing Children's hospital beside the station for treatment, and then took the subway back. At Zhujiang Road subway station, the sick child cried and said that he wanted to eat sugar, which made it difficult for the parents who were short of money. Seeing this scene, a subway employee took candy from his pocket for his son and sent it to the sick child. He told the child to listen to his parents and recover as soon as possible. This moved the parents who were sad. Since then, all the staff of Zhujiang Road subway station have brought candy to work. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="image2 cid-syvC5JSDms" id="image2-1a">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-6">
<div class="image-wrapper">
<img src="assets/images/mp38260193-1446006304782-5-600x412.jpg" alt="Mobirise">
<p class="mbr-description mbr-fonts-style mt-2 align-center display-4">Three dimensional map of Xinjiekou station</p>
</div>
</div>
<div class="col-12 col-lg">
<div class="text-wrapper">
<h3 class="mbr-section-title mbr-fonts-style mb-3 display-5"><strong>Xinjiekou station</strong></h3>
<p class="mbr-text mbr-fonts-style display-7">Xinjiekou station, known as "the first business district in China", has 24 exits and is the largest subway station in Asia. Its business concentration is higher than that of Wangfujing in Beijing and Xujiahui in Shanghai, and is the highest in China. Xinjiekou has Deji square, which is huge and high-end, Dayang department store, Suning Xinjiekou store, which is called "the first store in China" by Suning, and Nanjing Xinbai, the first listed company in Nanjing; There are also 11 Starbucks, the first imported product image store of Siemens and the global flagship store of Lv. </p>
</div>
</div>
</div>
</div>
</section>
<section class="features15 cid-syvErHKWpF" id="features16-1c">
<div class="container">
<div class="content-wrapper">
<div class="row align-items-center">
<div class="col-12 col-lg">
<div class="text-wrapper">
<h6 class="card-title mbr-fonts-style display-2"><strong> Muxuyuan Station</strong></h6>
<p class="mbr-text mbr-fonts-style mb-4 display-4">This is a love station, located in Muxuyuan Station. When waiting for the bus, the head is the Milky way, and the cowherd carries the child to meet with Zhinu. This is the biggest stop of the theme design, the whole picture is 700 square meters, all located on the roof. In order to make the subway passengers have a better sense of positioning, the mural uses a warm and cold contrast technique in the creation of color. Niulang uses warm color to show that he brings warmth to Zhinu. Zhinu uses cool colors to show her situation of being beaten into the cold palace by the queen mother. In order to show the concept of magpie bridge, the sun and moon are used in the middle, and 12 traditional jade patterns are used in the periphery, reflecting the concept of meeting once a year. Disabled elevator incarnation became "magpie bridge", let Niulang and Zhinu to meet.</p>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="image-wrapper">
<img src="assets/images/mp38260193-1446006304782-13-600x696.jpg" alt="Mobirise">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content4 cid-syvGEtZuom" id="content4-1d">
<div class="container">
<div class="row justify-content-center">
<div class="title col-md-12 col-lg-10">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-2"><strong>The story of a subway driver</strong></h3>
<h4 class="mbr-section-subtitle align-center mbr-fonts-style mb-4 display-5">Chen Hantao‘s Story</h4>
</div>
</div>
</div>
</section>
<section class="timeline1 cid-syvK6JMwmr" id="timeline1-1e">
<div class="timelines-container container" mbri-timelines="">
<div class="mbr-section-head">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Chen's Daily Life</strong></h3>
</div>
<div class="row timeline-element mb-2 mt-4">
<div class="timeline-date col-12 col-md-6">
<div class="timeline-date-wrapper">
</div>
</div>
<span class="iconBackground"></span>
<div class="col-12 col-md-6">
<div class="timeline-text-wrapper">
<h4 class="mbr-timeline-title mbr-fonts-style mb-4 display-5">Before 7:40 am</h4>
<div class="image-wrapper mb-4">
<img src="assets/images/-20210526181655-808x541.jpg" alt="Mobirise" title="">
</div>
<p class="mbr-text mbr-fonts-style display-7">The subway day shift started earlier, and Chen Hantao had to go to the attendance room before 7:40 every time to prepare for the shift.
<br>After copying the notes of attendance and submitting them to the leader for signature, the preparation work is basically completed. <br></p>
</div>
</div>
</div>
<div class="row timeline-element mb-2">
<div class="col-12 col-md-6">
<div class="timeline-text-wrapper">
<h4 class="mbr-timeline-title mbr-fonts-style mb-4 display-5"><strong>Start to work</strong></h4>
<div class="image-wrapper mb-4">
<img src="assets/images/-20210526182042-808x541.jpg" alt="Mobirise" title="">
</div>
<p class="mbr-text mbr-fonts-style display-7">With everything in order, Chen set foot on the road to the train handover point in good condition.
<br>Arriving at the train handover site, Chen Hantao is waiting for the main line handover with the off duty driver to start the day's safe driving task.
<br>After picking up the train, Chen will first go to the door of the train to check the boarding situation of passengers to ensure everyone's safety. <br></p>
</div>
</div>
<span class="iconBackground"></span>
<div class="timeline-date col-12 col-md-6">
<div class="timeline-date-wrapper">
</div>
</div>
</div>
<div class="row timeline-element mb-2">
<div class="timeline-date col-12 col-md-6">
<div class="timeline-date-wrapper">
</div>
</div>
<span class="iconBackground"></span>
<div class="col-12 col-md-6">
<div class="timeline-text-wrapper">
<h4 class="mbr-timeline-title mbr-fonts-style mb-4 display-5"><strong>Rest Time</strong></h4>
<div class="image-wrapper mb-4">
<img src="assets/images/-20210526182519-808x541.jpg" alt="Mobirise" title="">
</div>
<p class="mbr-text mbr-fonts-style display-7">For ordinary people, it's normal to eat and use the toilet, but it's not so convenient for subway drivers. They only have a 20 minute break every few hours. At 11:40 noon, Chen Hantao had a meal in the transfer room of hedingqiao station. Inside and outside the room were full of subway workers who had time to rest and eat.</p>
</div>
</div>
</div>
</div>
</section>
<section class="image6 cid-syvMHv4ieH" id="image6-1f">
<div class="container">
<div class="row">
<div class="col-12 col-md-12">
<div class="row">
<div class="col-12 col-lg-8">
<div class="img-item mb-3">
<img src="assets/images/-20210526182643-808x541.jpg" alt="">
</div>
</div>
<div class="col-12 col-lg">
<div class="img-item mb-3">
<img src="assets/images/-20210526182657-696x466.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="image5 cid-syvMHNMdPy" id="image5-1g">
<div class="container">
<div class="row">
<div class="col-12 col-md-12">
<div class="row">
<div class="col-12 col-lg-6">
<div class="img-item mb-3">
<img src="assets/images/-20210526182701-808x541.jpg" alt="">
<p class="mbr-fonts-style align-center mt-2 display-7">go to the door of the train to check the boarding</p>
</div>
</div>
<div class="col-12 col-lg">
<div class="img-item mb-3">
<img src="assets/images/-20210526182707-808x541.jpg" alt="">
<p class="mbr-fonts-style align-center mt-2 display-7"> the driver's cab should always be kept dark</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="header1 cid-syvNQ4v0vF mbr-fullscreen" id="header1-1h">
<div class="mbr-overlay" style="opacity: 0.1; background-color: rgb(250, 250, 250);"></div>
<div class="container">
<div class="row">
<div class="col-12 col-lg-5">
<h1 class="mbr-section-title mbr-fonts-style mb-3 display-1"><strong>Thank you </strong><br><strong>for your watching!</strong></h1>
</div>
</div>
</div>
</section><section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;"><a href="https://mobirise.site/n" style="flex: 1 1; height: 3rem; padding-left: 1rem;"></a><p style="flex: 0 0 auto; margin:0; padding-right:1rem;">Built with <a href="https://mobirise.site/b" style="color:#aaa;">Mobirise</a> site template</p></section><script src="assets/web/assets/jquery/jquery.min.js"></script> <script src="assets/popper/popper.min.js"></script> <script src="assets/tether/tether.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/dropdown/js/nav-dropdown.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="assets/theme/js/script.js"></script>
</body>
</html>