PageSourceSearch

https://www.gardensbythebay.com.sg/en/things-to-do/dine-and-shop.html

html gardensbythebay.com.sg collected 2026-09-24 08:46:04 UTC 95,217 bytes, 2,143 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang="en">
3<head>
4    <meta charset="UTF-8"/>
5    <title>Dine &amp; Shop</title>
6    
7    <meta name="description" content="Dine amidst lush greenery in the Gardens. Be spoilt for choice with our array of dining options, ranging from fine dining, café delights, popular fast food to well-loved local fare – there’s something for everyone. "/>
8    <meta name="template" content="page-content-template"/>
9    <meta name="viewport" content="width=device-width, initial-scale=1"/>
10    
11<link rel="canonical" href="https://www.gardensbythebay.com.sg/en/things-to-do/dine-and-shop.html"/>
12
13    
14    <meta property="og:title" content="Dine &amp; Shop"/>
15    <meta property="og:type" content="website"/>
16    <meta property="og:url" content="https://www.gardensbythebay.com.sg/en/things-to-do/dine-and-shop.html"/>
17    <meta property="og:image" content="https://gardensbythebay.com.sg/content/dam/gbb-2021/image/things-to-do/attractions/supertree-grove/main/supertree-grove-main.jpg"/>
18    <meta property="og:description" content="Dine amidst lush greenery in the Gardens. Be spoilt for choice with our array of dining options, ranging from fine dining, café delights, popular fast food to well-loved local fare – there’s something for everyone. "/>
19    <meta property="og:category"/>
20
21
22
23
24    
25
26
27  
28    
28<script id="cookieyes-script" type="text/javascript" src="https://cdn-cookieyes.com/client_data/7494e66cda941a4df3186473a649558d/script.js"></script>
vendor: 75 bytes, lines 28-31
28
29  
30
31    <script async src="https://www.googletagmanager.com/gtag/js?id=
31AW-17986466785
vendor: 17 bytes, lines 31-32
31"></script>
32    
32<script>
33      
vendor: 150 bytes, lines 33-37
33window.dataLayer = window.dataLayer || [];
34      function gtag(){dataLayer.push(arguments);}
35      gtag('js', new Date());
36
37      gtag('config', '
37AW-17986466785
vendor: 19 bytes, lines 37-39
37');
38      
39      
39if (window.location.pathname.includes('/sakura-2026')) {
40        gtag('event', 'conversion', {
41          'send_to': 'AW-17986466785/Ii8JCKTLvYIcEOHnzoBD'
42        });
43      }
44      
45      if (window.location.hostname === 'ticket3.gardensbythebay.com.sg' && 
46          window.location.pathname.includes('/checkout/payment/success')) {
47        gtag('event', 'conversion', {
48          'send_to': 'AW-17986466785/GvJLCIycq4IcEOHnzoBD'
49        });
50      }
51      
52      if (window.location.hostname === 'ticket2.gardensbythebay.com.sg' && 
53          window.location.pathname.includes('/checkout/payment/success')) {
54        gtag('event', 'conversion', {
55          'send_to': 'AW-17986466785/NhnjCI-cq4IcEOHnzoBD'
56        });
57      }
58    </script>
58
59
60    <link rel="apple-touch-icon" sizes="57x57" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-57x57.png"/>
61<link rel="apple-touch-icon" sizes="60x60" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-60x60.png"/>
62<link rel="apple-touch-icon" sizes="72x72" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-72x72.png"/>
63<link rel="apple-touch-icon" sizes="76x76" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-76x76.png"/>
64<link rel="apple-touch-icon" sizes="114x114" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-114x114.png"/>
65<link rel="apple-touch-icon" sizes="120x120" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-120x120.png"/>
66<link rel="apple-touch-icon" sizes="144x144" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-144x144.png"/>
67<link rel="apple-touch-icon" sizes="152x152" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-152x152.png"/>
68<link rel="apple-touch-icon" sizes="180x180" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/apple-touch-icon-180x180.png"/>
69<link rel="icon" type="image/png" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/favicon-32x32.png" sizes="32x32"/>
70<link rel="icon" type="image/png" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/android-chrome-192x192.png" sizes="192x192"/>
71<link rel="icon" type="image/png" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/favicon-96x96.png" sizes="96x96"/>
72<link rel="icon" type="image/png" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/favicon-16x16.png" sizes="16x16"/>
73<link rel="manifest" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/manifest.json"/>
74<meta name="msapplication-TileColor" content="#e11350"/>
75<meta name="msapplication-TileImage" content="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/favicons/mstile-144x144.png"/>
76<meta name="google-site-verification" content="wQoxyVHI-Xj0hK-J-VPd64-Z0CLqSvmtWmMCl54KVF4"/>
77<meta name="facebook-domain-verification"/>
78
79<link rel="preconnect" href="https://fonts.gstatic.com"/>
80<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet"/>
81<style>
82		[v-cloak] {
83			display: none;
84		}
85</style>
86
87
88    
89    
89<script>
vendor: 323 bytes, line 89
89(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer',"
89GTM-N3ZSN2B
vendor: 3 bytes, line 89
89");
89</script>
89
90    
91
92    
93    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3ZSN2B" height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe></noscript>
94    
95
96    
97    
98    
99
100    
101
102    
103    
104<script src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies.min.654a528b735528a48a81fb94b326177a.js"></script>
104
105
106
107
108    
109    
110<link rel="stylesheet" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies.min.6df5e7fdf2ac8044419d855a15b8024c.css" type="text/css">
111<link rel="stylesheet" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-base.min.c9394a74d5ab79880f20559b463263cb.css" type="text/css">
112<link rel="stylesheet" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site.min.67cf5adc990efae20055a8738521888c.css" type="text/css">
113
114
115
116    
117
118    
119    <link rel="icon" sizes="192x192" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/icon-192x192.png"/>
120    <link rel="apple-touch-icon" sizes="180x180" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/apple-touch-icon-180x180.png"/>
121    <link rel="apple-touch-icon" sizes="167x167" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/apple-touch-icon-167x167.png"/>
122    <link rel="apple-touch-icon" sizes="152x152" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/apple-touch-icon-152x152.png"/>
123    <link rel="apple-touch-icon" sizes="120x120" href="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/apple-touch-icon-120x120.png"/>
124    <meta name="msapplication-square310x310logo" content="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/icon-310x310.png"/>
125    <meta name="msapplication-wide310x150logo" content="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/icon-310x150.png"/>
126    <meta name="msapplication-square150x150logo" content="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/icon-150x150.png"/>
127    <meta name="msapplication-square70x70logo" content="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/icon-70x70.png"/>
128
129    
130</head>
131<body class="t-cmp-clean t-cmp-clean--light page basicpage" id="page-6061b1e27b" data-cmp-data-layer-enabled="true" data-flipbookpath="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources">
132<script>
133          window.adobeDataLayer = window.adobeDataLayer || [];
134          adobeDataLayer.push({
135              page: JSON.parse("{\x22page\u002D6061b1e27b\x22:{\x22@type\x22:\x22gbb\u002D2021\/components\/page\x22,\x22repo:modifyDate\x22:\x222026\u002D09\u002D18T09:04:39Z\x22,\x22dc:title\x22:\x22Dine \x26 Shop\x22,\x22dc:description\x22:\x22Dine amidst lush greenery in the Gardens. Be spoilt for choice with our array of dining options, ranging from fine dining, café delights, popular fast food to well\u002Dloved local fare – there’s something for everyone. \x22,\x22xdm:template\x22:\x22\/conf\/gbb\u002D2021\/settings\/wcm\/templates\/page\u002Dcontent\u002Dtemplate\x22,\x22xdm:language\x22:\x22en\x22,\x22xdm:tags\x22:[],\x22repo:path\x22:\x22\/content\/gbb\u002D2021\/sg\/en\/things\u002Dto\u002Ddo\/dine\u002Dand\u002Dshop.html\x22}}"),
136              event:'cmp:show',
137              eventInfo: {
138                  path: 'page.page\u002D6061b1e27b'
139              }
140          });
141        </script>
141
142
143
144    
145
146
147
148
149    
150    <div id="fb-root"></div>
151
152
153
154
155<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v9.0"></script>
155
156
157
158
159
160
161
162
163    
164<div class="root container responsivegrid container-fluid">
165
166    
167    
168    
169    <div id="container-0229fdc20d" class="cmp-container">
170        
171        <div class="experiencefragment">
172<div id="experiencefragment-eff321abeb" class="cmp-experiencefragment cmp-experiencefragment--header">
173
174    
175    <div id="container-faacb16c4a" class="cmp-container">
176        
177
178
179<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
180    
181    <div class="announcement-container aem-GridColumn aem-GridColumn--default--12">
182
183
184
185
186    
187
188
189
190<div class="announcement component" data-autoplayspeed="8000" data-popup="true" data-expire="6">
191    <div class="container">
192        <div class="row">
193            <div class="col-md-10 announcement--left">
194                <div class="announcement--content">
195                    <div class="announcement--view">
196                        <a href="javascript:void(0);" data-toggle="modal" class="announcement--view--link" data-target="#announcement-modal">View</a>
197                    </div>
198                    <div class="announcement--counter">
199                        <a href="javascript:void(0);" class="announcement--prev" id="announcement--prev">
200                            <i class="gbb-arrow-left"></i>
201                        </a>
202                        <span data-counter="counter"></span>
203                        <a href="javascript:void(0);" class="announcement--next" id="announcement--next">
204                            <i class="gbb-arrow-right"></i>
205                        </a>
206                    </div>
207                    <div class="announcement--carousel">
208                        <div class="announcement--slide">
209                            <div class="announcement--title">
210                                <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
211                                <strong>Traffic Advisory for The Kiprun Singapore 2026 on Sun, 27 Sep 2026</strong>
212                            </div>
213                        </div>
214                    
215                        <div class="announcement--slide">
216                            <div class="announcement--title">
217                                <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
218                                <strong>Rescheduling of show timing for Borealis from Sat, 12 Sep - Sun, 27 Sep 2026</strong>
219                            </div>
220                        </div>
221                    
222                        <div class="announcement--slide">
223                            <div class="announcement--title">
224                                <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
225                                <strong>Closure of Satay by the Bay from Thu, 1 Oct 2026. Other dining options available.</strong>
226                            </div>
227                        </div>
228                    
229                        <div class="announcement--slide">
230                            <div class="announcement--title">
231                                <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
232                                <strong>Advisory for use of tripods at Disney Garden of Wonder at Floral Fantasy</strong>
233                            </div>
234                        </div>
235                    
236                        <div class="announcement--slide">
237                            <div class="announcement--title">
238                                <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
239                                <strong>Bay South–Bay East Bridge Construction from 4 May 2026</strong>
240                            </div>
241                        </div>
242                    </div>
243                </div>
244            </div>
245            <div class="col-md-2 announcement--right">
246                <a href="javascript:void(0);" data-toggle="modal" class="announcement--view--link" data-target="#announcement-modal">
247                    View
248                </a>
249            </div>
250        </div>
251    </div>
252    <div class="modal fade" id="announcement-modal" tabindex="-1" role="dialog">
253        <div class="modal-dialog" role="document">
254            <div class="modal-content">
255                <div class="announcement--nav">
256                    <a href="javascript:void(0);" class="announcement--prev" id="announcement--prev"><i class="gbb-arrow-left"></i></a>
257                    <a href="javascript:void(0);" class="announcement--next" id="announcement--next"><i class="gbb-arrow-right"></i></a>
258                </div>
259                <div class="modal-body">
260                    <div class="announcement--close">
261                        <a href="javascript:void(0);" data-dismiss="modal" aria-label="Close"></a>
262                    </div>
263                    <div class="announcement--modal-counter">
264                        <span data-counter="counter"></span>
265                    </div>
266
267                    <div class="announcement--modal-wrapper">
268                        <div class="announcement--modal-carousel">
269                            <div class="announcement--slide">
270                                <div class="announcement--title">
271                                    <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
272                                    <strong>Traffic Advisory for The Kiprun Singapore 2026 on Sun, 27 Sep 2026</strong>
273                                </div>
274                                <p>All car parks (Main Entrance, The Meadow, Satay by the Bay and Bayfront Plaza car park) at Gardens by the Bay remain accessible throughout the event. Drivers may experience some waiting time during The Kiprun Singapore 2026 from 5.00am – 9.00am before they can drive through. We thank you for your patience and understanding.  Click <a href="https://www.metasport.com/wp-content/uploads/2026/09/KIPRUN26_Traffic-Advisory.pdf" target="_blank">here</a> for more traffic advisory details.</p>
275
276                            </div>
277                        
278                            <div class="announcement--slide">
279                                <div class="announcement--title">
280                                    <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
281                                    <strong>Rescheduling of show timing for Borealis from Sat, 12 Sep - Sun, 27 Sep 2026</strong>
282                                </div>
283                                <p><i>Borealis</i> will be rescheduled to 9.00pm - 9.15pm from Sat, 12 Sep to Sun, 27 Sep 2026 due to Mid-Autumn Festival.<br />
284</p>
285
286                            </div>
287                        
288                            <div class="announcement--slide">
289                                <div class="announcement--title">
290                                    <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
291                                    <strong>Closure of Satay by the Bay from Thu, 1 Oct 2026. Other dining options available.</strong>
292                                </div>
293                                <p>Satay by the Bay will close from 1 October 2026 to make way for a refreshed waterfront dining experience as part of the Wetlands by the Bay development.</p>
294<p>In the meantime, discover other dining options at Gardens by the Bay <a href="https://www.gardensbythebay.com.sg/en/things-to-do/dine-and-shop.html">here</a>.</p>
295
296                            </div>
297                        
298                            <div class="announcement--slide">
299                                <div class="announcement--title">
300                                    <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
301                                    <strong>Advisory for use of tripods at Disney Garden of Wonder at Floral Fantasy</strong>
302                                </div>
303                                <p>For a better visiting experience and facilitate crowd movement, we seek your kind understanding that usage of tripods and camera stands will not be permitted in Floral Fantasy.</p>
304
305                            </div>
306                        
307                            <div class="announcement--slide">
308                                <div class="announcement--title">
309                                    <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/>
310                                    <strong>Bay South–Bay East Bridge Construction from 4 May 2026</strong>
311                                </div>
312                                <p>To facilitate the construction of the bridge linking Bay South Garden and Bay East Garden, there will be no access for cyclists along the Waterfront Promenade from 4 May 2026. During the construction of the bridge, cyclists heading towards Marina Barrage are advised to take an alternative route around the perimeter of Bay South Garden. Pedestrians may still access the Waterfront Promenade, with a slight diversion to their route. </p>
313<p><a href="/content/dam/gbb-2021/image/plan-your-visit/visiting-guidelines/Route%20diversion%20map%20of%20Bay%20South.jpg" target="_blank">Click here</a> to download the diversion map.</p>
314
315                            </div>
316                        </div>
317                    </div>
318                    <div class="announcement--dots"></div>
319                </div>
320            </div>
321        </div>
322    </div>
323</div>
324</div>
325<div class="mainnavigation aem-GridColumn aem-GridColumn--default--12">
326
327
328
329    <nav class="navigation--dark">
330
331        
332
333
334
335
336
337    
338
339    
340    <div class="navigation navigation--desktop navigation--utility">
341        <div class="utility-navbar">
342            <div class="utility-groups container">
343                <div class="utility-group">
344                    <ul class="utility-list">
345                        <li class="utility-listitem">
346                            <a class="utility-listitem__link" href="/en/be-a-member.html" target="_self">
347                                <span>Be a Member</span>
348                            </a>
349                        </li>
350                    
351                        <li class="utility-listitem">
352                            <a class="utility-listitem__link" href="/en/promotions.html" target="_self">
353                                <span>View Promotions</span>
354                            </a>
355                        </li>
356                    
357                        <li class="utility-listitem">
358                            <a class="utility-listitem__link" href="https://shop.gardensbythebay.com.sg/" target="_blank">
359                                <span>eShop</span>
360                            </a>
361                        </li>
362                    
363                        <li class="utility-listitem">
364                            <a class="utility-listitem__link" href="/en/book-a-venue.html" target="_self">
365                                <span>Book a Venue</span>
366                            </a>
367                        </li>
368                    
369                        <li class="utility-listitem">
370                            <a class="utility-listitem__link" href="/en/support-us.html" target="_self">
371                                <span>Support Us</span>
372                            </a>
373                        </li>
374                    </ul>
375                </div>
376                <div class="utility-group">
377                    <ul class="utility-list">
378                        <li class="utility-listitem">
379                            <a class="utility-listitem__link member-login" href="https://friends.gardensbythebay.com.sg/" target="_blank">
380                                <i class="gbb-login"></i>
381                                <span>Member Login </span>
382                            </a>
383                        </li>
384                        
385                        <li class="utility-listitem search-button">
386                            <div class="dropdown">
387                                <a data-toggle="modal" data-target="#search-overlay" class="utility-listitem__link" role="button" id="search-bar">
388                                    <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-search.png" alt="Gardens by the Bay search"/>
389                                </a>
390                            </div>
391                        </li>
392                    </ul>
393                </div>
394            </div>
395        </div>
396    </div>
397
398    
399    <div class="navigation navigation--hamburger navigation--utility">
400        
401        <div class="utility-navbar">
402            <div class="utility-groups container">
403                <div class="utility-group">
404                    <ul class="utility-list">
405                        <li class="utility-listitem">
406                            <a class="utility-listitem__link member-login" href="https://friends.gardensbythebay.com.sg/" target="_blank">
407                                <i class="gbb-login"></i>
408                                <span>Member Login</span>
409                            </a>
410                        </li>
411                        <li class="utility-listitem search-button">
412                            <div class="dropdown">
413                                <a data-toggle="modal" data-target="#search-overlay" class="utility-listitem__link" role="button" id="search-bar">
414                                    <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-search.png" alt="search icon"/>
415                                </a>
416                            </div>
417                        </li>
418                    </ul>
419                </div>
420            </div>
421        </div>
422        
423    </div>
424
425
426        <div class="navigation navigation--desktop navigation--main" data-component="navigation">
427            <div class="main-navbar">
428                <div class="nav-groups container">
429                    <div class="nav-group">
430                        
431
432
433    <a class="nav-link nav-logo" href="/" target="_self">
434		<img class="nav-logo__image collapsed" src="/content/dam/gbb-2021/image/test/GBTB_white_landscape_logo.png" alt="Gardens by the Bay"/>
435		
436		<img class="nav-logo__image" src="/content/dam/gbb-2021/image/test/GBTB_grey_landscape_logo.png" alt="Gardens by the Bay"/>
437		
438		<span class="d-none">Gardens by the Bay</span>
439    </a>
440
441                    </div>
442                    <div class="nav-group">
443                        <ul class="nav-list">
444                            <li class="nav-listitem">
445                                
446                                <div class="dropdown position-static" data-nav="dropdown">
447                                    <a href="/en/about-us/our-gardens-story.html" target="_self" class="main-navigation-link" id="our-gardens-story-1790239563837" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
448                                        <span>Our Gardens Story</span>
449                                    </a>
450
451                                    <div class="dropdown-menu w-100" aria-labelledby="our-gardens-story-1790239563837">
452                                        <div class="menu container">
453                                            <div class="row menu-primary">
454                                                <div class="col-9">
455                                                    <a class="menu-main-link" href="/en/about-us/our-gardens-story.html">
456                                                        <h6>Our Gardens Story</h6>
457                                                        <i class="gbb-arrow-right"></i>
458                                                    </a>
459                                                </div>
460                                            </div>
461                                            
462                                            <div class="row menu-primary">
463                                                <div class="row menu-secondary col-9">
464                                                    <div class="col-4">
465                                                        
466                                                        
467        
468            <a class="menu-main-link" href="/en/about-us/our-gardens-story/our-story.html" target="_self">
469                <span>Our Story</span>
470                
471            </a>
472        
473            <a class="menu-main-link" href="/en/about-us/our-gardens-story/our-history.html" target="_self">
474                <span>Our History</span>
475                
476            </a>
477        
478            <a class="menu-main-link" href="/en/about-us/our-gardens-story/sustainability-efforts.html" target="_self">
479                <span>Sustainability Efforts</span>
480                
481            </a>
482        
483
484                                                    </div>
485                                                    <div class="col-4">
486                                                        
487                                                        
488        
489
490                                                    </div>
491                                                    <div class="col-4">
492                                                        
493                                                        
494        
495
496                                                    </div>
497                                                </div>
498                                                
499    
500
501    
502
503
504                                            </div>
505                                        </div>
506                                    </div>
507                                </div>
508                            </li>
509                        
510                            <li class="nav-listitem">
511                                
512                                <div class="dropdown position-static" data-nav="dropdown">
513                                    <a href="/en/things-to-do.html" target="_self" class="main-navigation-link" id="things-to-do-1790239563837" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
514                                        <span>Things to do</span>
515                                    </a>
516
517                                    <div class="dropdown-menu w-100" aria-labelledby="things-to-do-1790239563837">
518                                        <div class="menu container">
519                                            <div class="row menu-primary">
520                                                <div class="col-9">
521                                                    <a class="menu-main-link" href="/en/things-to-do.html">
522                                                        <h6>Things to do</h6>
523                                                        <i class="gbb-arrow-right"></i>
524                                                    </a>
525                                                </div>
526                                            </div>
527                                            
528                                            <div class="row menu-primary">
529                                                <div class="row menu-secondary col-9">
530                                                    <div class="col-4">
531                                                        
532                                                        
533        
534            <a class="menu-main-link" href="/en/things-to-do/attractions/flower-dome.html" target="_self">
535                <span>Flower Dome</span>
536                
537            </a>
538        
539            <a class="menu-main-link" href="/en/things-to-do/attractions/cloud-forest.html" target="_self">
540                <span>Cloud Forest</span>
541                
542            </a>
543        
544            <a class="menu-main-link" href="/en/things-to-do/attractions/floral-fantasy.html" target="_self">
545                <span>Floral Fantasy</span>
546                
547            </a>
548        
549            <a class="menu-main-link" href="/en/things-to-do/attractions/ocbc-skyway.html" target="_self">
550                <span>OCBC Skyway</span>
551                
552            </a>
553        
554            <a class="menu-main-link" href="/en/things-to-do/attractions/supertree-observatory.html" target="_self">
555                <span>Supertree Observatory</span>
556                
557            </a>
558        
559            <a class="menu-main-link menu-main-link--highlight" href="/en/things-to-do/attractions.html" target="_self">
560                <span>View all Attractions</span>
561                <i class="gbb-arrow-right"></i>
562            </a>
563        
564
565                                                    </div>
566                                                    <div class="col-4">
567                                                        
568                                                        
569        
570            <a class="menu-main-link" href="/en/things-to-do/imba-theatre.html" target="_self">
571                <span>IMBA Theatre</span>
572                
573            </a>
574        
575            <a class="menu-main-link" href="/en/things-to-do/garden-pod.html" target="_self">
576                <span>Garden Pod</span>
577                
578            </a>
579        
580            <a class="menu-main-link" href="/en/things-to-do/attractions/art-sculptures.html" target="_self">
581                <span>Art Sculptures</span>
582                
583            </a>
584        
585            <a class="menu-main-link" href="/en/things-to-do/calendar-of-events.html" target="_self">
586                <span>Calendar of Events</span>
587                
588            </a>
589        
590            <a class="menu-main-link" href="/en/things-to-do/dine-and-shop.html" target="_self">
591                <span>Dine &amp; Shop</span>
592                
593            </a>
594        
595
596                                                    </div>
597                                                    <div class="col-4">
598                                                        
599                                                        
600        
601
602                                                    </div>
603                                                </div>
604                                                
605    
606
607    
608
609
610                                            </div>
611                                        </div>
612                                    </div>
613                                </div>
614                            </li>
615                        
616                            <li class="nav-listitem">
617                                
618                                <div class="dropdown position-static" data-nav="dropdown">
619                                    <a href="/en/plan-your-visit.html" target="_self" class="main-navigation-link" id="plan-your-visit-1790239563840" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
620                                        <span>Plan your visit</span>
621                                    </a>
622
623                                    <div class="dropdown-menu w-100" aria-labelledby="plan-your-visit-1790239563840">
624                                        <div class="menu container">
625                                            <div class="row menu-primary">
626                                                <div class="col-9">
627                                                    <a class="menu-main-link" href="/en/plan-your-visit.html">
628                                                        <h6>Plan your visit</h6>
629                                                        <i class="gbb-arrow-right"></i>
630                                                    </a>
631                                                </div>
632                                            </div>
633                                            
634                                            <div class="row menu-primary">
635                                                <div class="row menu-secondary col-9">
636                                                    <div class="col-4">
637                                                        
638                                                        
639        
640            <a class="menu-main-link" href="/en/plan-your-visit/opening-hours.html" target="_self">
641                <span>Opening Hours &amp; Closures</span>
642                
643            </a>
644        
645            <a class="menu-main-link" href="/en/plan-your-visit/getting-here.html" target="_self">
646                <span>Getting Here &amp; Parking</span>
647                
648            </a>
649        
650            <a class="menu-main-link" href="/en/plan-your-visit/itinerary-planner.html" target="_self">
651                <span>Itinerary Planner</span>
652                
653            </a>
654        
655            <a class="menu-main-link" href="/en/plan-your-visit/gardens-map.html" target="_self">
656                <span>Gardens Map</span>
657                
658            </a>
659        
660
661                                                    </div>
662                                                    <div class="col-4">
663                                                        
664                                                        
665        
666            <a class="menu-main-link" href="/en/plan-your-visit/amenities-and-services.html" target="_self">
667                <span>Amenities &amp; Services</span>
668                
669            </a>
670        
671            <a class="menu-main-link" href="/en/plan-your-visit/information-guides.html" target="_self">
672                <span>Information Guides</span>
673                
674            </a>
675        
676            <a class="menu-main-link" href="/en/plan-your-visit/visiting-guidelines.html" target="_self">
677                <span>Visiting Guidelines</span>
678                
679            </a>
680        
681            <a class="menu-main-link" href="/en/plan-your-visit/mobile-apps-and-travel-guide.html" target="_self">
682                <span>Mobile Apps &amp; Travel Guide</span>
683                
684            </a>
685        
686
687                                                    </div>
688                                                    <div class="col-4">
689                                                        
690                                                        
691        
692
693                                                    </div>
694                                                </div>
695                                                
696    
697
698    
699
700
701                                            </div>
702                                        </div>
703                                    </div>
704                                </div>
705                            </li>
706                        
707                            <li class="nav-listitem">
708                                
709                                <div class="dropdown position-static" data-nav="dropdown">
710                                    <a href="/en/learn-with-us.html" target="_self" class="main-navigation-link" id="learn-with-us-1790239563842" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
711                                        <span>Learn with us</span>
712                                    </a>
713
714                                    <div class="dropdown-menu w-100" aria-labelledby="learn-with-us-1790239563842">
715                                        <div class="menu container">
716                                            <div class="row menu-primary">
717                                                <div class="col-9">
718                                                    <a class="menu-main-link" href="/en/learn-with-us.html">
719                                                        <h6>Learn with us</h6>
720                                                        <i class="gbb-arrow-right"></i>
721                                                    </a>
722                                                </div>
723                                            </div>
724                                            
725                                            <div class="row menu-primary">
726                                                <div class="row menu-secondary col-9">
727                                                    <div class="col-4">
728                                                        
729                                                        
730        
731            <a class="menu-main-link menu-main-link--highlight" href="/en/learn-with-us/for-schools.html" target="_self">
732                <span>For Schools</span>
733                <i class="gbb-arrow-right"></i>
734            </a>
735        
736            <a class="menu-main-link" href="/en/learn-with-us/for-schools/pre-school-programmes.html" target="_self">
737                <span>Pre-School</span>
738                
739            </a>
740        
741            <a class="menu-main-link" href="/en/learn-with-us/for-schools/primary-school-programmes.html" target="_self">
742                <span>Primary School</span>
743                
744            </a>
745        
746            <a class="menu-main-link" href="/en/learn-with-us/for-schools/secondary-school-programmes.html" target="_self">
747                <span>Secondary School</span>
748                
749            </a>
750        
751            <a class="menu-main-link" href="/en/learn-with-us/for-schools/school-engagement.html" target="_self">
752                <span>School Engagement</span>
753                
754            </a>
755        
756            <a class="menu-main-link" href="/en/learn-with-us/for-schools/learning-activities.html" target="_self">
757                <span>Learning Activities</span>
758                
759            </a>
760        
761
762                                                    </div>
763                                                    <div class="col-4">
764                                                        
765                                                        
766        
767            <a class="menu-main-link menu-main-link--highlight" href="/en/learn-with-us/explore-resources.html" target="_self">
768                <span>Explore Resources</span>
769                <i class="gbb-arrow-right"></i>
770            </a>
771        
772            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/whats-visiting.html" target="_self">
773                <span>What&#39;s Visiting</span>
774                
775            </a>
776        
777            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/whats-blooming.html" target="_self">
778                <span>What&#39;s Blooming</span>
779                
780            </a>
781        
782            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/articles.html" target="_self">
783                <span>Articles</span>
784                
785            </a>
786        
787            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/crafts-and-worksheets.html" target="_self">
788                <span>Crafts &amp; Worksheets</span>
789                
790            </a>
791        
792            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/bloom-plantkeepers-of-the-bay.html" target="_self">
793                <span>Comics</span>
794                
795            </a>
796        
797            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/e-books.html" target="_self">
798                <span>E-books</span>
799                
800            </a>
801        
802
803                                                    </div>
804                                                    <div class="col-4">
805                                                        
806                                                        
807        
808            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/videos.html" target="_self">
809                <span>Videos</span>
810                
811            </a>
812        
813            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/plant-doctor-ask-us-anything-form.html" target="_self">
814                <span>Plant Doctor</span>
815                
816            </a>
817        
818            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/creator-voices.html" target="_self">
819                <span>Creator Voices</span>
820                
821            </a>
822        
823
824                                                    </div>
825                                                </div>
826                                                
827    
828
829    
830
831
832                                            </div>
833                                        </div>
834                                    </div>
835                                </div>
836                            </li>
837                        </ul>
838                    </div>
839                    <div class="nav-group">
840                        
841    <a class="nav-button button" target="_blank" href="https://ticket.gardensbythebay.com.sg">
842        <div>Buy Tickets</div>
843    </a>
844
845                    </div>
846                </div>
847            </div>
848            
849        </div>
850        <div class="navigation navigation--hamburger navigation--main" data-component="navigation">
851            
852            <div class="main-navbar">
853                <div class="nav-groups container">
854                    <div class="nav-group">
855                        
856
857
858    <a class="nav-link nav-logo" href="/" target="_self">
859		<img class="nav-logo__image collapsed" src="/content/dam/gbb-2021/image/test/GBTB_white_landscape_logo.png" alt="Gardens by the Bay"/>
860		
861		<img class="nav-logo__image" src="/content/dam/gbb-2021/image/test/GBTB_grey_landscape_logo.png" alt="Gardens by the Bay"/>
862		
863		<span class="d-none">Gardens by the Bay</span>
864    </a>
865
866                    </div>
867                    <div class="nav-group">
868                        
869    <a class="nav-button button" target="_blank" href="https://ticket.gardensbythebay.com.sg">
870        <div>Buy Tickets</div>
871    </a>
872
873
874                        <button class="hamburger-button" data-toggle="modal" data-target="#navbarModal">
875                            <i class="gbb-menu"></i>
876                        </button>
877
878                        <div class="modal fade full-screen" id="navbarModal" tabindex="-1" role="dialog">
879                            <div class="modal-dialog" role="document">
880                                <div class="modal-content">
881                                    <div class="modal-header">
882                                        
883
884    <a class="nav-link nav-logo" href="/" target="_self">
885		<img class="nav-logo__image" src="/content/dam/gbb-2021/image/test/GBTB_grey_landscape_logo.png" alt="Gardens by the Bay"/>
886		
887		<span class="d-none">Gardens by the Bay</span>
888    </a>
889
890
891                                        <div class="nav-group">
892                                            
893    <a class="nav-button button" target="_blank" href="https://ticket.gardensbythebay.com.sg">
894        <div>Buy Tickets</div>
895    </a>
896
897
898                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
899                                                <i class="gbb-clear"></i>
900                                            </button>
901                                        </div>
902                                    </div>
903                                    <div class="modal-body">
904                                        <div class="main-menu">
905                                            <ul class="nav-list">
906                                                
907                                                <li class="nav-listitem">
908                                                    
909                                                    <div class="menu-toggle" data-toggle="submenu">
910                                                        <span>Our Gardens Story</span>
911                                                        <i class="gbb-arrow-right"></i>
912                                                    </div>
913
914                                                    <div class="sub-menu" data-submenu>
915                                                        <div class="menu-toggle" data-toggle="submenu">
916                                                            <i class="gbb-arrow-left"></i>
917                                                            <span>Back</span>
918                                                        </div>
919
920                                                        
921        
922
923
924                                                        <a class="menu-main-link" href="/en/about-us/our-gardens-story.html" target="_self">
925                                                            <h6>Our Gardens Story</h6>
926                                                            <i class="gbb-arrow-right"></i>
927                                                        </a>
928
929                                                        
930                                                        
931        
932            <a class="menu-main-link" href="/en/about-us/our-gardens-story/our-story.html" target="_self">
933                <span>Our Story</span>
934                
935            </a>
936        
937            <a class="menu-main-link" href="/en/about-us/our-gardens-story/our-history.html" target="_self">
938                <span>Our History</span>
939                
940            </a>
941        
942            <a class="menu-main-link" href="/en/about-us/our-gardens-story/sustainability-efforts.html" target="_self">
943                <span>Sustainability Efforts</span>
944                
945            </a>
946        
947
948                                                        
949        
950
951                                                        
952        
953
954                                                    </div>
955                                                </li>
956                                            
957                                                
958                                                <li class="nav-listitem">
959                                                    
960                                                    <div class="menu-toggle" data-toggle="submenu">
961                                                        <span>Things to do</span>
962                                                        <i class="gbb-arrow-right"></i>
963                                                    </div>
964
965                                                    <div class="sub-menu" data-submenu>
966                                                        <div class="menu-toggle" data-toggle="submenu">
967                                                            <i class="gbb-arrow-left"></i>
968                                                            <span>Back</span>
969                                                        </div>
970
971                                                        
972        
973
974
975                                                        <a class="menu-main-link" href="/en/things-to-do.html" target="_self">
976                                                            <h6>Things to do</h6>
977                                                            <i class="gbb-arrow-right"></i>
978                                                        </a>
979
980                                                        
981                                                        
982        
983            <a class="menu-main-link" href="/en/things-to-do/attractions/flower-dome.html" target="_self">
984                <span>Flower Dome</span>
985                
986            </a>
987        
988            <a class="menu-main-link" href="/en/things-to-do/attractions/cloud-forest.html" target="_self">
989                <span>Cloud Forest</span>
990                
991            </a>
992        
993            <a class="menu-main-link" href="/en/things-to-do/attractions/floral-fantasy.html" target="_self">
994                <span>Floral Fantasy</span>
995                
996            </a>
997        
998            <a class="menu-main-link" href="/en/things-to-do/attractions/ocbc-skyway.html" target="_self">
999                <span>OCBC Skyway</span>
1000                
1001            </a>
1002        
1003            <a class="menu-main-link" href="/en/things-to-do/attractions/supertree-observatory.html" target="_self">
1004                <span>Supertree Observatory</span>
1005                
1006            </a>
1007        
1008            <a class="menu-main-link menu-main-link--highlight" href="/en/things-to-do/attractions.html" target="_self">
1009                <span>View all Attractions</span>
1010                <i class="gbb-arrow-right"></i>
1011            </a>
1012        
1013
1014                                                        
1015        
1016            <a class="menu-main-link" href="/en/things-to-do/imba-theatre.html" target="_self">
1017                <span>IMBA Theatre</span>
1018                
1019            </a>
1020        
1021            <a class="menu-main-link" href="/en/things-to-do/garden-pod.html" target="_self">
1022                <span>Garden Pod</span>
1023                
1024            </a>
1025        
1026            <a class="menu-main-link" href="/en/things-to-do/attractions/art-sculptures.html" target="_self">
1027                <span>Art Sculptures</span>
1028                
1029            </a>
1030        
1031            <a class="menu-main-link" href="/en/things-to-do/calendar-of-events.html" target="_self">
1032                <span>Calendar of Events</span>
1033                
1034            </a>
1035        
1036            <a class="menu-main-link" href="/en/things-to-do/dine-and-shop.html" target="_self">
1037                <span>Dine &amp; Shop</span>
1038                
1039            </a>
1040        
1041
1042                                                        
1043        
1044
1045                                                    </div>
1046                                                </li>
1047                                            
1048                                                
1049                                                <li class="nav-listitem">
1050                                                    
1051                                                    <div class="menu-toggle" data-toggle="submenu">
1052                                                        <span>Plan your visit</span>
1053                                                        <i class="gbb-arrow-right"></i>
1054                                                    </div>
1055
1056                                                    <div class="sub-menu" data-submenu>
1057                                                        <div class="menu-toggle" data-toggle="submenu">
1058                                                            <i class="gbb-arrow-left"></i>
1059                                                            <span>Back</span>
1060                                                        </div>
1061
1062                                                        
1063        
1064
1065
1066                                                        <a class="menu-main-link" href="/en/plan-your-visit.html" target="_self">
1067                                                            <h6>Plan your visit</h6>
1068                                                            <i class="gbb-arrow-right"></i>
1069                                                        </a>
1070
1071                                                        
1072                                                        
1073        
1074            <a class="menu-main-link" href="/en/plan-your-visit/opening-hours.html" target="_self">
1075                <span>Opening Hours &amp; Closures</span>
1076                
1077            </a>
1078        
1079            <a class="menu-main-link" href="/en/plan-your-visit/getting-here.html" target="_self">
1080                <span>Getting Here &amp; Parking</span>
1081                
1082            </a>
1083        
1084            <a class="menu-main-link" href="/en/plan-your-visit/itinerary-planner.html" target="_self">
1085                <span>Itinerary Planner</span>
1086                
1087            </a>
1088        
1089            <a class="menu-main-link" href="/en/plan-your-visit/gardens-map.html" target="_self">
1090                <span>Gardens Map</span>
1091                
1092            </a>
1093        
1094
1095                                                        
1096        
1097            <a class="menu-main-link" href="/en/plan-your-visit/amenities-and-services.html" target="_self">
1098                <span>Amenities &amp; Services</span>
1099                
1100            </a>
1101        
1102            <a class="menu-main-link" href="/en/plan-your-visit/information-guides.html" target="_self">
1103                <span>Information Guides</span>
1104                
1105            </a>
1106        
1107            <a class="menu-main-link" href="/en/plan-your-visit/visiting-guidelines.html" target="_self">
1108                <span>Visiting Guidelines</span>
1109                
1110            </a>
1111        
1112            <a class="menu-main-link" href="/en/plan-your-visit/mobile-apps-and-travel-guide.html" target="_self">
1113                <span>Mobile Apps &amp; Travel Guide</span>
1114                
1115            </a>
1116        
1117
1118                                                        
1119        
1120
1121                                                    </div>
1122                                                </li>
1123                                            
1124                                                
1125                                                <li class="nav-listitem">
1126                                                    
1127                                                    <div class="menu-toggle" data-toggle="submenu">
1128                                                        <span>Learn with us</span>
1129                                                        <i class="gbb-arrow-right"></i>
1130                                                    </div>
1131
1132                                                    <div class="sub-menu" data-submenu>
1133                                                        <div class="menu-toggle" data-toggle="submenu">
1134                                                            <i class="gbb-arrow-left"></i>
1135                                                            <span>Back</span>
1136                                                        </div>
1137
1138                                                        
1139        
1140
1141
1142                                                        <a class="menu-main-link" href="/en/learn-with-us.html" target="_self">
1143                                                            <h6>Learn with us</h6>
1144                                                            <i class="gbb-arrow-right"></i>
1145                                                        </a>
1146
1147                                                        
1148                                                        
1149        
1150            <a class="menu-main-link menu-main-link--highlight" href="/en/learn-with-us/for-schools.html" target="_self">
1151                <span>For Schools</span>
1152                <i class="gbb-arrow-right"></i>
1153            </a>
1154        
1155            <a class="menu-main-link" href="/en/learn-with-us/for-schools/pre-school-programmes.html" target="_self">
1156                <span>Pre-School</span>
1157                
1158            </a>
1159        
1160            <a class="menu-main-link" href="/en/learn-with-us/for-schools/primary-school-programmes.html" target="_self">
1161                <span>Primary School</span>
1162                
1163            </a>
1164        
1165            <a class="menu-main-link" href="/en/learn-with-us/for-schools/secondary-school-programmes.html" target="_self">
1166                <span>Secondary School</span>
1167                
1168            </a>
1169        
1170            <a class="menu-main-link" href="/en/learn-with-us/for-schools/school-engagement.html" target="_self">
1171                <span>School Engagement</span>
1172                
1173            </a>
1174        
1175            <a class="menu-main-link" href="/en/learn-with-us/for-schools/learning-activities.html" target="_self">
1176                <span>Learning Activities</span>
1177                
1178            </a>
1179        
1180
1181                                                        
1182        
1183            <a class="menu-main-link menu-main-link--highlight" href="/en/learn-with-us/explore-resources.html" target="_self">
1184                <span>Explore Resources</span>
1185                <i class="gbb-arrow-right"></i>
1186            </a>
1187        
1188            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/whats-visiting.html" target="_self">
1189                <span>What&#39;s Visiting</span>
1190                
1191            </a>
1192        
1193            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/whats-blooming.html" target="_self">
1194                <span>What&#39;s Blooming</span>
1195                
1196            </a>
1197        
1198            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/articles.html" target="_self">
1199                <span>Articles</span>
1200                
1201            </a>
1202        
1203            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/crafts-and-worksheets.html" target="_self">
1204                <span>Crafts &amp; Worksheets</span>
1205                
1206            </a>
1207        
1208            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/bloom-plantkeepers-of-the-bay.html" target="_self">
1209                <span>Comics</span>
1210                
1211            </a>
1212        
1213            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/e-books.html" target="_self">
1214                <span>E-books</span>
1215                
1216            </a>
1217        
1218
1219                                                        
1220        
1221            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/videos.html" target="_self">
1222                <span>Videos</span>
1223                
1224            </a>
1225        
1226            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/plant-doctor-ask-us-anything-form.html" target="_self">
1227                <span>Plant Doctor</span>
1228                
1229            </a>
1230        
1231            <a class="menu-main-link" href="/en/learn-with-us/explore-resources/creator-voices.html" target="_self">
1232                <span>Creator Voices</span>
1233                
1234            </a>
1235        
1236
1237                                                    </div>
1238                                                </li>
1239                                            </ul>
1240                                        </div>
1241                                            
1242
1243    <div class="utility-menu">
1244        <ul class="utility-list">
1245            
1246                <li class="utility-listitem">
1247                    <a class="utility-listitem__link" href="/en/be-a-member.html" target="_self"><span>Be a Member</span></a>
1248                </li>
1249            
1250                <li class="utility-listitem">
1251                    <a class="utility-listitem__link" href="/en/promotions.html" target="_self"><span>View Promotions</span></a>
1252                </li>
1253            
1254                <li class="utility-listitem">
1255                    <a class="utility-listitem__link" href="https://shop.gardensbythebay.com.sg/" target="_blank"><span>eShop</span></a>
1256                </li>
1257            
1258                <li class="utility-listitem">
1259                    <a class="utility-listitem__link" href="/en/book-a-venue.html" target="_self"><span>Book a Venue</span></a>
1260                </li>
1261            
1262                <li class="utility-listitem">
1263                    <a class="utility-listitem__link" href="/en/support-us.html" target="_self"><span>Support Us</span></a>
1264                </li>
1265            
1266            
1267        </ul>
1268    </div>
1269
1270
1271                                    </div>
1272                                </div>
1273                            </div>
1274                        </div>
1275                    </div>
1276                </div>
1277            </div>
1278        </div>
1279    </nav>
1280
1281</div>
1282<div class="search-overlay-container aem-GridColumn aem-GridColumn--default--12">
1283
1284
1285    
1286
1287
1288
1289<div class="modal fade full-screen" id="search-overlay" tabindex="-1" role="dialog">
1290    <div class="modal-dialog" role="document">
1291        <div class="modal-content">
1292            <div class="modal-header container">
1293                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1294                    <i class="gbb-clear"></i>
1295                </button>
1296            </div>
1297            <div class="modal-body container">
1298                <div class="search-component" data-component="search" data-endpoint="/content/experience-fragments/gbb-2021/sg/en/site/header/master/jcr:content/root/search_panel.model.page.p{PAGE}.json?q={QUERY}&amp;limit=10&amp;qid=548538397">
1299
1300                    <div class="search-menu">
1301                        <div class="search-bar">
1302                            <div class="search-bar-label">
1303                                <h4>How can we help you?</h4>
1304                            </div>
1305
1306                            <div class="search-bar-input" data-get="keywords" data-endpoint="/content/experience-fragments/gbb-2021/sg/en/site/header/master/jcr:content/root/search_panel.suggestion.json?q={q}">
1307
1308                                <vue-autosuggest v-model="query" :suggestions="filteredKeywords" :input-props="{id:'autosuggest__input', placeholder:'Search attractions, itineraries and more'}" :get-suggestion-value="getSuggestionValue" @keyup.enter.stop.prevent="currentFilters = [], filterResults()" @focus="onFocus" @input
1308="onInputChange" @selected="onSelected">
1309                                    <template slot="before-input">
1310                                        <div class="search-button" @click="currentFilters = [], filterResults()">
1311                                            <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/search-dark.png" alt="seach icon"/>
1312                                        </div>
1313                                    </template>
1314                                    <div slot-scope="{suggestion}" class="auto-suggestion">
1315                                        <div class="auto-suggestion__label">{{ suggestion.item }}</div>
1316                                    </div>
1317                                </vue-autosuggest>
1318                            </div>
1319                        </div>
1320                        <div class="search-options">
1321                            <div class="search-options-label">
1322                                
1323                                <h6>Popular searches</h6>
1324                            </div>
1325
1326                                <ul class="options">
1327                                <li @click="query = 'Floral Fantasy', currentFilters = [], filterResults()" class="option">
1328                                    <span>Floral Fantasy</span>
1329                                </li>
1330                            
1331                                <li @click="query = 'Supertrees', currentFilters = [], filterResults()" class="option">
1332                                    <span>Supertrees</span>
1333                                </li>
1334                            
1335                                <li @click="query = 'Flower Dome', currentFilters = [], filterResults()" class="option">
1336                                    <span>Flower Dome</span>
1337                                </li>
1338                            
1339                                <li @click="query = 'OCBC Skyway', currentFilters = [], filterResults()" class="option">
1340                                    <span>OCBC Skyway</span>
1341                                </li>
1342                            </ul>
1343                        </div>
1344                    </div>
1345
1346                    <div v-if="noOfResults > 0 && isSubmitted && !searchResultsError" class="search-content-container" :class="{ oneColumn: searchFilters.length < 1 }">
1347                        <div v-if="submittedQuery" class="results-found">
1348                            <span>{{ noOfResults }} results found for "{{ submittedQuery }}"</span>
1349                        </div>
1350
1351                        <div class="search-content">
1352                            <div v-if="isMobile && searchFilters.length >= 1" class="mobile-filters">
1353                                <div class="filter-by">
1354                                    <span class="label">Filter by</span>
1355                                    <span v-if="currentFilters.length >= 1" class="count">({{ currentFilters.length }})</span>
1356                                </div>
1357                                <div v-if="!isOpenedFilter" class="toggle-button" @click="isOpenedFilter = !isOpenedFilter">
1358                                    <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-plus.svg" alt="+"/>
1359                                </div>
1360                                <div v-if="isOpenedFilter" class="toggle-button" @click="isOpenedFilter = !isOpenedFilter">
1361                                    <span>Close</span>
1362                                </div>
1363                            </div>
1364
1365                            <div v-if="searchFilters.length >= 1 && !isMobile || isOpenedFilter && isMobile" class="search-filters">
1366                                <div v-for="(filter, index) in searchFilters" class="search-filter" :class="{ disabled: filter.count < 1 }">
1367                                    <input type="checkbox" :id="filter.categoryID" :value="filter.categoryID" :disabled="filter.count < 1" v-model="currentFilters" @change="filterResults()"/>
1368                                    <label :for="filter.categoryID">
1369                                        <span>{{ filter.categoryName }}</span>
1370                                        <span v-if="filter.count > 0">({{ filter.count }})</span>
1371                                    </label>
1372                                    <div class="filter-checkbox"></div>
1373                                </div>
1374                            </div>
1375
1376                            <div v-if="searchResults.length >= 1 && isSubmitted" class="search-results">
1377                                <div class="results-showing">
1378                                    <span>Showing {{ searchResults.length }} out of {{ noOfResults }}</span>
1379                                </div>
1380
1381                                <div v-for="result in searchResults" class="search-result">
1382                                    <div class="search-result-image">
1383                                        <img class="img-fluid" :src="result.image" :alt="result.name"/>
1384                                        <div v-if="result.category.label" class="category" :style="{ background: result.category.backgroundColor }">
1385                                            <span>{{ result.category.label }}</span>
1386                                        </div>
1387                                    </div>
1388
1389                                    <div class="content">
1390                                        <a :href="result.url" v-if="result.name" class="content__title">
1391                                            <h6 v-html="result.name"></h6>
1392                                        </a>
1393                                        <div v-if="result.description" class="content__description">
1394                                            <p v-html="result.description"></p>
1395                                        </div>
1396                                    </div>
1397                                </div>
1398
1399                                <div v-if="totalPages > 1 && !this.isMobile">
1400                                    <paginate :page-count="totalPages" :click-handler="searchResultsPagination" :prev-text="'<i></i>'" :next-text="'<i></i>'" :prev-class="'left-arrow'" :next-class="'right-arrow'" :page-class="'page-item'" :container-class="'pagination'" ref="searchResultsPagination">
1401                                    </paginate>
1402                                </div>
1403
1404                                <div v-if="totalPages > 1 && this.isMobile && !lastItemsSet" class="button-container">
1405                                    <button type="button" class="button button--white" @click="loadMoreListing">
1406                                        <div>Load More</div>
1407                                    </button>
1408                                </div>
1409                            </div>
1410                        </div>
1411                    </div>
1412
1413                    <div v-if="searchResults.length < 1 && isSubmitted && !isLoading" class="no-results">
1414                        <div class="results-found">
1415                            <span>We’re sorry. 0 results found for "{{ submittedQuery }}"</span>
1416                        </div>
1417
1418                        <p class="search-tips-label"><strong>Try doing these:</strong></p>
1419                        <ul class="search-tips">
1420                            <li class="search-tip">
1421                                <span>Check your spelling</span>
1422                            </li>
1423                            <li class="search-tip">
1424                                <span>Try more general words</span>
1425                            </li>
1426                            <li class="search-tip">
1427                                <span>Try different keywords</span>
1428                            </li>
1429                        </ul>
1430                    </div>
1431                </div>
1432            </div>
1433        </div>
1434    </div>
1435</div>
1436
1437</div>
1438<div class="notification-component bg--masthead notification--centered aem-GridColumn aem-GridColumn--default--12">
1439
1440
1441    
1442
1443</div>
1444<div class="prebookingwidget aem-GridColumn aem-GridColumn--default--12">
1445
1446
1447
1448
1449
1450    
1451
1452
1453
1454
1455
1456
1457</div>
1458
1459    
1460</div>
1461
1462    </div>
1463
1464    
1465</div>
1466
1467    
1468</div>
1469<div class="container responsivegrid body">
1470
1471    
1472    <div id="container-b0248545e4" class="cmp-container">
1473        
1474
1475
1476<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
1477    
1478    <div class="masthead-gallery-type aem-GridColumn aem-GridColumn--default--12">
1479
1480
1481
1482    
1483
1484	
1485<div class="masthead  shifted-up">
1486	
1487		
1488
1489
1490
1491<div class="masthead-bg" style="background-image: url('/content/dam/gbb-2021/image/things-to-do/dine-and-shop/main/1920x1080%20Dining.png')"></div>
1492
1493
1494<div class="masthead-content-container container">
1495	<div class="masthead-content">
1496		
1497		<div class="text">
1498			<div class="cmp-text"><h1>Dine &amp; <b>Shop</b></h1>
1499</div>
1500		</div>
1501		
1502		<div class="masthead-content__cta">
1503			
1504			
1505		</div>
1506		<div class="masthead-credit"></div>
1507	</div>
1508</div>
1509
1510
1511	
1512	
1513	
1514</div>
1515</div>
1516<div class="container responsivegrid body bg--purple without-padding aem-GridColumn aem-GridColumn--default--12">
1517
1518    
1519    <div id="container-921c7f1508" class="cmp-container">
1520        
1521
1522
1523<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
1524    
1525    <div class="container responsivegrid bg--transparent aem-GridColumn aem-GridColumn--default--12">
1526
1527    
1528    <div id="container-84aaaf00c9" class="cmp-container">
1529        
1530
1531
1532<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
1533    
1534    <div class="breadcrumbs-component aem-GridColumn aem-GridColumn--default--12"><div class="desktop">
1535    <nav id="breadcrumb-978daba51d" class="cmp-breadcrumb" aria-label="Breadcrumb" data-cmp-data-layer="{&#34;breadcrumb-978daba51d&#34;:{&#34;@type&#34;:&#34;core/wcm/components/breadcrumb/v2/breadcrumb&#34;,&#34;repo:modifyDate&#34;:&#34;2021-03-09T09:47:11Z&#34;}}">
1536        <ol class="cmp-breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList">
1537            <li class="cmp-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
1538                <a href="/" class="cmp-breadcrumb__item-link" itemprop="item" data-cmp-clickable="true">
1539                    <span itemprop="name">Home</span>
1540                </a>
1541                <meta itemprop="position" content="1"/>
1542            </li>
1543        
1544            <li class="cmp-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
1545                <a href="/en/things-to-do.html" class="cmp-breadcrumb__item-link" itemprop="item" data-cmp-clickable="true">
1546                    <span itemprop="name">Things to Do</span>
1547                </a>
1548                <meta itemprop="position" content="2"/>
1549            </li>
1550        
1551            <li class="cmp-breadcrumb__item cmp-breadcrumb__item--active" data-cmp-data-layer="{&#34;breadcrumb-978daba51d-item-6061b1e27b&#34;:{&#34;@type&#34;:&#34;gbb-2021/components/breadcrumb/item&#34;,&#34;repo:modifyDate&#34;:&#34;2026-09-21T16:00:00Z&#34;,&#34;dc:title&#34;:&#34;Dine &amp; Shop&#34;,&#34;xdm:linkURL&#34;:&#34;/en/things-to-do/dine-and-shop.html&#34;}}" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
1552                
1553                    <span itemprop="name">Dine &amp; Shop</span>
1554                
1555                <meta itemprop="position" content="3"/>
1556            </li>
1557        </ol>
1558    </nav>
1559</div>
1560<div class="mobile">
1561    <nav class="cmp-breadcrumb" aria-label="Breadcrumb">
1562        <ol class="cmp-breadcrumb__list">
1563            
1564                
1565                
1566            
1567            
1568
1569            
1570        
1571            
1572                
1573                
1574            
1575            
1576
1577            
1578        
1579            
1580            <li class="cmp-breadcrumb__item">
1581                <a href="/en/things-to-do.html" class="cmp-breadcrumb__item-link" itemprop="item">
1582                    <i class="gbb-arrow-left"></i>
1583                </a>
1584                <meta itemprop="position" content="1"/>
1585            </li>
1586
1587            <li class="cmp-breadcrumb__item cmp-breadcrumb__item--active">
1588                <a href="/en/things-to-do.html" class="cmp-breadcrumb__item-link" itemprop="item">
1589                    <span itemprop="name">Things to Do</span>
1590                </a>
1591                <meta itemprop="position" content="3"/>
1592            </li>
1593        </ol>
1594    </nav>
1595</div>
1596
1597    
1598</div>
1599<div class="separator aem-GridColumn aem-GridColumn--default--12">
1600<div id="separator-2e8fccb835" class="cmp-separator">
1601    <hr class="cmp-separator__horizontal-rule"/>
1602</div></div>
1603<div class="header-text component aem-GridColumn aem-GridColumn--default--12">
1604
1605    
1606
1607<div class="row">
1608    <div class="col-lg-4">
1609        <div class="text">
1610            <div class="cmp-text">
1611                <h2>Enjoy your day<br />
1612<b>with us</b></h2>
1613
1614            </div>
1615        </div>
1616    </div>
1617    <div class="col-lg-8">
1618        <div class="text">
1619            <div class="cmp-text">
1620                <p>Treat yourself to an idyllic day, dining in the lush embrace of Nature. Satisfy your palate with our wide array of gastronomic options, spanning from gourmet dining to popular hawker fare. After meal, take an easy walk to our gift shop. Browse our delightful display of merchandise curated just for nature lovers.</p>
1621
1622            </div>
1623        </div>
1624    </div>
1625</div></div>
1626
1627    
1628</div>
1629
1630    </div>
1631
1632    
1633</div>
1634
1635    
1636</div>
1637
1638    </div>
1639
1640    
1641</div>
1642<div class="container responsivegrid body bg--transparent aem-GridColumn aem-GridColumn--default--12">
1643
1644    
1645    <div id="container-4be43042c9" class="cmp-container">
1646        
1647
1648
1649<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
1650    
1651    <div class="container responsivegrid bg--transparent aem-GridColumn aem-GridColumn--default--12">
1652
1653    
1654    <div id="container-6225f8988c" class="cmp-container">
1655        
1656
1657
1658<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
1659    
1660    <div class="text important-notice aem-GridColumn aem-GridColumn--default--12">
1661<div data-cmp-data-layer="{&#34;text-73b4b0eeb3&#34;:{&#34;@type&#34;:&#34;gbb-2021/components/text&#34;,&#34;repo:modifyDate&#34;:&#34;2026-09-18T09:04:39Z&#34;,&#34;xdm:text&#34;:&#34;&lt;h6>&lt;b>Notice&lt;/b>&lt;/h6>\n&lt;ol>\n&lt;li>Please view the&amp;nbsp;&lt;a href=\&#34;/content/gbb-2021/sg/en/plan-your-visit/opening-hours.html\&#34;>Opening Hours Page&lt;/a>&amp;nbsp;for the latest updates on our Gift Shops and F&amp;amp;B establishments&#39; operating hours and closure dates.&lt;/li>\n&lt;li>&lt;span>Satay by the Bay will close from 1 October 2026 to make way for a refreshed waterfront dining experience as part of the Wetlands by the Bay development. In the meantime, discover other dining options at Gardens by the Bay.&lt;/span>&lt;/li>\n&lt;/ol>\n&#34;}}" id="text-73b4b0eeb3" class="cmp-text">
1662    <h6><b>Notice</b></h6>
1663<ol>
1664<li>Please view the <a href="/en/plan-your-visit/opening-hours.html">Opening Hours Page</a> for the latest updates on our Gift Shops and F&amp;B establishments' operating hours and closure dates.</li>
1665<li><span>Satay by the Bay will close from 1 October 2026 to make way for a refreshed waterfront dining experience as part of the Wetlands by the Bay development. In the meantime, discover other dining options at Gardens by the Bay.</span></li>
1666</ol>
1667
1668</div>
1669
1670    
1671
1672</div>
1673<div class="tile-listing tile-listing--main component aem-GridColumn aem-GridColumn--default--12">
1674
1675
1676
1677    
1678
1679
1680<div class="tile-listing--endpoint" data-paramName="param" data-endpoint="/en/things-to-do/dine-and-shop/_jcr_content/root/container/container_633597714_/container/tile_listing.model.tag{CATEGORY}.page.p{PAGE}.json">
1681    
1682    <div class="row tile-listing--list">
1683        <div v-if="isLoading" class="list-loading">
1684            <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/slick/ajax.gif" alt="loading"/>
1685        </div>
1686        <div class="col-md-4 tile--item" v-for="item in items" v-cloak>
1687            <div class="tile--tile">
1688                <a :target="item.target" :href="item.url" class="tile--inner a--tile">
1689                    <div class="tile--image">
1690                        <label v-bind:style="{ backgroundColor: item.highlightedTagColor }" v-if="item.categoryLabel">{{ item.categoryLabel }}</label>
1691                        <img class="object-fit-image lazyload" :src="item.lowResImagePath1x1" :data-src="item.imagePath1x1" :alt="item.alt"/>
1692                        <span class="tile--credit">{{ item.imageCredit }}</span>
1693                    </div>
1694                    <div class="tile--content">
1695                        <h6 class="tile--title" v-html="item.title"></h6>
1696                        <div class="tile--detail" v-html="item.detail">
1697                        </div>
1698                        <div class="tile--info" v-html="item.info">
1699
1700                        </div>
1701                    </div>
1702                </a>
1703            </div>
1704
1705        </div>
1706
1707    </div>
1708    <div class="tile-listing--pagination" v-if="totalPages > 1" v-cloak>
1709        <a href="javascript:void(0);" @click="paginate(-1)" class="tile--nav--prev" :class="{disabled: (currentPageNum <= 1)}">
1710           <span class="d-none">Previous</span>
1711        </a>
1712        <div class="tile--nav--dot"><strong>{{ currentPageNum }}</strong> of {{ totalPages }}</div>
1713        <a href="javascript:void(0);" @click="paginate(1)" class="tile--nav--next" :class="{disabled: (currentPageNum >= totalPages)}">
1714           <span class="d-none">Next</span>
1715        </a>
1716    </div>
1717    
1718	
1719    <template v-if="!isLoading && items.length <= 0">
1720        <div class="list-no-results">
1721            <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/common/error-image.png" alt="no-results"/>
1722            <div class="list-no-results__content">
1723                
1724                <h5>No results found</h5>
1725                
1726                Try searching for something else.
1727            </div>
1728        </div>
1729    </template>
1730    
1731
1732
1733</div></div>
1734
1735    
1736</div>
1737
1738    </div>
1739
1740    
1741</div>
1742
1743    
1744</div>
1745
1746    </div>
1747
1748    
1749</div>
1750<div class="experiencefragment aem-GridColumn aem-GridColumn--default--12">
1751<div id="experiencefragment-12086cff9b" class="cmp-experiencefragment cmp-experiencefragment--bring-a-piece-of-gardens-home-">
1752
1753    
1754    <div id="container-2377b51d61" class="cmp-container">
1755        
1756
1757
1758<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
1759    
1760    <div class="banner-full-width aem-GridColumn aem-GridColumn--default--12">
1761
1762
1763    
1764
1765
1766<div class="full-width-banner component">
1767	<div class="background" style="background-image:url('/content/dam/gbb-2021/image/things-to-do/banners/eshop-full-width-banner-1920x600.jpg');"></div>
1768	<div class="container">
1769		<div class="text-panel">
1770			<h4>Bring a piece of the Gardens home!</h4>
1771			
1772			<div class="text">
1773				<div class="cmp-text"><p>Browse our curated selection of merchandise with a click of a button. Pick your favourites from our eShop’s catalog and have them delivered right to your doorstep!<br />
1774 </p>
1775<p><span class="button"><a href="https://shop.gardensbythebay.com.sg/">SHOP NOW</a></span></p>
1776</div>
1777			</div>
1778			
1779		</div>
1780		<div class="tile--credit"></div>
1781	</div>
1782</div>	
1783
1784</div>
1785
1786    
1787</div>
1788
1789    </div>
1790
1791    
1792</div>
1793
1794    
1795</div>
1796<div class="container responsivegrid without-padding aem-GridColumn aem-GridColumn--default--12">
1797
1798    
1799    <div id="container-2566f4c2c2" class="cmp-container">
1800        
1801
1802
1803<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
1804    
1805    <div class="separator medium aem-GridColumn aem-GridColumn--default--12">
1806<div id="separator-ff2e45ced6" class="cmp-separator">
1807    <hr class="cmp-separator__horizontal-rule"/>
1808</div></div>
1809<div class="text aem-GridColumn aem-GridColumn--default--12">
1810<div data-cmp-data-layer="{&#34;text-fabc014a99&#34;:{&#34;@type&#34;:&#34;gbb-2021/components/text&#34;,&#34;repo:modifyDate&#34;:&#34;2021-04-06T10:21:11Z&#34;,&#34;xdm:text&#34;:&#34;&lt;h2>Explore these attractions too&lt;/h2>\r\n&#34;}}" id="text-fabc014a99" class="cmp-text">
1811    <h2>Explore these attractions too</h2>
1812
1813</div>
1814
1815    
1816
1817</div>
1818<div class="content-panel-other aem-GridColumn aem-GridColumn--default--12">
1819
1820
1821
1822    
1823
1824
1825<div class="tile-other component">
1826    <div class="row">
1827        
1828    <div class="col-md-4 tile--item">
1829        <div class="tile--tile">
1830            <a href="/en/things-to-do/attractions/far-east-organization-childrens-garden.html" class="tile--inner a--tile">
1831                <div class="tile--image">
1832                    <div class="grid--bg"></div>
1833                    <div class="grid--content">
1834                        <h6>Far East Organization Children&#39;s Garden</h6>
1835                    </div>
1836                    <img src="/content/dam/gbb-2021/image/things-to-do/attractions/far-east-organization-children%27s-garden/main/far-east-organisation-childrens-garden-main.jpg.transform/lowres/image.jpg" class="object-fit-image lazyload" alt="Far East Organization Children&#39;s Garden" data-src="/content/dam/gbb-2021/image/things-to-do/attractions/far-east-organization-children%27s-garden/main/far-east-organisation-childrens-garden-main.jpg"/>
1837                </div>
1838            </a>
1839        </div>
1840    </div>
1841
1842    
1843        
1844    <div class="col-md-4 tile--item">
1845        <div class="tile--tile">
1846            <a href="/en/things-to-do/attractions/kingfisher-wetlands.html" class="tile--inner a--tile">
1847                <div class="tile--image">
1848                    <div class="grid--bg"></div>
1849                    <div class="grid--content">
1850                        <h6>Kingfisher Wetlands</h6>
1851                    </div>
1852                    <img src="/content/dam/gbb-2021/image/things-to-do/attractions/kingfisher-wetlands/thumbnail-1920x1080.jpg.transform/lowres/image.jpg" class="object-fit-image lazyload" alt="Kingfisher Wetlands" data-src="/content/dam/gbb-2021/image/things-to-do/attractions/kingfisher-wetlands/thumbnail-1920x1080.jpg"/>
1853                </div>
1854            </a>
1855        </div>
1856    </div>
1857
1858    
1859        
1860    <div class="col-md-4 tile--item">
1861        <div class="tile--tile">
1862            <a href="/en/things-to-do/attractions/serene-garden.html" class="tile--inner a--tile">
1863                <div class="tile--image">
1864                    <div class="grid--bg"></div>
1865                    <div class="grid--content">
1866                        <h6>Serene Garden</h6>
1867                    </div>
1868                    <img src="/content/dam/gbb-2021/image/things-to-do/attractions/serene-garden/main/serene-garden-main.jpg.transform/lowres/image.jpg" class="object-fit-image lazyload" alt="Serene Garden" data-src="/content/dam/gbb-2021/image/things-to-do/attractions/serene-garden/main/serene-garden-main.jpg"/>
1869                </div>
1870            </a>
1871        </div>
1872    </div>
1873
1874    </div>
1875</div>
1876</div>
1877
1878    
1879</div>
1880
1881    </div>
1882
1883    
1884</div>
1885
1886    
1887</div>
1888
1889    </div>
1890
1891    
1892</div>
1893<div class="experiencefragment">
1894<div id="experiencefragment-d95ed0c1c9" class="cmp-experiencefragment cmp-experiencefragment--footer">
1895
1896    
1897    <div id="container-0024084ca1" class="cmp-container">
1898        
1899
1900
1901<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
1902    
1903    <div class="footer aem-GridColumn aem-GridColumn--default--12">
1904
1905    
1906
1907<footer class="footer">
1908	
1909	<div class="footer--navigation">
1910		<div class="container">
1911			<div class="row">
1912				<div class="col-lg-5">
1913					<div class="footer--links">
1914						<ul>
1915							<li><a href="/en/about-us.html" class="footer--links--element" target="_self">ABOUT US</a></li>	   						
1916    					
1917							<li><a href="/en/careers-and-scholarships.html" class="footer--links--element" target="_self">CAREERS &amp; SCHOLARSHIPS</a></li>	   						
1918    					
1919							<li><a href="/en/frequently-asked-questions.html" class="footer--links--element" target="_self">FAQ</a></li>	   						
1920    					
1921							<li><a href="/en/forms/general/contact-us.html" class="footer--links--element" target="_self">CONTACT US</a></li>	   						
1922    					</ul>
1923					</div>
1924				</div>
1925				<div class="col-lg-7">    	
1926    				<div class="footer--subscribe">
1927    					<p>Sign up for our newsletter to stay abreast of happenings in the Gardens!</p>   	
1928    					<a class="button" href="/en/forms/general/newsletter.html" target="_blank">Subscribe</a>
1929    				</div>
1930    			</div>    				
1931			</div>
1932			<div class="row">
1933				<div class="col-lg-5">
1934					<div class="footer--social">
1935						<h6>Connect with Us</h6>
1936						<ul>
1937							<li><a href="https://www.facebook.com/gardensbythebay" target="_blank">
1938									<i class="gbb-facebook"></i>
1939									<span class="d-none">gbb-facebook</span>
1940								</a>
1941								
1942							</li>
1943						
1944							<li><a href="https://www.instagram.com/gardensbythebay/" target="_blank">
1945									<i class="gbb-instagram"></i>
1946									<span class="d-none">gbb-instagram</span>
1947								</a>
1948								
1949							</li>
1950						
1951							<li><a href="https://twitter.com/GardensbytheBay" target="_blank">
1952									<i class="gbb-twitter"></i>
1953									<span class="d-none">gbb-twitter</span>
1954								</a>
1955								
1956							</li>
1957						
1958							<li><a href="https://www.youtube.com/channel/UCiMqLsZ-WHUStvqBRoZB_eA" target="_blank">
1959									<i class="gbb-youtube"></i>
1960									<span class="d-none">
1960gbb-youtube</span>
1961								</a>
1962								
1963							</li>
1964						
1965							<li><a href="https://t.me/gardensbythebay" target="_blank">
1966									<i class="gbb-telegram"></i>
1967									<span class="d-none">gbb-telegram</span>
1968								</a>
1969								
1970							</li>
1971						
1972							<li><a href="https://www.linkedin.com/company/gardens-by-the-bay/" target="_blank">
1973									<i class="gbb-linkedin"></i>
1974									<span class="d-none">gbb-linkedin</span>
1975								</a>
1976								
1977							</li>
1978						
1979							<li><a href="http://weibo.com/gardensbythebay" target="_blank">
1980									<i class="gbb-weibo"></i>
1981									<span class="d-none">gbb-weibo</span>
1982								</a>
1983								
1984							</li>
1985						
1986							<li>
1987								<a href="javascript:void(0);" data-toggle="modal" data-target="#wechatQRCode">
1988									<i class="gbb-wechat"></i>
1989									<span class="d-none">gbb-wechat</span>
1990								</a>
1991							</li>
1992						
1993							<li><a href="https://www.tiktok.com/@gardensbythebay" target="_blank">
1994									<i class="gbb-tiktok"></i>
1995									<span class="d-none">gbb-tiktok</span>
1996								</a>
1997								
1998							</li>
1999						
2000							<li><a href="https://www.xiaohongshu.com/user/profile/5f2a1cf70000000001008541" target="_blank">
2001									<i class="gbb-xiaohongshu"></i>
2002									<span class="d-none">gbb-xiaohongshu</span>
2003								</a>
2004								
2005							</li>
2006						</ul>
2007					</div>
2008				</div>
2009				<div class="col-lg-7">
2010    				<div class="footer--logo">
2011    					<img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/common/footer.svg" alt="Footer"/>
2012    				</div>
2013    			</div>
2014			</div>
2015		</div>
2016	</div>
2017	
2018	
2019	<div class="footer--copyright">
2020		<div class="container">
2021    		<div class="row">
2022    			<div class="col-md-6">    				
2023    				<ul>
2024						<li><a href="/en/terms-of-use.html" class="footer--copyright--element" target="_self">TERMS OF USE</a></li>
2025					
2026						<li><a href="/en/privacy-policy.html" class="footer--copyright--element" target="_self">PRIVACY POLICY</a></li>
2027					
2028						<li><a href="/content/gbb-2021/sg/en/security-advisory.html" class="footer--copyright--element" target="_self">SECURITY ADVISORY</a></li>
2029					</ul>	
2030    			</div>
2031    			<div class="col-md-6">
2032    				<div class="footer--address">
2033    					<p><span class="small-text">18 Marina Gardens Drive, Singapore 018953</span></p>
2034
2035    				</div>    	
2036    			</div>
2037    		</div>
2038    	</div>
2039	</div>
2040	
2041	
2042	<div class="modal-bg--dark-light">
2043		<div class="modal fade full-screen modal--gallery modal--wechat" id="wechatQRCode" tabindex="-1" role="dialog" aria-hidden="true">
2044			<div class="modal-dialog  modal-dialog-centered" role="document">
2045				<div class="modal-content">
2046					<div class="modal-header container">
2047						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
2048						<i class="gbb-clear"></i>
2049						</button>
2050					</div>
2051					<div class="modal-body">
2052						<img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/mobile-app-download/GB_wechat_QR_code_2_.png" alt="Wechat QR Code"/>
2053					</div>
2054				</div>
2055			</div>
2056		</div>
2057	</div>
2058
2059    	
2060</footer>
2061</div>
2062<div class="gototop aem-GridColumn aem-GridColumn--default--12">
2063    
2064
2065
2066<div class="back-to-top component" data-scroll="toTop">
2067
2068   <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/icons-images/back-to-top.svg" alt="Back To Top"/>
2069   <span class="d-none">Back To Top</span>
2070
2071</div>
2072</div>
2073<div class="notification-component bg--masthead aem-GridColumn aem-GridColumn--default--12">
2074
2075
2076    
2077
2078<div class="notification-container" data-component="notification">
2079    
2080    
2081        <div class="notification cookie-notification" data-cookie="notification_540423844">
2082            <button type="button" class="close" data-button="acceptCookie">
2083                <i class="gbb-clear"></i>
2084            </button>
2085            <div class="notification-content">
2086                <p>We use cookies to gather information and improve your online experience. By accessing and using our website, you agree to this use of cookies. For further details, refer to our <a href="/en/privacy-policy.html">Privacy Policy</a></p>
2087
2088                
2089            </div>
2090        </div>
2091    
2092</div>
2093</div>
2094
2095    
2096</div>
2097
2098    </div>
2099
2100    
2101</div>
2102
2103    
2104</div>
2105
2106        
2107    </div>
2108
2109</div>
2110
2111
2112    
2113    
2114    
2115<script src="/etc.clientlibs/core/wcm/components/commons/site/clientlibs/container.min.0a6aff292f5cc42142779cde92054524.js"></script>
vendor: 1 bytes, line 2115
2115
2116<script src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-base.min.d5e4690fdf5f095b894ceffd06a19ede.js"></script>
vendor: 1 bytes, line 2116
2116
2117<script src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site.min.67fda9a1b5140915d0e5e43ea52fa5e0.js"></script>
2117
2118
2119
2120
2121    
2122    
2123
2124
2125
2126<script src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/flipbook/js/flipbook.min.js"></script>
2126
2127    
2128
2129    
2130
2131    
2132    
2133
2134
2135
2136    
2137    
2138
2139    
2140
2141
2142</body>
2143</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.