-
Notifications
You must be signed in to change notification settings - Fork 0
/
disneyland.html
300 lines (284 loc) · 18.9 KB
/
disneyland.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Welcome to Travel Monkey</title>
<link rel="stylesheet" href="css/places.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light" id="navg">
<a class="navbar-brand" href="index.html">
<img src="images/logo/logo.png" height="25px" style="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse align-items-center justify-content-center" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html" style="color: orange">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: orange">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: orange">
Destinations
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="paris.html" style="color: orangered">Paris</a>
<a class="dropdown-item" href="disneyland.html" style="color: orangered">DisneyLand</a>
<!-- <div class="dropdown-divider"></div>-->
<a class="dropdown-item" href="#" style="color: orangered">Rome</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: orange">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid topimg" style="background-image: url('https://secure.cdn1.wdpromedia.com/dam/disneyland/tickets/DLR-DCA_Holiday_Desktop_1860x821.png');">
<div>
<p id="path">
Travel Monkey / Hong Kong / Disneyland
</p>
<p style="font-size-adjust: auto;font-size: 35px;margin-bottom: 0px">
Disneyland
</p>
<p style="font-size-adjust: auto;font-size: 13px;margin-top: 0px;padding-top:0px ">
Hong Kong
</p>
<p style="font-size: 25px; ">
See your dreams come true with the magic of Disney
</p>
</div>
<div class="row imgtiles">
<div class="card cardstrip" onclick="photo_slide()">
<img src="images/disneyland/jorge-martinez-instagram-jmartinezz9-1iBEXJOHCsM-unsplash.jpg" class="card-img" alt="Img">
</div>
<div class="card cardstrip" onclick="photo_slide()">
<img src="images/disneyland/ben-lei-qxh_Np1A_fg-unsplash.jpg" class="card-img" alt="Img">
</div>
<div class="card cardstrip" onclick="photo_slide()">
<img src="images/disneyland/brandi-ibrao-Mvav3d0Ki2k-unsplash.jpg" class="card-img" alt="Img">
</div>
<div class="card cardstrip" onclick="photo_slide()">
<img src="images/disneyland/valentin-girard-TTq0zBTXA8A-unsplash.jpg" class="card-img" alt="Img">
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-dark bg-dark ">
<div class="collapse navbar-collapse align-items-center justify-content-center" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#" style="color: orange">About <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="" onclick="photo_slide();" style="color: orange">Photos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color: orange">Places to Visit</a>
</li>
</ul>
</div>
</nav>
<div id="photoslider">
<div class="transparent_black fixed-top" style="z-index: 0"></div>
<button type="button" class="close fixed-top" onclick="photo_slide()" style="z-index: 99;display: block;" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div id="carouselExampleIndicators" class="carousel slide fixed-top" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
</ol>
<div class="carousel-inner" role="listbox">
<!-- Slide One - Set the background image for this slide in the line below -->
<div class="carousel-item active" style="background-image: url('images/disneyland/back.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">First Slide</h2>
<p class="lead">This is a description for the first slide.</p>
</div>
</div>
<!-- Slide Two - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('images/disneyland/ben-lei-qxh_Np1A_fg-unsplash.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">Second Slide</h2>
<p class="lead">This is a description for the second slide.</p>
</div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('images/disneyland/jorge-martinez-instagram-jmartinezz9-1iBEXJOHCsM-unsplash.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">Third Slide</h2>
<p class="lead">This is a description for the third slide.</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('images/disneyland/valentin-girard-TTq0zBTXA8A-unsplash.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">Fourth Slide</h2>
<p class="lead">This is a description for the fourth slide.</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('images/disneyland/christian-wagner-37GBIXa-T7w-unsplash.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">Fourth Slide</h2>
<p class="lead">This is a description for the fourth slide.</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('images/disneyland/jacob-dyer-q1DrHkWrQDw-unsplash.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="display-4">Fourth Slide</h2>
<p class="lead">This is a description for the fourth slide.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="container about">
<h2 class="display-4" style="color: orange">Disneyland</h2>
<h5 class="display-7" style="color: orangered;padding-left: 5px;">Where Disney's Magic comes True</h5>
<hr class="headunder">
<div class="row">
<div class="col-sm-12 col-md-8 col-lg-8">
<p class="aboutinfo">
Hong Kong Disneyland (also known as HK Disneyland or HKDL) is a theme park located on reclaimed land in Penny's Bay, Lantau Island. It is located inside the Hong Kong Disneyland Resort and it is owned and managed by Hong Kong International Theme Parks. It is the largest theme park in Hong Kong, followed by Ocean Park Hong Kong.
</p>
<p class="aboutinfo">The park has a daily capacity of 34,000 visitors.The park, partially in Islands District and Tsuen Wan District, is divided into "lands" (themed areas) and well-concealed backstage areas. On entering a land, a guest is completely immersed in a themed environment and is unable to see or hear any other realm. The idea behind this was to develop theatrical "stages" with seamless passages from one land to the next.</p>
</div>
<div class="col-sm-12 col-md-4 col-lg-4">
<div class="card infocard">
<img src="https://lh5.googleusercontent.com/p/AF1QipMkIk8PqDbAPtb3ahqVo_eWaoXgtawPa7MiVVyb=w284-h160-k-no" class="card-img" alt="Img">
</div>
<div class="card infocard">
<img src="images/paris/rodrigo-kugnharski-pdWc5wm1STw-unsplash.jpg" class="card-img" alt="Img">
</div>
<!--
<div class="card infocard">
<img src="images/paris/hd%20(4).jpg" class="card-img" alt="Img">
</div>
-->
</div>
</div>
</div>
<div class="container about">
<h2 class="display-4" id="bestofplace" style="color: orange">Best Of Disneyland</h2>
<hr class="headunder">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-6 col-lg-6 hotelnspa text-center center ">
<!-- <h2 class="display-6">Hotels & Spa</h2>-->
<center>
<div class="card" style="width: 18rem;height: 20rem !important;">
<img src="https://cdn1.parksmedia.wdprapps.disney.com/resize/mwImage/1/434/244/75/dam/disneyland/attractions/disney-california-adventure/jessies-critter-carousel/jessies-critter-carousel-16x9_1.jpg?1573254130195" class="card-img-top" alt="Img">
<div class="card-body">
<h5 class="card-title">Special Theme Park Entrance</h5>
<!-- <p class="card-text" style="text-align: left;">42 avenue Gabriel Paris, Paris 75008</p>-->
</div>
</div>
<div class="card" style="width: 18rem;height: 20rem !important;">
<img src="https://cdn1.parksmedia.wdprapps.disney.com/resize/mwImage/1/640/360/75/dam/disneyland/destinations/downtown-disney-district/the-void-16x9.jpg?1551717601590" class="card-img-top" alt="Img">
<div class="card-body">
<h5 class="card-title">Virtual World-THE VOID</h5>
<!-- <p class="card-text" style="text-align: left;">42 avenue Gabriel Paris, Paris 75008</p>-->
</div>
</div>
<div class="card" style="width: 18rem;height: 20rem !important;">
<img src="https://cdn1.parksmedia.wdprapps.disney.com/resize/mwImage/1/630/354/75/dam/disneyland/dining/grand-californian-hotel/disney-princess-breakfast-adventures/girl-princess-costume-characters-16x9.jpg?1574450689444" class="card-img-top" alt="Img">
<div class="card-body">
<h5 class="card-title">Character Dining</h5>
<!-- <p class="card-text" style="text-align: left;">42 avenue Gabriel Paris, Paris 75008</p>-->
</div>
</div>
</center>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 thingstodo">
<!-- <h2 class="display-6 text-center">Things to Do</h2>-->
<center>
<div class="card" style="width: 18rem;height: 20rem !important;">
<img src="https://secure.cdn1.wdpromedia.com/resize/mwImage/1/1920/1080/75/dam/wdpro-assets/dlr/parks-and-tickets/entertainment/disney-california-adventure/character-meet-anna-and-elsa-frozen/character-meet-anna-and-elsa-frozen-00.jpg?1544837611900" class="card-img-top" alt="Img">
<div class="card-body">
<h5 class="card-title">Character Experience</h5>
<!-- <p class="card-text" style="text-align: left;">42 avenue Gabriel Paris, Paris 75008</p>-->
</div>
</div>
<div class="card" style="width: 18rem;height: 20rem !important;">
<img src="https://cdn1.parksmedia.wdprapps.disney.com/resize/mwImage/1/1920/1080/75/dam/wdpro-assets/dlr/parks-and-tickets/attractions/disneyland/chip-n-dale-treehouse/chip-n-dale-treehouse-00.jpg?1568740017793" class="card-img-top" alt="Img">
<div class="card-body">
<h5 class="card-title">Attractions</h5>
<!--
<p class="card-text" style="text-align: left;">10 Place de la Concorde
Paris 75008</p>
-->
</div>
</div>
<div class="card" style="width: 18rem;height: 20rem !important;">
<img src="https://cdn1.parksmedia.wdprapps.disney.com/resize/mwImage/1/900/360/75/dam/disneyland/gift-disney-vacation/buena-vista-st-holidays-5x2.jpg?1573517983853" class="card-img-top" alt="Img">
<div class="card-body">
<h5 class="card-title">Disney Gifts</h5>
<!--
<p class="card-text" style="text-align: left;">25 avenue Montaigne
Paris, Paris 75008</p>
-->
</div>
</div>
</center>
</div>
</div>
</div>
<div>
<hr>
<h3 style="text-align: center;color: orange">History of DisneyLand</h3>
<p style="padding: 0rem 7rem 1rem 7rem;font-size: 17px;color: dimgray">Disneyland Park, originally Disneyland, is the first of two theme parks built at the Disneyland Resort in Anaheim, California, opened on July 17, 1955. It is the only theme park designed and built to completion under the direct supervision of Walt Disney. It was originally the only attraction on the property; its official name was changed to Disneyland Park to distinguish it from the expanding complex in the 1990s. It is the oldest Disney Park in the world.
Walt Disney came up with the concept of Disneyland after visiting various amusement parks with his daughters in the 1930s and 1940s. He initially envisioned building a tourist attraction adjacent to his studios in Burbank to entertain fans who wished to visit; however, he soon realized that the proposed site was too small. After hiring a consultant to help him determine an appropriate site for his project, Disney bought a 160-acre (65 ha) site near Anaheim in 1953. Construction began in 1954 and the park was unveiled during a special televised press event on the ABC Television Network on July 17, 1955.
Since its opening, Disneyland has undergone expansions and major renovations, including the addition of New Orleans Square in 1966, Bear Country (now Critter Country) in 1972, Mickey's Toontown in 1993, and Star Wars: Galaxy's Edge in 2019.[2] Opened in 2001, Disney California Adventure Park was built on the site of Disneyland's original parking lot.</p>
</div>
<!-- Footer -->
<footer class="page-footer font-small transparent_black" style="height: 4.5rem !important; width: 98.8vw !important;">
<!-- Copyright -->
<div class="footer-copyright text-center py-3">© 2019 Copyright:
<a href="index.html"> Travel Monkey</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</body>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o" crossorigin="anonymous"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script>
function photo_slide() {
var x = document.getElementById("photoslider");
if (x.style.visibility === "visible") {
x.style.visibility = "hidden";
x.style.opacity = 0;
} else {
x.style.visibility = "visible";
x.style.opacity = 1;
}
}
</script>
<style>
center>.card {
height: auto;
}
</style>
</html>