1<!DOCTYPE HTML> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"/> 5 <title>Articles</title> 6 7 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/learn-with-us/explore-resources/articles.html"/> 12 13 14 <meta property="og:title" content="Articles"/> 15 <meta property="og:type" content="website"/> 16 <meta property="og:url" content="https://www.gardensbythebay.com.sg/en/learn-with-us/explore-resources/articles.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="One of Asiaâs premier horticultural destinations, Gardens by the Bay offers a scenic paradise for nature and photography lovers, as well as the whole family. Come explore its world-class attractions! "/> 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-6e43c53b57" data-cmp-data-layer-enabled="false" data-flipbookpath="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources"> 132 133 134 135 136 137 138 139 140 141 <div id="fb-root"></div> 142 143 144 145
146<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v9.0"></script>
146 147 148 149 150 151 152 153 154 155<div class="root container responsivegrid container-fluid"> 156 157 158 159 160 <div id="container-0229fdc20d" class="cmp-container"> 161 162 <div class="experiencefragment"> 163<div id="experiencefragment-eff321abeb" class="cmp-experiencefragment cmp-experiencefragment--header"> 164 165 166 <div id="container-faacb16c4a" class="cmp-container"> 167 168 169 170<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 171 172 <div class="announcement-container aem-GridColumn aem-GridColumn--default--12"> 173 174 175 176 177 178 179 180 181<div class="announcement component" data-autoplayspeed="8000" data-popup="true" data-expire="6"> 182 <div class="container"> 183 <div class="row"> 184 <div class="col-md-10 announcement--left"> 185 <div class="announcement--content"> 186 <div class="announcement--view"> 187 <a href="javascript:void(0);" data-toggle="modal" class="announcement--view--link" data-target="#announcement-modal">View</a> 188 </div> 189 <div class="announcement--counter"> 190 <a href="javascript:void(0);" class="announcement--prev" id="announcement--prev"> 191 <i class="gbb-arrow-left"></i> 192 </a> 193 <span data-counter="counter"></span> 194 <a href="javascript:void(0);" class="announcement--next" id="announcement--next"> 195 <i class="gbb-arrow-right"></i> 196 </a> 197 </div> 198 <div class="announcement--carousel"> 199 <div class="announcement--slide"> 200 <div class="announcement--title"> 201 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/> 202 <strong>Traffic Advisory for The Kiprun Singapore 2026 on Sun, 27 Sep 2026</strong> 203 </div> 204 </div> 205 206 <div class="announcement--slide"> 207 <div class="announcement--title"> 208 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/> 209 <strong>Rescheduling of show timing for Borealis from Sat, 12 Sep - Sun, 27 Sep 2026</strong> 210 </div> 211 </div> 212 213 <div class="announcement--slide"> 214 <div class="announcement--title"> 215 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/> 216 <strong>Closure of Satay by the Bay from Thu, 1 Oct 2026. Other dining options available.</strong> 217 </div> 218 </div> 219 220 <div class="announcement--slide"> 221 <div class="announcement--title"> 222 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/> 223 <strong>Advisory for use of tripods at Disney Garden of Wonder at Floral Fantasy</strong> 224 </div> 225 </div> 226 227 <div class="announcement--slide"> 228 <div class="announcement--title"> 229 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/> 230 <strong>Bay SouthâBay East Bridge Construction from 4 May 2026</strong> 231 </div> 232 </div> 233 </div> 234 </div> 235 </div> 236 <div class="col-md-2 announcement--right"> 237 <a href="javascript:void(0);" data-toggle="modal" class="announcement--view--link" data-target="#announcement-modal"> 238 View 239 </a> 240 </div> 241 </div> 242 </div> 243 <div class="modal fade" id="announcement-modal" tabindex="-1" role="dialog"> 244 <div class="modal-dialog" role="document"> 245 <div class="modal-content"> 246 <div class="announcement--nav"> 247 <a href="javascript:void(0);" class="announcement--prev" id="announcement--prev"><i class="gbb-arrow-left"></i></a> 248 <a href="javascript:void(0);" class="announcement--next" id="announcement--next"><i class="gbb-arrow-right"></i></a> 249 </div> 250 <div class="modal-body"> 251 <div class="announcement--close"> 252 <a href="javascript:void(0);" data-dismiss="modal" aria-label="Close"></a> 253 </div> 254 <div class="announcement--modal-counter">
255 <span data-counter="counter"></span> 256 </div> 257 258 <div class="announcement--modal-wrapper"> 259 <div class="announcement--modal-carousel"> 260 <div class="announcement--slide"> 261 <div class="announcement--title"> 262 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/> 263 <strong>Traffic Advisory for The Kiprun Singapore 2026 on Sun, 27 Sep 2026</strong> 264 </div> 265 <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> 266 267 </div> 268 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>Rescheduling of show timing for Borealis from Sat, 12 Sep - Sun, 27 Sep 2026</strong> 273 </div> 274 <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 /> 275</p> 276 277 </div> 278 279 <div class="announcement--slide"> 280 <div class="announcement--title"> 281 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/> 282 <strong>Closure of Satay by the Bay from Thu, 1 Oct 2026. Other dining options available.</strong> 283 </div> 284 <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> 285<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> 286 287 </div> 288 289 <div class="announcement--slide"> 290 <div class="announcement--title"> 291 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-alert.svg" alt="Alert"/> 292 <strong>Advisory for use of tripods at Disney Garden of Wonder at Floral Fantasy</strong> 293 </div> 294 <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> 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>Bay SouthâBay East Bridge Construction from 4 May 2026</strong> 302 </div> 303 <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> 304<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> 305 306 </div> 307 </div> 308 </div> 309 <div class="announcement--dots"></div> 310 </div> 311 </div> 312 </div> 313 </div> 314</div> 315</div> 316<div class="mainnavigation aem-GridColumn aem-GridColumn--default--12"> 317 318 319 320 <nav class="navigation--dark"> 321 322 323 324 325 326 327 328 329 330
331 <div class="navigation navigation--desktop navigation--utility"> 332 <div class="utility-navbar"> 333 <div class="utility-groups container"> 334 <div class="utility-group"> 335 <ul class="utility-list"> 336 <li class="utility-listitem"> 337 <a class="utility-listitem__link" href="/en/be-a-member.html" target="_self"> 338 <span>Be a Member</span> 339 </a> 340 </li> 341 342 <li class="utility-listitem"> 343 <a class="utility-listitem__link" href="/en/promotions.html" target="_self"> 344 <span>View Promotions</span> 345 </a> 346 </li> 347 348 <li class="utility-listitem"> 349 <a class="utility-listitem__link" href="https://shop.gardensbythebay.com.sg/" target="_blank"> 350 <span>eShop</span> 351 </a> 352 </li> 353 354 <li class="utility-listitem"> 355 <a class="utility-listitem__link" href="/en/book-a-venue.html" target="_self"> 356 <span>Book a Venue</span> 357 </a> 358 </li> 359 360 <li class="utility-listitem"> 361 <a class="utility-listitem__link" href="/en/support-us.html" target="_self"> 362 <span>Support Us</span> 363 </a> 364 </li> 365 </ul> 366 </div> 367 <div class="utility-group"> 368 <ul class="utility-list"> 369 <li class="utility-listitem"> 370 <a class="utility-listitem__link member-login" href="https://friends.gardensbythebay.com.sg/" target="_blank"> 371 <i class="gbb-login"></i> 372 <span>Member Login </span> 373 </a> 374 </li> 375 376 <li class="utility-listitem search-button"> 377 <div class="dropdown"> 378 <a data-toggle="modal" data-target="#search-overlay" class="utility-listitem__link" role="button" id="search-bar"> 379 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-search.png" alt="Gardens by the Bay search"/> 380 </a> 381 </div> 382 </li> 383 </ul> 384 </div> 385 </div> 386 </div> 387 </div> 388 389 390 <div class="navigation navigation--hamburger navigation--utility"> 391 392 <div class="utility-navbar"> 393 <div class="utility-groups container"> 394 <div class="utility-group"> 395 <ul class="utility-list"> 396 <li class="utility-listitem"> 397 <a class="utility-listitem__link member-login" href="https://friends.gardensbythebay.com.sg/" target="_blank"> 398 <i class="gbb-login"></i> 399 <span>Member Login</span> 400 </a> 401 </li> 402 <li class="utility-listitem search-button"> 403 <div class="dropdown"> 404 <a data-toggle="modal" data-target="#search-overlay" class="utility-listitem__link" role="button" id="search-bar"> 405 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-search.png" alt="search icon"/> 406 </a> 407 </div> 408 </li> 409 </ul> 410 </div> 411 </div> 412 </div> 413 414 </div> 415 416 417 <div class="navigation navigation--desktop navigation--main" data-component="navigation"> 418 <div class="main-navbar"> 419 <div class="nav-groups container"> 420 <div class="nav-group"> 421 422 423 424 <a class="nav-link nav-logo" href="/" target="_self"> 425 <img class="nav-logo__image collapsed" src="/content/dam/gbb-2021/image/test/GBTB_white_landscape_logo.png" alt="Gardens by the Bay"/> 426 427 <img class="nav-logo__image" src="/content/dam/gbb-2021/image/test/GBTB_grey_landscape_logo.png" alt="Gardens by the Bay"/> 428 429 <span class="d-none">Gardens by the Bay</span> 430 </a> 431 432 </div> 433 <div class="nav-group"> 434 <ul class="nav-list"> 435 <li class="nav-listitem"> 436 437 <div class="dropdown position-static" data-nav="dropdown"> 438 <a href="/en/about-us/our-gardens-story.html" target="_self" class="main-navigation-link" id="our-gardens-story-1790239565005" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
439 <span>Our Gardens Story</span> 440 </a> 441 442 <div class="dropdown-menu w-100" aria-labelledby="our-gardens-story-1790239565005"> 443 <div class="menu container"> 444 <div class="row menu-primary"> 445 <div class="col-9"> 446 <a class="menu-main-link" href="/en/about-us/our-gardens-story.html"> 447 <h6>Our Gardens Story</h6> 448 <i class="gbb-arrow-right"></i> 449 </a> 450 </div> 451 </div> 452 453 <div class="row menu-primary"> 454 <div class="row menu-secondary col-9"> 455 <div class="col-4"> 456 457 458 459 <a class="menu-main-link" href="/en/about-us/our-gardens-story/our-story.html" target="_self"> 460 <span>Our Story</span> 461 462 </a> 463 464 <a class="menu-main-link" href="/en/about-us/our-gardens-story/our-history.html" target="_self"> 465 <span>Our History</span> 466 467 </a> 468 469 <a class="menu-main-link" href="/en/about-us/our-gardens-story/sustainability-efforts.html" target="_self"> 470 <span>Sustainability Efforts</span> 471 472 </a> 473 474 475 </div> 476 <div class="col-4"> 477 478 479 480 481 </div> 482 <div class="col-4"> 483 484 485 486 487 </div> 488 </div> 489 490 491 492 493 494 495 </div> 496 </div> 497 </div> 498 </div> 499 </li> 500 501 <li class="nav-listitem"> 502 503 <div class="dropdown position-static" data-nav="dropdown"> 504 <a href="/en/things-to-do.html" target="_self" class="main-navigation-link" id="things-to-do-1790239565006" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 505 <span>Things to do</span> 506 </a> 507 508 <div class="dropdown-menu w-100" aria-labelledby="things-to-do-1790239565006"> 509 <div class="menu container"> 510 <div class="row menu-primary"> 511 <div class="col-9"> 512 <a class="menu-main-link" href="/en/things-to-do.html"> 513 <h6>Things to do</h6> 514 <i class="gbb-arrow-right"></i> 515 </a> 516 </div> 517 </div> 518 519 <div class="row menu-primary"> 520 <div class="row menu-secondary col-9"> 521 <div class="col-4"> 522 523 524 525 <a class="menu-main-link" href="/en/things-to-do/attractions/flower-dome.html" target="_self">
526 <span>Flower Dome</span> 527 528 </a> 529 530 <a class="menu-main-link" href="/en/things-to-do/attractions/cloud-forest.html" target="_self"> 531 <span>Cloud Forest</span> 532 533 </a> 534 535 <a class="menu-main-link" href="/en/things-to-do/attractions/floral-fantasy.html" target="_self"> 536 <span>Floral Fantasy</span> 537 538 </a> 539 540 <a class="menu-main-link" href="/en/things-to-do/attractions/ocbc-skyway.html" target="_self"> 541 <span>OCBC Skyway</span> 542 543 </a> 544 545 <a class="menu-main-link" href="/en/things-to-do/attractions/supertree-observatory.html" target="_self"> 546 <span>Supertree Observatory</span> 547 548 </a> 549 550 <a class="menu-main-link menu-main-link--highlight" href="/en/things-to-do/attractions.html" target="_self"> 551 <span>View all Attractions</span> 552 <i class="gbb-arrow-right"></i> 553 </a> 554 555 556 </div> 557 <div class="col-4"> 558 559 560 561 <a class="menu-main-link" href="/en/things-to-do/imba-theatre.html" target="_self"> 562 <span>IMBA Theatre</span> 563 564 </a> 565 566 <a class="menu-main-link" href="/en/things-to-do/garden-pod.html" target="_self"> 567 <span>Garden Pod</span> 568 569 </a> 570 571 <a class="menu-main-link" href="/en/things-to-do/attractions/art-sculptures.html" target="_self"> 572 <span>Art Sculptures</span> 573 574 </a> 575 576 <a class="menu-main-link" href="/en/things-to-do/calendar-of-events.html" target="_self"> 577 <span>Calendar of Events</span> 578 579 </a> 580 581 <a class="menu-main-link" href="/en/things-to-do/dine-and-shop.html" target="_self"> 582 <span>Dine & Shop</span> 583 584 </a> 585 586 587 </div> 588 <div class="col-4"> 589 590 591 592 593 </div> 594 </div> 595 596 597 598 599 600 601 </div> 602 </div> 603 </div> 604 </div> 605 </li> 606 607 <li class="nav-listitem"> 608 609 <div class="dropdown position-static" data-nav="dropdown"> 610 <a href="/en/plan-your-visit.html" target="_self" class="main-navigation-link" id="plan-your-visit-1790239565009" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 611 <span>Plan your visit</span> 612 </a> 613 614 <div class="dropdown-menu w-100" aria-labelledby="plan-your-visit-1790239565009"> 615 <div class="menu container"> 616 <div class="row menu-primary"> 617 <div class="col-9"> 618 <a class="menu-main-link" href="/en/plan-your-visit.html"> 619 <h6>Plan your visit</h6> 620 <i class="gbb-arrow-right"></i> 621 </a> 622 </div> 623 </div> 624 625 <div class="row menu-primary"> 626 <div class="row menu-secondary col-9"> 627 <div class="col-4"> 628 629 630 631 <a class="menu-main-link" href="/en/plan-your-visit/opening-hours.html" target="_self">
632 <span>Opening Hours & Closures</span> 633 634 </a> 635 636 <a class="menu-main-link" href="/en/plan-your-visit/getting-here.html" target="_self"> 637 <span>Getting Here & Parking</span> 638 639 </a> 640 641 <a class="menu-main-link" href="/en/plan-your-visit/itinerary-planner.html" target="_self"> 642 <span>Itinerary Planner</span> 643 644 </a> 645 646 <a class="menu-main-link" href="/en/plan-your-visit/gardens-map.html" target="_self"> 647 <span>Gardens Map</span> 648 649 </a> 650 651 652 </div> 653 <div class="col-4"> 654 655 656 657 <a class="menu-main-link" href="/en/plan-your-visit/amenities-and-services.html" target="_self"> 658 <span>Amenities & Services</span> 659 660 </a> 661 662 <a class="menu-main-link" href="/en/plan-your-visit/information-guides.html" target="_self"> 663 <span>Information Guides</span> 664 665 </a> 666 667 <a class="menu-main-link" href="/en/plan-your-visit/visiting-guidelines.html" target="_self"> 668 <span>Visiting Guidelines</span> 669 670 </a> 671 672 <a class="menu-main-link" href="/en/plan-your-visit/mobile-apps-and-travel-guide.html" target="_self"> 673 <span>Mobile Apps & Travel Guide</span> 674 675 </a> 676 677 678 </div> 679 <div class="col-4"> 680 681 682 683 684 </div> 685 </div> 686 687 688 689 690 691 692 </div> 693 </div> 694 </div> 695 </div> 696 </li> 697 698 <li class="nav-listitem"> 699 700 <div class="dropdown position-static" data-nav="dropdown"> 701 <a href="/en/learn-with-us.html" target="_self" class="main-navigation-link" id="learn-with-us-1790239565010" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 702 <span>Learn with us</span> 703 </a> 704 705 <div class="dropdown-menu w-100" aria-labelledby="learn-with-us-1790239565010"> 706 <div class="menu container"> 707 <div class="row menu-primary"> 708 <div class="col-9"> 709 <a class="menu-main-link" href="/en/learn-with-us.html"> 710 <h6>Learn with us</h6> 711 <i class="gbb-arrow-right"></i> 712 </a> 713 </div> 714 </div> 715 716 <div class="row menu-primary"> 717 <div class="row menu-secondary col-9"> 718 <div class="col-4"> 719 720 721 722 <a class="menu-main-link menu-main-link--highlight" href="/en/learn-with-us/for-schools.html" target="_self">
723 <span>For Schools</span> 724 <i class="gbb-arrow-right"></i> 725 </a> 726 727 <a class="menu-main-link" href="/en/learn-with-us/for-schools/pre-school-programmes.html" target="_self"> 728 <span>Pre-School</span> 729 730 </a> 731 732 <a class="menu-main-link" href="/en/learn-with-us/for-schools/primary-school-programmes.html" target="_self"> 733 <span>Primary School</span> 734 735 </a> 736 737 <a class="menu-main-link" href="/en/learn-with-us/for-schools/secondary-school-programmes.html" target="_self"> 738 <span>Secondary School</span> 739 740 </a> 741 742 <a class="menu-main-link" href="/en/learn-with-us/for-schools/school-engagement.html" target="_self"> 743 <span>School Engagement</span> 744 745 </a> 746 747 <a class="menu-main-link" href="/en/learn-with-us/for-schools/learning-activities.html" target="_self"> 748 <span>Learning Activities</span> 749 750 </a> 751 752 753 </div> 754 <div class="col-4"> 755 756 757 758 <a class="menu-main-link menu-main-link--highlight" href="/en/learn-with-us/explore-resources.html" target="_self"> 759 <span>Explore Resources</span> 760 <i class="gbb-arrow-right"></i> 761 </a> 762 763 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/whats-visiting.html" target="_self"> 764 <span>What's Visiting</span> 765 766 </a> 767 768 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/whats-blooming.html" target="_self"> 769 <span>What's Blooming</span> 770 771 </a> 772 773 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/articles.html" target="_self"> 774 <span>Articles</span> 775 776 </a> 777 778 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/crafts-and-worksheets.html" target="_self"> 779 <span>Crafts & Worksheets</span> 780 781 </a> 782 783 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/bloom-plantkeepers-of-the-bay.html" target="_self"> 784 <span>Comics</span> 785 786 </a> 787 788 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/e-books.html" target="_self"> 789 <span>E-books</span> 790 791 </a> 792 793 794 </div> 795 <div class="col-4"> 796 797 798 799 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/videos.html" target="_self"> 800 <span>Videos</span> 801 802 </a> 803 804 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/plant-doctor-ask-us-anything-form.html" target="_self"> 805 <span>Plant Doctor</span> 806 807 </a> 808 809 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/creator-voices.html" target="_self"> 810 <span>Creator Voices</span> 811 812 </a> 813 814 815 </div> 816 </div> 817 818 819 820 821 822 823 </div> 824 </div> 825 </div> 826 </div> 827 </li> 828 </ul> 829 </div> 830 <div class="nav-group"> 831 832 <a class="nav-button button" target="_blank" href="https://ticket.gardensbythebay.com.sg"> 833 <div>Buy Tickets</div> 834 </a> 835 836 </div> 837 </div> 838 </div> 839 840 </div> 841 <div class="navigation navigation--hamburger navigation--main" data-component="navigation"> 842 843 <div class="main-navbar"> 844 <div class="nav-groups container"> 845 <div class="nav-group"> 846 847 848 849 <a class="nav-link nav-logo" href="/" target="_self"> 850 <img class="nav-logo__image collapsed" src="/content/dam/gbb-2021/image/test/GBTB_white_landscape_logo.png" alt="Gardens by the Bay"/> 851 852 <img class="nav-logo__image" src="/content/dam/gbb-2021/image/test/GBTB_grey_landscape_logo.png" alt="Gardens by the Bay"/> 853 854 <span class="d-none">Gardens by the Bay</span> 855 </a> 856 857 </div> 858 <div class="nav-group"> 859 860 <a class="nav-button button" target="_blank" href="https://ticket.gardensbythebay.com.sg"> 861 <div>Buy Tickets</div> 862 </a> 863 864 865 <button class="hamburger-button" data-toggle="modal" data-target="#navbarModal"> 866 <i class="gbb-menu"></i> 867 </button> 868 869 <div class="modal fade full-screen" id="navbarModal" tabindex="-1" role="dialog"> 870 <div class="modal-dialog" role="document"> 871 <div class="modal-content"> 872 <div class="modal-header"> 873 874 875 <a class="nav-link nav-logo" href="/" target="_self"> 876 <img class="nav-logo__image" src="/content/dam/gbb-2021/image/test/GBTB_grey_landscape_logo.png" alt="Gardens by the Bay"/> 877 878 <span class="d-none">Gardens by the Bay</span> 879 </a> 880 881 882 <div class="nav-group"> 883 884 <a class="nav-button button" target="_blank" href="https://ticket.gardensbythebay.com.sg"> 885 <div>Buy Tickets</div> 886 </a> 887 888 889 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 890 <i class="gbb-clear"></i> 891 </button> 892 </div> 893 </div> 894 <div class="modal-body"> 895 <div class="main-menu"> 896 <ul class="nav-list"> 897 898 <li class="nav-listitem"> 899 900 <div class="menu-toggle" data-toggle="submenu">
901 <span>Our Gardens Story</span> 902 <i class="gbb-arrow-right"></i> 903 </div> 904 905 <div class="sub-menu" data-submenu> 906 <div class="menu-toggle" data-toggle="submenu"> 907 <i class="gbb-arrow-left"></i> 908 <span>Back</span> 909 </div> 910 911 912 913 914 915 <a class="menu-main-link" href="/en/about-us/our-gardens-story.html" target="_self"> 916 <h6>Our Gardens Story</h6> 917 <i class="gbb-arrow-right"></i> 918 </a> 919 920 921 922 923 <a class="menu-main-link" href="/en/about-us/our-gardens-story/our-story.html" target="_self"> 924 <span>Our Story</span> 925 926 </a> 927 928 <a class="menu-main-link" href="/en/about-us/our-gardens-story/our-history.html" target="_self"> 929 <span>Our History</span> 930 931 </a> 932 933 <a class="menu-main-link" href="/en/about-us/our-gardens-story/sustainability-efforts.html" target="_self"> 934 <span>Sustainability Efforts</span> 935 936 </a> 937 938 939 940 941 942 943 944 945 </div> 946 </li> 947 948 949 <li class="nav-listitem"> 950 951 <div class="menu-toggle" data-toggle="submenu"> 952 <span>Things to do</span> 953 <i class="gbb-arrow-right"></i> 954 </div> 955 956 <div class="sub-menu" data-submenu> 957 <div class="menu-toggle" data-toggle="submenu"> 958 <i class="gbb-arrow-left"></i> 959 <span>Back</span> 960 </div> 961 962 963 964 965 966 <a class="menu-main-link" href="/en/things-to-do.html" target="_self"> 967 <h6>Things to do</h6> 968 <i class="gbb-arrow-right"></i> 969 </a> 970 971 972 973 974 <a class="menu-main-link" href="/en/things-to-do/attractions/flower-dome.html" target="_self"> 975 <span>Flower Dome</span> 976 977 </a> 978 979 <a class="menu-main-link" href="/en/things-to-do/attractions/cloud-forest.html" target="_self"> 980 <span>Cloud Forest</span> 981 982 </a> 983 984 <a class="menu-main-link" href="/en/things-to-do/attractions/floral-fantasy.html" target="_self">
985 <span>Floral Fantasy</span> 986 987 </a> 988 989 <a class="menu-main-link" href="/en/things-to-do/attractions/ocbc-skyway.html" target="_self"> 990 <span>OCBC Skyway</span> 991 992 </a> 993 994 <a class="menu-main-link" href="/en/things-to-do/attractions/supertree-observatory.html" target="_self"> 995 <span>Supertree Observatory</span> 996 997 </a> 998 999 <a class="menu-main-link menu-main-link--highlight" href="/en/things-to-do/attractions.html" target="_self"> 1000 <span>View all Attractions</span> 1001 <i class="gbb-arrow-right"></i> 1002 </a> 1003 1004 1005 1006 1007 <a class="menu-main-link" href="/en/things-to-do/imba-theatre.html" target="_self"> 1008 <span>IMBA Theatre</span> 1009 1010 </a> 1011 1012 <a class="menu-main-link" href="/en/things-to-do/garden-pod.html" target="_self"> 1013 <span>Garden Pod</span> 1014 1015 </a> 1016 1017 <a class="menu-main-link" href="/en/things-to-do/attractions/art-sculptures.html" target="_self"> 1018 <span>Art Sculptures</span> 1019 1020 </a> 1021 1022 <a class="menu-main-link" href="/en/things-to-do/calendar-of-events.html" target="_self"> 1023 <span>Calendar of Events</span> 1024 1025 </a> 1026 1027 <a class="menu-main-link" href="/en/things-to-do/dine-and-shop.html" target="_self"> 1028 <span>Dine & Shop</span> 1029 1030 </a> 1031 1032 1033 1034 1035 1036 </div> 1037 </li> 1038 1039 1040 <li class="nav-listitem"> 1041 1042 <div class="menu-toggle" data-toggle="submenu"> 1043 <span>Plan your visit</span> 1044 <i class="gbb-arrow-right"></i> 1045 </div> 1046 1047 <div class="sub-menu" data-submenu> 1048 <div class="menu-toggle" data-toggle="submenu"> 1049 <i class="gbb-arrow-left"></i> 1050 <span>Back</span> 1051 </div> 1052 1053 1054 1055 1056 1057 <a class="menu-main-link" href="/en/plan-your-visit.html" target="_self"> 1058 <h6>Plan your visit</h6> 1059 <i class="gbb-arrow-right"></i> 1060 </a> 1061 1062 1063 1064 1065 <a class="menu-main-link" href="/en/plan-your-visit/opening-hours.html" target="_self"> 1066 <span>Opening Hours & Closures</span> 1067 1068 </a> 1069 1070 <a class="menu-main-link" href="/en/plan-your-visit/getting-here.html" target="_self"> 1071 <span>Getting Here & Parking</span> 1072 1073 </a> 1074 1075 <a class="menu-main-link" href="/en/plan-your-visit/itinerary-planner.html" target="_self"> 1076 <span>Itinerary Planner</span> 1077 1078 </a> 1079 1080 <a class="menu-main-link" href="/en/plan-your-visit/gardens-map.html" target="_self">
1081 <span>Gardens Map</span> 1082 1083 </a> 1084 1085 1086 1087 1088 <a class="menu-main-link" href="/en/plan-your-visit/amenities-and-services.html" target="_self"> 1089 <span>Amenities & Services</span> 1090 1091 </a> 1092 1093 <a class="menu-main-link" href="/en/plan-your-visit/information-guides.html" target="_self"> 1094 <span>Information Guides</span> 1095 1096 </a> 1097 1098 <a class="menu-main-link" href="/en/plan-your-visit/visiting-guidelines.html" target="_self"> 1099 <span>Visiting Guidelines</span> 1100 1101 </a> 1102 1103 <a class="menu-main-link" href="/en/plan-your-visit/mobile-apps-and-travel-guide.html" target="_self"> 1104 <span>Mobile Apps & Travel Guide</span> 1105 1106 </a> 1107 1108 1109 1110 1111 1112 </div> 1113 </li> 1114 1115 1116 <li class="nav-listitem"> 1117 1118 <div class="menu-toggle" data-toggle="submenu"> 1119 <span>Learn with us</span> 1120 <i class="gbb-arrow-right"></i> 1121 </div> 1122 1123 <div class="sub-menu" data-submenu> 1124 <div class="menu-toggle" data-toggle="submenu"> 1125 <i class="gbb-arrow-left"></i> 1126 <span>Back</span> 1127 </div> 1128 1129 1130 1131 1132 1133 <a class="menu-main-link" href="/en/learn-with-us.html" target="_self"> 1134 <h6>Learn with us</h6> 1135 <i class="gbb-arrow-right"></i> 1136 </a> 1137 1138 1139 1140 1141 <a class="menu-main-link menu-main-link--highlight" href="/en/learn-with-us/for-schools.html" target="_self"> 1142 <span>For Schools</span> 1143 <i class="gbb-arrow-right"></i> 1144 </a> 1145 1146 <a class="menu-main-link" href="/en/learn-with-us/for-schools/pre-school-programmes.html" target="_self"> 1147 <span>Pre-School</span> 1148 1149 </a> 1150 1151 <a class="menu-main-link" href="/en/learn-with-us/for-schools/primary-school-programmes.html" target="_self"> 1152 <span>Primary School</span> 1153 1154 </a> 1155 1156 <a class="menu-main-link" href="/en/learn-with-us/for-schools/secondary-school-programmes.html" target="_self"> 1157 <span>Secondary School</span> 1158 1159 </a> 1160 1161 <a class="menu-main-link" href="/en/learn-with-us/for-schools/school-engagement.html" target="_self"> 1162 <span>School Engagement</span> 1163 1164 </a> 1165 1166 <a class="menu-main-link" href="/en/learn-with-us/for-schools/learning-activities.html" target="_self"> 1167 <span>Learning Activities</span> 1168 1169 </a> 1170 1171 1172 1173 1174 <a class="menu-main-link menu-main-link--highlight" href="/en/learn-with-us/explore-resources.html" target="_self">
1175 <span>Explore Resources</span> 1176 <i class="gbb-arrow-right"></i> 1177 </a> 1178 1179 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/whats-visiting.html" target="_self"> 1180 <span>What's Visiting</span> 1181 1182 </a> 1183 1184 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/whats-blooming.html" target="_self"> 1185 <span>What's Blooming</span> 1186 1187 </a> 1188 1189 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/articles.html" target="_self"> 1190 <span>Articles</span> 1191 1192 </a> 1193 1194 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/crafts-and-worksheets.html" target="_self"> 1195 <span>Crafts & Worksheets</span> 1196 1197 </a> 1198 1199 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/bloom-plantkeepers-of-the-bay.html" target="_self"> 1200 <span>Comics</span> 1201 1202 </a> 1203 1204 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/e-books.html" target="_self"> 1205 <span>E-books</span> 1206 1207 </a> 1208 1209 1210 1211 1212 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/videos.html" target="_self"> 1213 <span>Videos</span> 1214 1215 </a> 1216 1217 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/plant-doctor-ask-us-anything-form.html" target="_self"> 1218 <span>Plant Doctor</span> 1219 1220 </a> 1221 1222 <a class="menu-main-link" href="/en/learn-with-us/explore-resources/creator-voices.html" target="_self"> 1223 <span>Creator Voices</span> 1224 1225 </a> 1226 1227 1228 </div> 1229 </li> 1230 </ul> 1231 </div> 1232 1233 1234 <div class="utility-menu"> 1235 <ul class="utility-list"> 1236 1237 <li class="utility-listitem"> 1238 <a class="utility-listitem__link" href="/en/be-a-member.html" target="_self"><span>Be a Member</span></a> 1239 </li> 1240 1241 <li class="utility-listitem"> 1242 <a class="utility-listitem__link" href="/en/promotions.html" target="_self"><span>View Promotions</span></a> 1243 </li> 1244 1245 <li class="utility-listitem"> 1246 <a class="utility-listitem__link" href="https://shop.gardensbythebay.com.sg/" target="_blank"><span>eShop</span></a> 1247 </li> 1248 1249 <li class="utility-listitem"> 1250 <a class="utility-listitem__link" href="/en/book-a-venue.html" target="_self"><span>Book a Venue</span></a> 1251 </li> 1252 1253 <li class="utility-listitem"> 1254 <a class="utility-listitem__link" href="/en/support-us.html" target="_self"><span>Support Us</span></a> 1255 </li> 1256 1257 1258 </ul> 1259 </div> 1260 1261 1262 </div> 1263 </div> 1264 </div> 1265 </div> 1266 </div> 1267 </div> 1268 </div> 1269 </div> 1270 </nav> 1271 1272</div> 1273<div class="search-overlay-container aem-GridColumn aem-GridColumn--default--12"> 1274 1275 1276 1277 1278 1279 1280<div class="modal fade full-screen" id="search-overlay" tabindex="-1" role="dialog"> 1281 <div class="modal-dialog" role="document"> 1282 <div class="modal-content"> 1283 <div class="modal-header container"> 1284 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1285 <i class="gbb-clear"></i> 1286 </button> 1287 </div> 1288 <div class="modal-body container"> 1289 <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}&limit=10&qid=548538397"> 1290 1291 <div class="search-menu"> 1292 <div class="search-bar"> 1293 <div class="search-bar-label"> 1294 <h4>How can we help you?</h4> 1295 </div> 1296 1297 <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}"> 1298 1299 <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
1299="onInputChange" @selected="onSelected"> 1300 <template slot="before-input"> 1301 <div class="search-button" @click="currentFilters = [], filterResults()"> 1302 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/search-dark.png" alt="seach icon"/> 1303 </div> 1304 </template> 1305 <div slot-scope="{suggestion}" class="auto-suggestion"> 1306 <div class="auto-suggestion__label">{{ suggestion.item }}</div> 1307 </div> 1308 </vue-autosuggest> 1309 </div> 1310 </div> 1311 <div class="search-options"> 1312 <div class="search-options-label"> 1313 1314 <h6>Popular searches</h6> 1315 </div> 1316 1317 <ul class="options"> 1318 <li @click="query = 'Floral Fantasy', currentFilters = [], filterResults()" class="option"> 1319 <span>Floral Fantasy</span> 1320 </li> 1321 1322 <li @click="query = 'Supertrees', currentFilters = [], filterResults()" class="option"> 1323 <span>Supertrees</span> 1324 </li> 1325 1326 <li @click="query = 'Flower Dome', currentFilters = [], filterResults()" class="option"> 1327 <span>Flower Dome</span> 1328 </li> 1329 1330 <li @click="query = 'OCBC Skyway', currentFilters = [], filterResults()" class="option"> 1331 <span>OCBC Skyway</span> 1332 </li> 1333 </ul> 1334 </div> 1335 </div> 1336 1337 <div v-if="noOfResults > 0 && isSubmitted && !searchResultsError" class="search-content-container" :class="{ oneColumn: searchFilters.length < 1 }"> 1338 <div v-if="submittedQuery" class="results-found"> 1339 <span>{{ noOfResults }} results found for "{{ submittedQuery }}"</span> 1340 </div> 1341 1342 <div class="search-content"> 1343 <div v-if="isMobile && searchFilters.length >= 1" class="mobile-filters"> 1344 <div class="filter-by"> 1345 <span class="label">Filter by</span> 1346 <span v-if="currentFilters.length >= 1" class="count">({{ currentFilters.length }})</span> 1347 </div> 1348 <div v-if="!isOpenedFilter" class="toggle-button" @click="isOpenedFilter = !isOpenedFilter"> 1349 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/icons-images/icons-small-plus.svg" alt="+"/> 1350 </div> 1351 <div v-if="isOpenedFilter" class="toggle-button" @click="isOpenedFilter = !isOpenedFilter"> 1352 <span>Close</span> 1353 </div> 1354 </div> 1355 1356 <div v-if="searchFilters.length >= 1 && !isMobile || isOpenedFilter && isMobile" class="search-filters"> 1357 <div v-for="(filter, index) in searchFilters" class="search-filter" :class="{ disabled: filter.count < 1 }"> 1358 <input type="checkbox" :id="filter.categoryID" :value="filter.categoryID" :disabled="filter.count < 1" v-model="currentFilters" @change="filterResults()"/> 1359 <label :for="filter.categoryID">
1360 <span>{{ filter.categoryName }}</span> 1361 <span v-if="filter.count > 0">({{ filter.count }})</span> 1362 </label> 1363 <div class="filter-checkbox"></div> 1364 </div> 1365 </div> 1366 1367 <div v-if="searchResults.length >= 1 && isSubmitted" class="search-results"> 1368 <div class="results-showing"> 1369 <span>Showing {{ searchResults.length }} out of {{ noOfResults }}</span> 1370 </div> 1371 1372 <div v-for="result in searchResults" class="search-result"> 1373 <div class="search-result-image"> 1374 <img class="img-fluid" :src="result.image" :alt="result.name"/> 1375 <div v-if="result.category.label" class="category" :style="{ background: result.category.backgroundColor }"> 1376 <span>{{ result.category.label }}</span> 1377 </div> 1378 </div> 1379 1380 <div class="content"> 1381 <a :href="result.url" v-if="result.name" class="content__title"> 1382 <h6 v-html="result.name"></h6> 1383 </a> 1384 <div v-if="result.description" class="content__description"> 1385 <p v-html="result.description"></p> 1386 </div> 1387 </div> 1388 </div> 1389 1390 <div v-if="totalPages > 1 && !this.isMobile"> 1391 <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"> 1392 </paginate> 1393 </div> 1394 1395 <div v-if="totalPages > 1 && this.isMobile && !lastItemsSet" class="button-container"> 1396 <button type="button" class="button button--white" @click="loadMoreListing"> 1397 <div>Load More</div> 1398 </button> 1399 </div> 1400 </div> 1401 </div> 1402 </div> 1403 1404 <div v-if="searchResults.length < 1 && isSubmitted && !isLoading" class="no-results"> 1405 <div class="results-found"> 1406 <span>Weâre sorry. 0 results found for "{{ submittedQuery }}"</span> 1407 </div> 1408 1409 <p class="search-tips-label"><strong>Try doing these:</strong></p> 1410 <ul class="search-tips"> 1411 <li class="search-tip"> 1412 <span>Check your spelling</span> 1413 </li> 1414 <li class="search-tip"> 1415 <span>Try more general words</span> 1416 </li> 1417 <li class="search-tip"> 1418 <span>Try different keywords</span> 1419 </li> 1420 </ul> 1421 </div> 1422 </div> 1423 </div> 1424 </div> 1425 </div> 1426</div> 1427 1428</div> 1429<div class="notification-component bg--masthead notification--centered aem-GridColumn aem-GridColumn--default--12"> 1430 1431 1432 1433 1434</div> 1435<div class="prebookingwidget aem-GridColumn aem-GridColumn--default--12"> 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448</div> 1449 1450 1451</div> 1452 1453 </div> 1454 1455 1456</div> 1457 1458 1459</div> 1460<div class="container responsivegrid body"> 1461 1462 1463 <div id="container-5789ee1aad" class="cmp-container"> 1464 1465 1466 1467<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 1468 1469 <div class="masthead-gallery-type aem-GridColumn aem-GridColumn--default--12"> 1470 1471 1472 1473 1474 1475 1476<div class="masthead shifted-up"> 1477 1478 1479 1480 1481 1482<div class="masthead-bg" style="background-image: url('/content/dam/gbb-2021/image/learn-with-us/explore-resources/main/resources-main.jpg')"></div> 1483 1484 1485<div class="masthead-content-container container"> 1486 <div class="masthead-content"> 1487 1488 <div class="text"> 1489 <div class="cmp-text"><h1>Explore Resources<b><br /> 1490Articles</b></h1> 1491</div> 1492 </div> 1493 1494 <div class="masthead-content__cta"> 1495 1496 1497 </div> 1498 <div class="masthead-credit"></div> 1499 </div> 1500</div> 1501 1502 1503 1504 1505 1506</div> 1507</div>
1508<div class="container responsivegrid body bg--transparent aem-GridColumn aem-GridColumn--default--12"> 1509 1510 1511 <div id="container-df92eef6d9" class="cmp-container"> 1512 1513 1514 1515<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 1516 1517 <div class="container responsivegrid without-padding aem-GridColumn aem-GridColumn--default--12"> 1518 1519 1520 <div id="container-481e65a668" class="cmp-container"> 1521 1522 1523 1524<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 1525 1526 <div class="breadcrumbs-component aem-GridColumn aem-GridColumn--default--12"><div class="desktop"> 1527 <nav id="breadcrumb-a78d72b750" class="cmp-breadcrumb" aria-label="Breadcrumb"> 1528 <ol class="cmp-breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList"> 1529 <li class="cmp-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 1530 <a href="/" class="cmp-breadcrumb__item-link" itemprop="item" data-cmp-clickable="false"> 1531 <span itemprop="name">Home</span> 1532 </a> 1533 <meta itemprop="position" content="1"/> 1534 </li> 1535 1536 <li class="cmp-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 1537 <a href="/en/learn-with-us.html" class="cmp-breadcrumb__item-link" itemprop="item" data-cmp-clickable="false"> 1538 <span itemprop="name">Learn with Us</span> 1539 </a> 1540 <meta itemprop="position" content="2"/> 1541 </li> 1542 1543 <li class="cmp-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 1544 <a href="/en/learn-with-us/explore-resources.html" class="cmp-breadcrumb__item-link" itemprop="item" data-cmp-clickable="false"> 1545 <span itemprop="name">Explore Resources</span> 1546 </a> 1547 <meta itemprop="position" content="3"/> 1548 </li> 1549 1550 <li class="cmp-breadcrumb__item cmp-breadcrumb__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 1551 1552 <span itemprop="name">Articles</span> 1553 1554 <meta itemprop="position" content="4"/> 1555 </li> 1556 </ol> 1557 </nav> 1558</div> 1559<div class="mobile"> 1560 <nav class="cmp-breadcrumb" aria-label="Breadcrumb"> 1561 <ol class="cmp-breadcrumb__list"> 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 <li class="cmp-breadcrumb__item"> 1588 <a href="/en/learn-with-us/explore-resources.html" class="cmp-breadcrumb__item-link" itemprop="item"> 1589 <i class="gbb-arrow-left"></i> 1590 </a> 1591 <meta itemprop="position" content="1"/> 1592 </li> 1593 1594 <li class="cmp-breadcrumb__item cmp-breadcrumb__item--active"> 1595 <a href="/en/learn-with-us/explore-resources.html" class="cmp-breadcrumb__item-link" itemprop="item"> 1596 <span itemprop="name">Explore Resources</span> 1597 </a> 1598 <meta itemprop="position" content="4"/> 1599 </li> 1600 </ol> 1601 </nav> 1602</div> 1603 1604 1605</div> 1606<div class="text aem-GridColumn aem-GridColumn--default--12"> 1607<div id="text-3e58a6e569" class="cmp-text"> 1608 <h2>Bridging the distance between nature and you through our <b>informative range of articles</b>.</h2> 1609 1610</div> 1611 1612 1613 1614</div> 1615<div class="separator aem-GridColumn aem-GridColumn--default--12"> 1616<div id="separator-52d424aa7e" class="cmp-separator"> 1617 <hr class="cmp-separator__horizontal-rule"/> 1618</div></div> 1619<div class="tile-listing tile-listing--main component aem-GridColumn aem-GridColumn--default--12"> 1620 1621 1622 1623 1624 1625 1626<div class="tile-listing--endpoint" data-paramName="param" data-endpoint="/en/learn-with-us/explore-resources/articles/_jcr_content/root/container/container/container/tile_listing.model.tag{CATEGORY}.page.p{PAGE}.json"> 1627 <div class="tile-listing--filter"> 1628 <h6></h6> 1629 <strong class="tile-listing--filter--type">By series</strong> 1630 1631 1632 <div class="tile-listing--dropdown"> 1633 <ul class="dropdown-menu"> 1634 <li class="dropdown-item" data-filter="">All series</li> 1635 1636 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL2JyaW5naW5nLXRoZS1nYXJkZW5zLWhvbWU=">Bringing The Gardens Home</li> 1637 1638 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL2FydC1pbi10aGUtZ2FyZGVucw==">Art in the Gardens</li> 1639 1640 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL2d1aWRlLXRvLXRoZS1nYXJkZW5z">Guide to the Gardens</li> 1641 1642 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL2NvZmZlZS1jaGF0cw==">Coffee Chats</li> 1643 1644 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL2ZyZXNoLWZyb20taG9tZQ==">Fresh from Home</li> 1645 1646 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL3N0YXJzLW9mLXRoZS1nYXJkZW5z">Stars of the Gardens</li> 1647 1648 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL3BsYW50cy1jYW4tZG8tdGhhdA==">Plants can do that</li> 1649 1650 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL2N1bGluYXJ5LWNyZWF0aW9ucw==">Culinary Creations</li> 1651 1652 <li class="dropdown-item" data-filter="Z2JiLTIwMjE6Y29udGVudC10eXBlL2xlYXJuL2FydGljbGVzL2Z1bi13aXRoLW5hdHVyZQ==">Fun with Nature</li> 1653 1654 </ul>
1655 <button class="button button--white button--arrow" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 1656 All series 1657 </button> 1658 </div> 1659 </div> 1660 <div class="row tile-listing--list"> 1661 <div v-if="isLoading" class="list-loading"> 1662 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/slick/ajax.gif" alt="loading"/> 1663 </div> 1664 <div class="col-md-4 tile--item" v-for="item in items" v-cloak> 1665 <div class="tile--tile"> 1666 <a :target="item.target" :href="item.url" class="tile--inner a--tile"> 1667 <div class="tile--image"> 1668 <label v-bind:style="{ backgroundColor: item.highlightedTagColor }" v-if="item.categoryLabel">{{ item.categoryLabel }}</label> 1669 <img class="object-fit-image lazyload" :src="item.lowResImagePath1x1" :data-src="item.imagePath1x1" :alt="item.alt"/> 1670 <span class="tile--credit">{{ item.imageCredit }}</span> 1671 </div> 1672 <div class="tile--content"> 1673 <h6 class="tile--title" v-html="item.title"></h6> 1674 <div class="tile--detail" v-html="item.detail"> 1675 </div> 1676 <div class="tile--info" v-html="item.info"> 1677 1678 </div> 1679 </div> 1680 </a> 1681 </div> 1682 1683 </div> 1684 1685 </div> 1686 <div class="tile-listing--pagination" v-if="totalPages > 1" v-cloak> 1687 <a href="javascript:void(0);" @click="paginate(-1)" class="tile--nav--prev" :class="{disabled: (currentPageNum <= 1)}"> 1688 <span class="d-none">Previous</span> 1689 </a> 1690 <div class="tile--nav--dot"><strong>{{ currentPageNum }}</strong> of {{ totalPages }}</div> 1691 <a href="javascript:void(0);" @click="paginate(1)" class="tile--nav--next" :class="{disabled: (currentPageNum >= totalPages)}"> 1692 <span class="d-none">Next</span> 1693 </a> 1694 </div> 1695 1696 1697 <template v-if="!isLoading && items.length <= 0"> 1698 <div class="list-no-results"> 1699 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/common/error-image.png" alt="no-results"/> 1700 <div class="list-no-results__content"> 1701 1702 <h5>No results found</h5> 1703 1704 Try searching for something else. 1705 </div> 1706 </div> 1707 </template> 1708 1709 1710 1711</div></div> 1712<div class="separator aem-GridColumn aem-GridColumn--default--12"> 1713<div id="separator-dd764d0062" class="cmp-separator"> 1714 <hr class="cmp-separator__horizontal-rule"/> 1715</div></div> 1716 1717 1718</div> 1719 1720 </div> 1721 1722 1723</div> 1724 1725 1726</div> 1727 1728 </div> 1729 1730 1731</div> 1732 1733 1734</div> 1735 1736 </div> 1737 1738 1739</div> 1740<div class="experiencefragment"> 1741<div id="experiencefragment-d95ed0c1c9" class="cmp-experiencefragment cmp-experiencefragment--footer"> 1742 1743 1744 <div id="container-0024084ca1" class="cmp-container"> 1745 1746 1747 1748<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 1749 1750 <div class="footer aem-GridColumn aem-GridColumn--default--12"> 1751 1752 1753 1754<footer class="footer"> 1755 1756 <div class="footer--navigation"> 1757 <div class="container"> 1758 <div class="row"> 1759 <div class="col-lg-5"> 1760 <div class="footer--links"> 1761 <ul> 1762 <li><a href="/en/about-us.html" class="footer--links--element" target="_self">ABOUT US</a></li> 1763 1764 <li><a href="/en/careers-and-scholarships.html" class="footer--links--element" target="_self">CAREERS & SCHOLARSHIPS</a></li> 1765 1766 <li><a href="/en/frequently-asked-questions.html" class="footer--links--element" target="_self">FAQ</a></li> 1767 1768 <li><a href="/en/forms/general/contact-us.html" class="footer--links--element" target="_self">CONTACT US</a></li> 1769 </ul> 1770 </div> 1771 </div> 1772 <div class="col-lg-7"> 1773 <div class="footer--subscribe"> 1774 <p>Sign up for our newsletter to stay abreast of happenings in the Gardens!</p> 1775 <a class="button" href="/en/forms/general/newsletter.html" target="_blank">Subscribe</a> 1776 </div> 1777 </div> 1778 </div> 1779 <div class="row"> 1780 <div class="col-lg-5"> 1781 <div class="footer--social"> 1782 <h6>Connect with Us</h6> 1783 <ul> 1784 <li><a href="https://www.facebook.com/gardensbythebay" target="_blank"> 1785 <i class="gbb-facebook"></i> 1786 <span class="d-none">gbb-facebook</span> 1787 </a> 1788 1789 </li> 1790 1791 <li><a href="https://www.instagram.com/gardensbythebay/" target="_blank"> 1792 <i class="gbb-instagram"></i> 1793 <span class="d-none">gbb-instagram</span> 1794 </a> 1795 1796 </li> 1797 1798 <li><a href="https://twitter.com/GardensbytheBay" target="_blank"> 1799 <i class="gbb-twitter"></i> 1800 <span class="d-none">gbb-twitter</span> 1801 </a> 1802 1803 </li> 1804 1805 <li><a href="https://www.youtube.com/channel/UCiMqLsZ-WHUStvqBRoZB_eA" target="_blank"> 1806 <i class="gbb-youtube"></i> 1807 <span class="d-none">
1807gbb-youtube</span> 1808 </a> 1809 1810 </li> 1811 1812 <li><a href="https://t.me/gardensbythebay" target="_blank"> 1813 <i class="gbb-telegram"></i> 1814 <span class="d-none">gbb-telegram</span> 1815 </a> 1816 1817 </li> 1818 1819 <li><a href="https://www.linkedin.com/company/gardens-by-the-bay/" target="_blank"> 1820 <i class="gbb-linkedin"></i> 1821 <span class="d-none">gbb-linkedin</span> 1822 </a> 1823 1824 </li> 1825 1826 <li><a href="http://weibo.com/gardensbythebay" target="_blank"> 1827 <i class="gbb-weibo"></i> 1828 <span class="d-none">gbb-weibo</span> 1829 </a> 1830 1831 </li> 1832 1833 <li> 1834 <a href="javascript:void(0);" data-toggle="modal" data-target="#wechatQRCode"> 1835 <i class="gbb-wechat"></i> 1836 <span class="d-none">gbb-wechat</span> 1837 </a> 1838 </li> 1839 1840 <li><a href="https://www.tiktok.com/@gardensbythebay" target="_blank"> 1841 <i class="gbb-tiktok"></i> 1842 <span class="d-none">gbb-tiktok</span> 1843 </a> 1844 1845 </li> 1846 1847 <li><a href="https://www.xiaohongshu.com/user/profile/5f2a1cf70000000001008541" target="_blank"> 1848 <i class="gbb-xiaohongshu"></i> 1849 <span class="d-none">gbb-xiaohongshu</span> 1850 </a> 1851 1852 </li> 1853 </ul> 1854 </div> 1855 </div> 1856 <div class="col-lg-7"> 1857 <div class="footer--logo"> 1858 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/common/footer.svg" alt="Footer"/> 1859 </div> 1860 </div> 1861 </div> 1862 </div> 1863 </div> 1864 1865 1866 <div class="footer--copyright"> 1867 <div class="container"> 1868 <div class="row"> 1869 <div class="col-md-6"> 1870 <ul> 1871 <li><a href="/en/terms-of-use.html" class="footer--copyright--element" target="_self">TERMS OF USE</a></li> 1872 1873 <li><a href="/en/privacy-policy.html" class="footer--copyright--element" target="_self">PRIVACY POLICY</a></li> 1874 1875 <li><a href="/content/gbb-2021/sg/en/security-advisory.html" class="footer--copyright--element" target="_self">SECURITY ADVISORY</a></li> 1876 </ul> 1877 </div> 1878 <div class="col-md-6"> 1879 <div class="footer--address"> 1880 <p><span class="small-text">18 Marina Gardens Drive, Singapore 018953</span></p> 1881 1882 </div> 1883 </div> 1884 </div> 1885 </div> 1886 </div> 1887 1888 1889 <div class="modal-bg--dark-light"> 1890 <div class="modal fade full-screen modal--gallery modal--wechat" id="wechatQRCode" tabindex="-1" role="dialog" aria-hidden="true"> 1891 <div class="modal-dialog modal-dialog-centered" role="document"> 1892 <div class="modal-content"> 1893 <div class="modal-header container"> 1894 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1895 <i class="gbb-clear"></i> 1896 </button> 1897 </div> 1898 <div class="modal-body"> 1899 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-dependencies/resources/images/mobile-app-download/GB_wechat_QR_code_2_.png" alt="Wechat QR Code"/> 1900 </div> 1901 </div> 1902 </div> 1903 </div> 1904 </div> 1905 1906 1907</footer> 1908</div> 1909<div class="gototop aem-GridColumn aem-GridColumn--default--12"> 1910 1911 1912 1913<div class="back-to-top component" data-scroll="toTop"> 1914 1915 <img src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/images/icons-images/back-to-top.svg" alt="Back To Top"/> 1916 <span class="d-none">Back To Top</span> 1917 1918</div> 1919</div> 1920<div class="notification-component bg--masthead aem-GridColumn aem-GridColumn--default--12"> 1921 1922 1923 1924 1925<div class="notification-container" data-component="notification"> 1926 1927 1928 <div class="notification cookie-notification" data-cookie="notification_540423844"> 1929 <button type="button" class="close" data-button="acceptCookie"> 1930 <i class="gbb-clear"></i> 1931 </button> 1932 <div class="notification-content"> 1933 <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> 1934 1935 1936 </div> 1937 </div> 1938 1939</div> 1940</div> 1941 1942 1943</div> 1944 1945 </div> 1946 1947 1948</div> 1949 1950 1951</div> 1952 1953 1954 </div> 1955 1956</div> 1957 1958 1959 1960 1961
1962<script src="/etc.clientlibs/core/wcm/components/commons/site/clientlibs/container.min.0a6aff292f5cc42142779cde92054524.js"></script>
vendor: 1 bytes, line 1962
1962
1963<script src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-base.min.d5e4690fdf5f095b894ceffd06a19ede.js"></script>
vendor: 1 bytes, line 1963
1963
1964<script src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site.min.67fda9a1b5140915d0e5e43ea52fa5e0.js"></script>
1964 1965 1966 1967 1968 1969 1970 1971 1972
1973<script src="/etc.clientlibs/gbb-2021/clientlibs/clientlib-site/resources/flipbook/js/flipbook.min.js"></script>
1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985</body> 1986</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.