-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathNational Gallery.html
301 lines (283 loc) · 15.3 KB
/
National Gallery.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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/W3.css">
<link rel="stylesheet" href="css/Arts & Culture/National Gallery.css" />
<link rel="icon" type="image/x-icon" href="media/png/logo/logotop.png" />
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDH9_0MnmPn1VVFF-d_qXim8mxrBEklXI&callback=initMap"></script>
<script src="js/National Gallery.js" defer></script>
<script src="https://www.w3schools.com/lib/w3.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Ryan" />
<meta name="description" content="National Gallery Singapore" />
<title>National Gallery Singapore - Arts & Culture</title>
</head>
<body>
<main w3-include-html="header.html"></main>
<script>
//code for inserting navigation panel
w3.includeHTML(); //this calls out the w3school method to be included in the index.html page.
</script>
<!-- Header -->
<header id="title">
<h1 class="big">National Gallery Singapore</h1>
</header>
<!-- Description -->
<section class="alignment description-container" id="main-body">
<section class="description-alignment-left">
<!--About-->
<section id="about">
<h1 style="font-weight: bold">About</h1>
<!-- First Part -->
<div class="half">
<div class="section-left">
<p>
The lastest addition into Singapore's art scene, the National Gallery Singapore has the world's
largest collection of modern Singapore and Southeast Asian art. Situated in the heart of Singapore's
city centre, the Gallery is housed within the City Hall and former Supreme Court which were redesigned
into this award-winning venue.
</p>
<p>
The National Gallery Singapore reflects Singapore's unique heritage and geographical location. It provides
insights into the unique art, heritage and history of the region. Working with international museums, the Gallery
positions Singapore as a regional and international hub for visual arts through the presentation of Southeast Asian
art in the global context.
</p>
</div>
<figure class="description-image">
<img src="media/jpg/National Gallery(1).jpg" alt="National Gallery Singapore" />
<cite>Photo by ©National Gallery Singapore</cite>
</figure>
</div>
<!-- Second Part -->
<h3 class="description-subheader">Singapore and Southeast Asian art collection</h3>
<div class="half">
<div class="section-left">
<p>
Featuring a comprehensive representation of Singapore art, the Gallery showcases more than 8,000 pieces of art from Singapore's
National Collection. It is one of the world's largest public collection of Singapore and Southeast Asian modern art and aims to
provide a unique experience of art and inspire international appreciation of Singapore's rich history and heritage.
</p>
<p>
The National Gallery Singapore also provides a large variety of programmes such as guided tours, artist talks, conversations with
curators and lecture series. Visitors will be able to gain deeper insights into the exhibition as well as experience the region’s
very first dedicated art education centre, immersing themselves in a creative learning environment with a range of artful and
active learning programmes and activities.
</p>
</div>
<figure class="description-image">
<img src="media/jpg/National Gallery Exhibition.jpg" alt="Victoria Concert Hall performance" />
<cite>Photo by ©National Gallery Singapore</cite>
</figure>
<figure class="description-image">
<img src="media/jpg/National Gallery Exhibition(1).jpg" alt="Victoria Concert Hall performance" />
<cite>Photo by ©National Gallery Singapore</cite>
</figure>
</div>
<!-- Video -->
<div class="video">
<h3>Check out the National Gallery Singapore!</h3>
<iframe src="https://www.youtube.com/embed/TA_l7kphVdA?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</section>
<!--Ticketing-->
<section>
<table>
<caption>Ticket Prices</caption>
<tr>
<td rowspan="2"></td>
<th class="th-col" scope="col" colspan="2">Singaporeans and PRs</th>
<th class="th-col" colspan="2">Non-Singaporeans</th>
<th class="gallery-insiders">Gallery<br />Insiders</th>
<th class="purchase">Purchase</th>
</tr>
<tr class="ticketing-medium">
<td class="th-col-split">Standard</td>
<td class="th-col-split">Concession</td>
<td class="th-col-split">Standard</td>
<td class="th-col-split">Concession</td>
<td colspan="2"></td>
</tr>
<tr>
<th class="th-row" scope="row">General Admission</th>
<td>Free</td>
<td>Free</td>
<td>$20</td>
<td>$15</td>
<td>-</td>
<td><a class="book-button" target="_blank" href="https://tickets.nationalgallery.sg/web/Booking.do?contentCode=cngsga2016">BOOK NOW</a></td>
</tr>
<tr>
<th class="th-row" scope="row">Special Exhibition<br /><span style="font-style: italic">Century of Light</span></th>
<td>$15</td>
<td>$10</td>
<td>$25</td>
<td>$20</td>
<td>-</td>
<td><a class="book-button" target="_blank" href="http://tickets.nationalgallery.sg/web/Booking.do?contentCode=cngscol2017">BOOK NOW</a></td>
</tr>
<tr class="exception">
<td></td>
<td class="ticketing-small" colspan="2">Includes complementary General Admission Ticket</td>
<td colspan="4"></td>
</tr>
<tr>
<th class="th-row" scope="row">All Access Pass<br /><span class="ticketing-small">(General Admission + Special Exhibition)</span></th>
<td>-</td>
<td>-</td>
<td>$30</td>
<td>$25</td>
<td>Free</td>
<td><a class="book-button" target="_blank" href="http://tickets.nationalgallery.sg/web/Booking.do?contentCode=cngsaap2017d">BOOK NOW</a></td>
</tr>
</table>
<h4 style="margin-top: 40px; font-weight:bold;">
Gallery Insider Membership Privilleges
</h4>
<p>
Starting at $30 a year, Gallery Insiders enjoy free entry to <span style="text-decoration: underline">all exhibitions</span> for one year, access to prority lanes, invitations to exclusive
Insider-only events, as well as enjoy discounts at the Gallery's shopping and dining options.
<a class="learn-more" target="_blank" href="https://www.nationalgallery.sg/support/join/membership">Learn more about our membership programme here</a>
</p>
<a class="membership-button" target="_blank" href="http://tickets.nationalgallery.sg/web/Booking.do?contentCode=cngsms2016">Become an Insider Today</a>
</section>
<!-- Contact Us -->
<section>
<form class="form-container">
<header class="form-header">
<h1>Share your Feedback!</h1>
</header>
<div class="form-name">
<input class="form-first" type="text" placeholder="First Name" required />
<input class="form-last" type="text" placeholder="Last Name" />
</div>
<div class="form-contact">
<input class="form-email" type="email" placeholder="E-mail Address" required />
</div>
<div class="form-message">
<textarea placeholder="Your Feedback Here!" required></textarea>
</div>
<footer class="form-footer">
<button class="form-button">Send Feedback</button>
</footer>
</form>
</section>
</section>
<!-- Sidebar -->
<aside class="sidebar-alignment-right">
<section class="sidebar-info">
<div>
<figure class="sidebar-icon">
<img src="media/icons/location(green).png" />
</figure>
<div class="sidebar-description">
<h3>National Gallery Singapore</h3>
<p>1 St Andrew's Road, Singapore 178957</p>
</div>
</div>
<hr class="sidebar-hr" />
<div>
<figure class="sidebar-icon">
<img src="media/icons/clock(green).png" />
</figure>
<div class="sidebar-description">
<h3>Opening Hours</h3>
<p>
Sat - Thu: 10am – 7pm<br />
Fri: 10am – 9pm
</p>
<p>Public Holidays and Eve of PH will follow the operating hours of the day it falls on.</p>
<p>Admission ends 30 minutes before closing time.</p>
</div>
</div>
<hr class="sidebar-hr" />
<div>
<figure class="sidebar-icon">
<img src="media/icons/grid-world(green).png" />
</figure>
<div class="sidebar-description">
<h3><a class="sidebar-link" target="_blank" href="https://www.nationalgallery.sg/">Visit Official Website</a></h3>
</div>
</div>
</section>
<div id="map"></div>
</aside>
</section>
<!--Like what you've read?-->
<section class="like">
<div>
<div class="like1">
<img src="media/png/email.png" alt="email logo" width="30" height="25" />
<p class="likebig">Like what you've read?</p>
</div>
<div>
<p class="likesmall">Subscribe to our email newsletter!</p>
</div>
<div>
<button type="button" class="button" id="signup" onclick="haveoverlay1()">Sign Up</button>
</div>
</div>
</section>
<!-- popup for signup-->
<div id="overlay1">
<div id="textonsignup">
<button class="closebuttonpopup1" onclick="turnoffoverlay1()">Close</button>
<div>
<p class="signuptitle">Sign Up</p>
<p class="signupcontent">Please fill in this form to sign up for our email newsletter.</p>
<hr />
<div>
<form id="signupForm" onsubmit="alert('Thank you for signing up!')">
<div>
<label for="emailsignup">Email:</label>
<input type="email" id="emailsignup" required class="inputwidth" />
</div>
<div>
<label for="passwordsignup">Password:</label>
<input type="password" id="passwordsignup" maxlength="11" pattern="[0-9][a-z]{10}" class="inputwidth" placeholder="Password should contain a number first, followed by 10 alphabet" required />
</div>
<div class="passwordinput">
<input type="checkbox" id="togglepassword" onclick="myPassword()" />Show Password <!--myPassword() basically show password-->
</div>
<div>
By creating an account, you are allowing us to send emails to you.
</div>
<div>
<button type="submit" class="button">Sign Up</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Contact Form------------------------------------------------------------------------------------------------------------->
<footer>
<section id="contact">
<div class="authorimage">
<img src="media/jpg/Ryan.jpg" alt="Photo of author" />
</div>
<div class="contentcontact">
<p>Meet the Author</p>
<p>Ryan Ng</p>
<p>
Ryan is currently a Year 1 student pursuing a diploma in Information Security
& Forensics at Ngee Ann Polytechnic. He is a tech enthusiast who enjoys building
PCs and interacting with new technologies.
</p>
<p>Read more from <a href="https://ngwhryan.wixsite.com/portfolio" target="_blank">Ryan Ng</a></p>
</div>
<div class="social-media">
<div class="smicons">
<a href="https://www.instagram.com/ryan_ngwh/" target="_blank"><img src="media/png/socialmediaicon/instagram.png" alt="instagram" width="30" height="30" /></a>
<a href="https://www.linkedin.com/in/ryan-ngwh/" target="_blank"><img src="media/png/socialmediaicon/linkedin.png" alt="linked in" width="30" height="30" /></a>
<a href="mailto:[email protected]" target="_blank"><img src="media/png/socialmediaicon/emailicon.png" alt="email" width="30" height="30" /></a>
</div>
<div class="toparrow">
<a href="#top"><img src="media/png/toparrow.png" alt="Go to Top" width="50" height="50" title="Go back to the top" /></a>
</div>
</div>
</section>
</footer>
</body>
</html>