CINXE.COM
Ancol.com - Taman Rekreasi Terbesar di Indonesia
<!DOCTYPE html> <html lang="id"> <!-- This site was created in Webflow. http://www.webflow.com --> <!-- Last Published: Thu Apr 02 2020 13:26:30 GMT+0000 (Coordinated Universal Time) --> <html data-wf-page="5e7b1656593b791a0880c070" data-wf-site="5e6ef4f87ef394f340558e85"> <head> <script type="text/javascript"> (function(i,s,o,g,r,a,m,n){i.moengage_object=r;t={};q=function(f){return function(){(i.moengage_q=i.moengage_q||[]).push({f:f,a:arguments})}};f=['track_event','add_user_attribute','add_first_name','add_last_name','add_email','add_mobile','add_user_name','add_gender','add_birthday','destroy_session','add_unique_user_id','moe_events','call_web_push','track','location_type_attribute'],h={onsite:["getData","registerCallback"]};for(k in f){t[f[k]]=q(f[k])}for(k in h)for(l in h[k]){null==t[k]&&(t[k]={}),t[k][h[k][l]]=q(k+"."+h[k][l])}a=s.createElement(o);m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m);i.moe=i.moe||function(){n=arguments[0];return t};a.onload=function(){if(n){i[r]=moe(n)}}})(window,document,'script','https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js','Moengage') Moengage = moe({ app_id:"AWP4BKA08A0VJUX02LUTTH1D", debug_logs: 0, swPath: "/moe-sw.js" }); </script> <link rel="preconnect" href="https://cdn.moengage.com/" crossorigin /> <link rel="dns-prefetch" href="https://cdn.moengage.com/" /> <link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin /> <link rel="dns-prefetch" href="https://sdk-01.moengage.com/" /> <script src="https://cdn.moengage.com/release/dc_1/versions/2/moe_webSdk_webp.min.latest.js?app_id=AWP4BKA08A0VJUX02LUTTH1D"></script> <script> !function (w, d, t) { w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)}; ttq.load("CNOM0OBC77UA3TGJ9D1G"); ttq.page(); }(window, document, 'ttq'); </script> <script> window.dataLayer = window.dataLayer || []; dataLayer = [[]]; </script> <script>(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','GTM-MNCPRN5');</script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8M0F9WR6S4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8M0F9WR6S4'); </script> <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-96264953-1', 'auto', 't0');ga('set', 'anonymizeIp', true);ga('send', 'pageview');</script> <meta charset="utf-8"> <meta content="Home" property="og:title"> <meta content="width=device-width, initial-scale=1" name="viewport"> <!-- SEO meta tags --> <title>Ancol.com - Taman Rekreasi Terbesar di Indonesia</title> <meta name="description" content="Ancol Taman Impian tempat rekreasi terbesar di Indonesia. Beli tiket dufan, sea world, atlantis, samudra dan lainnya di ancol.com" /> <meta name="keywords" content="ancol, rekreasi, taman impian, dunia fantasi" /> <meta itemprop="image" content="https://www.ancol.com/optimize/300/shared/file-manager/Home Banner/HOME BANNER ancol stee.jpg" /> <link rel="canonical" href="https://www.ancol.com/home"/> <meta property="og:title" content="Ancol.com - Taman Rekreasi Terbesar di Indonesia" /> <meta property="og:description" content="Ancol Taman Impian tempat rekreasi terbesar di Indonesia. Beli tiket dufan, sea world, atlantis, samudra dan lainnya di ancol.com" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://www.ancol.com/home" /> <meta property="og:site_name" content="Ancol Website" /> <meta property="og:image" content="https://www.ancol.com/optimize/300/shared/file-manager/Home Banner/HOME BANNER ancol stee.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@ancoltmnimpian" /> <meta name="twitter:creator" content="@ancoltmnimpian"> <meta name="twitter:title" content="Ancol.com - Taman Rekreasi Terbesar di Indonesia" /> <meta name="twitter:description" content="Ancol Taman Impian tempat rekreasi terbesar di Indonesia. Beli tiket dufan, sea world, atlantis, samudra dan lainnya di ancol.com" /> <meta name="twitter:url" content="https://www.ancol.com/home" /> <meta name="twitter:image" content="https://www.ancol.com/optimize/300/shared/file-manager/Home Banner/HOME BANNER ancol stee.jpg" /> <link href="https://www.ancol.com/css/all.min.css?v=24082114" rel="stylesheet" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.25.3/moment-with-locales.min.js" type="text/javascript"></script> <script type="text/javascript"> WebFont.load({ google: { families: ["Poppins:regular,italic,600,600italic,700,700italic"] }}); </script> <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] --> <script type="text/javascript"> !function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document); </script> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <link href="https://www.ancol.com/css/webflow-main-layout.css?v=210422" rel="stylesheet" type="text/css"> <!-- Flickity --> <link rel="stylesheet" href="https://www.ancol.com/css/flickity.min.css"> <!-- Select 2 --> <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.4.6/tailwind.min.css" /> <link rel="stylesheet" src="https://www.ancol.com/css/home.css" /> <style> @media screen and (min-width: 768px) { .carousel-image { height: 620px; } /* dots are lines */ .flickity-page-dots .dot { height: 2px; width: 120px; margin: 3px; border-radius: 0; background-color: white; margin-bottom: 60px; z-index: 999999 !important; } } @media screen and (max-width: 767px) { .carousel-image { height: 520px; } /* dots are lines */ .flickity-page-dots .dot { height: 16px; width: 16px; border-radius: 8px; margin: 3px; background-color: white; margin-bottom: 80px; z-index: 999999 !important; } } * { box-sizing: border-box; } .flickity-button-header { background: transparent; } .flickity-button-icon-header { fill: white; } .flickity-prev-next-button-header { width: 60px; height: 60px; } </style> <style> .menu-container { display: flex; flex-direction: column; /* align-items: center; */ } .autocomplete-items { position: absolute; border: 2px solid #d4d4d4; border-bottom: none; border-top: none; border-radius: 8px; z-index: 99; background-color: white; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; width: 93%; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: white; border-bottom: 1px solid #f1f1f1; } /*when hovering an item:*/ .autocomplete-items div:hover { background-color: white; } </style> </head> <body class="body"> <div data-collapse="medium" data-animation="default" data-duration="400" data-doc-height="1" class="navbar-fix w-nav"> <div class="uppernavbarsection"> <div class="uppernavbarcontainer w-clearfix"> <a href="https://properti.ancol.com/id" class="menu-upper w-nav-link">Properti</a> <a href="https://korporat.ancol.com" class="menu-upper w-nav-link">Korporat</a> <a href="https://reservasi.ancol.com" class="menu-upper w-nav-link">Reservasi</a> </div> </div> <div class="navbar-container"> <div class="menu-bar-side"> <a href="https://www.ancol.com/home" class="brand w-nav-brand"> <img src="https://www.ancol.com/images/logo-ancol.png" width="64" height="44" alt="" class="image-4"> </a> <div class="icon-search-container"> <div class="menu-button-2 w-nav-button"> <div class="w-icon-nav-menu"></div> </div> <div class="search-mobile" onclick="toggleSearch('searchbox-container-white')"> <img src="https://www.ancol.com/images/icon-search.png" alt="search" id="logo-search" style="height: 20px; height: 20px; "> </div> </div> </div> <nav role="navigation" class="nav-menu w-clearfix w-nav-menu navigation-width"> <div> <div data-hover="" data-delay="0" class="menu-down w-dropdown"> <div class="dropdown-toggle-3 w-dropdown-toggle"> <div class="icon-3 w-icon-dropdown-toggle"></div> <div class="text-block-12">Tiket & Promo</div> </div> <nav class="menudrop-list w-dropdown-list menu-overflow-scroll"> <div class="menudrop-label msizepaddingadjustment">Tiket</div> <a href="https://www.ancol.com/tiket" class="menudrop-link w-dropdown-link">Tiket Domestik</a> <a href="https://www.ancol.com/tiket?type=foreigner" class="menudrop-link w-dropdown-link">Foreigner Ticket</a> <div class="menudrop-label">Promo</div> <a href="https://www.ancol.com/promo" class="menudrop-link w-dropdown-link">Lihat Semua Promo</a> </nav> </div> <div data-hover="" data-delay="0" class="menu-down w-dropdown"> <div class="dropdown-toggle-3 w-dropdown-toggle"> <a href="https://www.ancol.com/acara" style="text-decoration: inherit; color: inherit;"> <div class="text-block-12">Acara</div> </a> </div> </div> <div data-hover="" data-delay="0" class="menu-down w-dropdown"> <div class="dropdown-toggle-3 w-dropdown-toggle"> <div class="icon-3 w-icon-dropdown-toggle"></div> <div class="text-block-12">Jelajah Ancol</div> </div> <nav class="menudrop-list w-dropdown-list menu-overflow-scroll"> <div class="menudrop-label msizepaddingadjustment">Rekreasi Ancol</div> <a href="https://www.ancol.com/unit-rekreasi/jakarta-bird-land-ancol--17" class="menudrop-link w-dropdown-link">Jakarta Bird Land Ancol</a> <a href="https://www.ancol.com/unit-rekreasi/ancol--1" class="menudrop-link w-dropdown-link">Ancol</a> <a href="https://www.ancol.com/unit-rekreasi/dufan-ancol--2" class="menudrop-link w-dropdown-link">Dufan Ancol</a> <a href="https://www.ancol.com/unit-rekreasi/sea-world-ancol--3" class="menudrop-link w-dropdown-link">Sea World Ancol</a> <a href="https://www.ancol.com/unit-rekreasi/atlantis-ancol--4" class="menudrop-link w-dropdown-link">Atlantis Ancol</a> <a href="https://www.ancol.com/unit-rekreasi/samudra-ancol--5" class="menudrop-link w-dropdown-link">Samudra Ancol</a> <a href="https://www.ancol.com/unit-rekreasi/ecopark-ancol--7" class="menudrop-link w-dropdown-link">Ecopark Ancol</a> <a href="https://www.ancol.com/unit-rekreasi" class="menudrop-link w-dropdown-link"><strong>Lihat Semua Rekreasi</strong></a> <a href="https://www.ancol.com/peta" style="text-decoration: none"> <div class="menudrop-link w-dropdown-link container-custom-menu-vr" style="padding-left: 12px; padding-right: 12px;"> <div class="inner-custom-menu-vr"> <div style="color: white; padding-left: 6px; text-decoration: none; font-size: 16px;">Peta Ancol</div> <img src="https://www.ancol.com/images/icon-peta.png" alt="icon-virtual-recreation" class="icon-menu-vr"> </div> </div> </a> <div class="menudrop-label">Resort & Hotel</div> <a href="https://www.ancol.com/hotel" class="menudrop-link w-dropdown-link">Lihat Semua Resort & Hotel</a> <div class="menudrop-label">Merchandise Ancol</div> <a href="https://store.ancol.com" class="menudrop-link w-dropdown-link">Ancol Store</a> <div class="menudrop-label">Reservasi Venue</div> <a href="https://www.ancol.com/venue" class="menudrop-link w-dropdown-link">Lihat Semua Venue</a> <div class="menudrop-label">Kuliner</div> <a href="https://www.ancol.com/restoran" class="menudrop-link w-dropdown-link">Lihat Semua Kuliner</a> </nav> </div> <div data-hover="" data-delay="0" class="menu-down w-dropdown"> <div class="dropdown-toggle-3 w-dropdown-toggle"> <div class="icon-3 w-icon-dropdown-toggle"></div> <div class="text-block-12">Aktivitas</div> </div> <nav class="menudrop-list w-dropdown-list menu-overflow-scroll"> <div class="menudrop-label"><a href="https://www.ancol.com/wahana?type=permainan" style="text-decoration: none; color: #003c71;">Wahana</a></div> <div class="menudrop-label"><a href="https://www.ancol.com/wahana?type=satwa" style="text-decoration: none; color: #003c71;">Satwa</a></div> <div class="menudrop-label"><a href="https://www.ancol.com/wahana?type=aktivitas" style="text-decoration: none; color: #003c71;">Kegiatan</a></div> <div class="menudrop-label"><a href="https://www.ancol.com/wahana?type=pertunjukan" style="text-decoration: none; color: #003c71;">Pertunjukan</a></div> <div class="menudrop-label"><a href="https://www.ancol.com/partners" style="text-decoration: none; color: #003c71;">Mitra Ancol</a></div> </nav> </div> <div data-hover="" data-delay="0" class="menu-down w-dropdown"> <div class="dropdown-toggle-3 w-dropdown-toggle"> <a href="https://www.ancol.com/blog" style="text-decoration: inherit; color: inherit;"> <div class="text-block-12">Blog</div> </a> </div> </div> </div> <div class="justify w-clearfix"></div> <div class="menu-square-right"> <div data-hover="1" data-delay="0" class="dropdown-3 w-dropdown menu-container menu-lang-mobile"> <div class="dropdown-toggle-4 w-dropdown-toggle" style="width: 100%"> <div class="icon-4 w-icon-dropdown-toggle"></div> <div class="text-block-13">Bahasa Indonesia</div> <img src="https://www.ancol.com/images/flags/id.png" alt="" class="image-13"> </div> <nav class="menudrop-list w-dropdown-list menudrop-lang"> <div class="menudrop-label msizepaddingadjustment">Pilih Bahasa</div> <a href="https://www.ancol.com/lang/id" class="menudrop-link w-dropdown-link">Bahasa Indonesia</a> <a href="https://www.ancol.com/lang/en" class="menudrop-link w-dropdown-link">English</a> </nav> </div> <div class="button-login-container"> <a href="https://www.ancol.com/login/check-email" class="button-login-2 w-inline-block"> <img src="https://www.ancol.com/images/icon-account-circle-blue.png" width="16" height="16" alt="" class="image-8"> <div class="text-block-4">Masuk</div> </a> </div> <div class="global-search-icon" onclick="toggleSearch('searchbox-container-white')"> <img src="https://www.ancol.com/images/icon-search.png" alt="search" id="logo-search" style="height: 26px; height: 26px; "> </div> </div> </nav> <input type="hidden" id="csrf-token" value="goee62CasM3EWZkX5FFlXGlRc49OgFPj2HfGYRSP"> <input type="hidden" id="url-autocomplete" value="https://www.ancol.com/search-autocomplete"> <div class="searchbar-form" id="searchbox-container-white" display="none"> <form action="https://www.ancol.com/search-page" method="POST" style="width: 100%"> <input type="hidden" name="_token" value="goee62CasM3EWZkX5FFlXGlRc49OgFPj2HfGYRSP"> <input autocomplete="off" placeholder="Cari Liburan Kamu..." type="text" style="background-color: white !important; width: 100%; margin-top: 4px; margin-bottom: 4px; border-width: thin; background: url(https://www.ancol.com/images/icon-search-small.png) no-repeat scroll 7px 7px; padding-left: 40px; border: 1px solid #A2AAAD; height: 34px; border-radius: 6px;" id="searchbox-white" name="searchbox-white" onkeyup="search(this)" onfocusout="searchFocusOut()"> </form> </div> </div> </div> </div> <div> <div data-animation="fade" data-hide-arrows="1" data-nav-spacing="4" data-duration="500" class="top-slider w-slider"> <div data-w-id="f7ad77e5-e34c-a6d3-76bd-28abb5eea0c4" class="slider-tab-container"> <a href="#" class="hero-link w-inline-block active button-group" id="heroslide339"> <div class="slider-text">Tiket Ancol</div> </a> <a href="#" class="hero-link w-inline-block active button-group" id="heroslide333"> <div class="slider-text">Robot Show</div> </a> <a href="#" class="hero-link w-inline-block active button-group" id="heroslide211"> <div class="slider-text">COLLABS</div> </a> </div> <div class="carousel" id="carousel" data-flickity='{ "cellAlign": "left", "autoPlay": true, "wrapAround": false, "pageDots": true }'> <div id="Slide339" data-url="https://www.ancol.com/promo/liburan-ke-ancol-makin-seru-dapet-gratis-1-s-tee-lho" class="carousel-cell flickity-page-dots slide-339 w-slide carousel-image"> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/HOME BANNER ancol stee.jpg.webp" style="width: 100%; height: 100%; object-fit: cover;"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/HOME BANNER ancol stee.jpg" style="width: 100%; height: 100%; object-fit: cover;"> <img src="https://www.ancol.com/shared/file-manager/Home Banner/HOME BANNER ancol stee.jpg" alt="Tiket Ancol" style="width: 100%; height: 100%; object-fit: cover;"> </picture> <div class="container-top" style="top: -620px;"> <div data-w-id="e0481ca4-650d-b4b9-6eb7-76c8f640ec0c" class="top-slider-text" style="width: 100%; text-align: center;"> <h1 class="heading-top"></h1> </div> </div> </div> <div id="Slide333" data-url="https://www.ancol.com/acara/sambut-keajaiban-robot-di-ancol--34" class="carousel-cell flickity-page-dots slide-333 w-slide carousel-image"> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/ROBOT banner_11zon (1).jpg.webp" style="width: 100%; height: 100%; object-fit: cover;"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/ROBOT banner_11zon (1).jpg" style="width: 100%; height: 100%; object-fit: cover;"> <img src="https://www.ancol.com/shared/file-manager/Home Banner/ROBOT banner_11zon (1).jpg" alt="Robot Show" style="width: 100%; height: 100%; object-fit: cover;"> </picture> <div class="container-top" style="top: -620px;"> <div data-w-id="e0481ca4-650d-b4b9-6eb7-76c8f640ec0c" class="top-slider-text" style="width: 100%; text-align: center;"> <h1 class="heading-top"></h1> </div> </div> </div> <div id="Slide211" data-url="https://korporat.ancol.com/kolaborasi--6" class="carousel-cell flickity-page-dots slide-211 w-slide carousel-image"> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/banner home ancol collab-08.jpg.webp" style="width: 100%; height: 100%; object-fit: cover;"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/banner home ancol collab-08.jpg" style="width: 100%; height: 100%; object-fit: cover;"> <img src="https://www.ancol.com/shared/file-manager/Home Banner/banner home ancol collab-08.jpg" alt="COLLABS" style="width: 100%; height: 100%; object-fit: cover;"> </picture> <div class="container-top" style="top: -620px;"> <div data-w-id="e0481ca4-650d-b4b9-6eb7-76c8f640ec0c" class="top-slider-text" style="width: 100%; text-align: center;"> <h1 class="heading-top"></h1> </div> </div> </div> </div> </div> </div> <div> <div class="content-container" style="padding-top: 64px"> <div class="grid lg:grid-cols-2 grid-cols-1 gap-4 sm:gap-6" style="padding: 0 16px"> <div> <h1 class="heading-section leading-9 sm:leading-normal text-2xl sm:text-4xl mb-4">Beli Tiket Sekarang</h1> <div class="ssbb-announcement-item rounded-xl flex flex-col items-center justify-center" style="background-color: #E9F6FA; border-radius: 12px; padding: 24px 16px; height: auto;"> <p style="color: var(--ancol-brand-ocean-blue-ocean-500, #0033A0); text-align: center; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 6px">Tiket Domestik</p> <p style="color: var(--BlueishGrey, #6D7D88); text-align: center; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 12px;">Tiket untuk pengunjung domestik</p> <a href="https://www.ancol.com/tiket" style="display: flex; justify-content: center; align-items: center; border-radius: 9999px; background: var(--ancol-brand-ocean-blue-ocean-500, #0033A0); width: 100%; max-width: 350px; height: 42px; flex-shrink: 0;"> <div style="color: #FFF; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; ">Beli Tiket</div> </a> </div> </div> <div> <h1 class="heading-section leading-9 sm:leading-normal text-2xl sm:text-4xl mb-4">Buy Ticket Now</h1> <div class="ssbb-announcement-item flex flex-col items-center justify-center" style="background-color: #E9F6FA; border-radius: 12px; padding: 24px 16px; height: auto;"> <p style="color: var(--ancol-brand-ocean-blue-ocean-500, #0033A0); text-align: center; font-family: Poppins, 'sans-serif'; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal;">Foreigner Ticket</p> <p style="color: var(--BlueishGrey, #6D7D88); text-align: center; font-family: Poppins, 'sans-serif'; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding-top: 6px;">Tickets for foreigner visitors</p> <a href="https://www.ancol.com/tiket?type=foreigner" style="display: flex; justify-content: center; align-items: center; border-radius: 9999px; background: var(--ancol-brand-ocean-blue-ocean-500, #0033A0); width: 100%; max-width: 350px; height: 42px; flex-shrink: 0; margin-top: 12px;"> <div style="color: #FFF; font-family: Poppins, 'sans-serif'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;">Buy Ticket</div> </a> </div> </div> </div> </div> </div> <div data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668" style="margin-top: -10px;"> <div class="content-container" style="padding-top: 68px;"> <h1 class="heading-section">Ancol Partners</h1> <div class="feature-container hide-scroll" style="display: flex; justify-content: center;"> <div style="width: 80%;" class="sponsor" data-flickity='{ "cellAlign": "left", "autoPlay": true, "wrapAround": false, "contain": true, "pageDots": false, "prevNextButtons": false }'> <a href="https://sinarsosro.id/posts/teh-botol-sosro" target="_blank" class="image-sponsor"><img src="https://www.ancol.com/shared/file-manager/Sponsor Page/Teh_Botol_Sosro.jpg" alt="" style="width: 120px;"></a> <a href="https://www.popmie.com" target="_blank" class="image-sponsor"><img src="https://www.ancol.com/shared/file-manager/Sponsor Page/LOGO POPMIE-RS.png" alt="" style="width: 120px;"></a> <a href="https://www.indofood.com/product/chiki/product" target="_blank" class="image-sponsor"><img src="https://www.ancol.com/shared/file-manager/Sponsor Page/LOGO CHIKI-RS.png" alt="" style="width: 120px;"></a> <a href="https://ayo.coca-cola.co.id/login" target="_blank" class="image-sponsor"><img src="https://www.ancol.com/shared/file-manager/Red disc (1)-cocacola-rev.png" alt="" style="width: 120px;"></a> </div> </div> </div> </div> <div data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668"> <div class="content-container" style="padding-top: 68px;"> <h1 class="heading-section"></h1> <div class="feature-container hide-scroll"> <div style="width: 100%" class="text" data-flickity='{ "cellAlign": "left", "autoPlay": false, "wrapAround": false, "contain": true, "pageDots": false, "prevNextButtons": true }'> <a href="https://www.ancol.com/hotel" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 2); margin-right: 24px;"> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/COVER CARD-PDA-REV3.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/COVER CARD-PDA-REV3.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/file-manager/Home Banner/COVER CARD-PDA-REV3.jpg" alt="" /> </picture> </a> <a href="https://www.ancol.com/venue" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 2); margin-right: 24px;"> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/COVER CARD-VENUE.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/COVER CARD-VENUE.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/file-manager/Home Banner/COVER CARD-VENUE.jpg" alt="" /> </picture> </a> <a href="https://store.ancol.com/" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 2); margin-right: 24px;"> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/COVER CARD-MERCH-REV3.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/COVER CARD-MERCH-REV3.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/file-manager/Home Banner/COVER CARD-MERCH-REV3.jpg" alt="" /> </picture> </a> <a href="https://properti.ancol.com/home--1" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 2); margin-right: 24px;"> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/COVER CARD-PROPERTI.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/COVER CARD-PROPERTI.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/file-manager/Home Banner/COVER CARD-PROPERTI.jpg" alt="" /> </picture> </a> </div> </div> </div> </div> <div data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668"> <div class="content-container" style="padding-top: 68px;"> <h1 class="heading-section">Promo Spesial</h1> <div class="feature-container hide-scroll"> <div style="width: 100%" class="promosi" data-flickity='{ "cellAlign": "left", "autoPlay": false, "wrapAround": false, "contain": true, "pageDots": false, "prevNextButtons": true }'> <a href="https://www.ancol.com/promo/liburan-seru-di-keajaiban-wahana-ekstrem-dufan-ancol" class="card-landscape carousel-cell" style="width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Seru-seruan di Dufan lebih HEMAT dengan Annual Pass!</h1> <div class="link-cta"> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/COVER PROMO.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/COVER PROMO.jpg"> <img class="card-image" src="https://www.ancol.com/shared/file-manager/Home Banner/COVER PROMO.jpg" alt="Seru-seruan di Dufan lebih HEMAT dengan Annual Pass!" /> </picture> </a> <a href="https://www.ancol.com/promo/annual-pass-atlantis-hanya-200rb-bisa-berenang-dan-main-sepuasnya-setahun" class="card-landscape carousel-cell" style="width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Setahun GRATIS main ke Atlantis Ancol!</h1> <div class="link-cta"> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/COVER PROMO 3.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/COVER PROMO 3.jpg"> <img class="card-image" src="https://www.ancol.com/shared/file-manager/Home Banner/COVER PROMO 3.jpg" alt="Setahun GRATIS main ke Atlantis Ancol!" /> </picture> </a> <a href="https://www.ancol.com/promo/bayar-sekali-gratis-rekreasi-setahun-ke-sea-world-ancol-dengan-annual-pass" class="card-landscape carousel-cell" style="width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Lihat dunia bawah laut di Sea World Ancol lebih hemat!</h1> <div class="link-cta"> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Home Banner/COVER PROMO 2.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Home Banner/COVER PROMO 2.jpg"> <img class="card-image" src="https://www.ancol.com/shared/file-manager/Home Banner/COVER PROMO 2.jpg" alt="Lihat dunia bawah laut di Sea World Ancol lebih hemat!" /> </picture> </a> <a href="https://www.ancol.com/promo" class="card-landscape carousel-cell" style="width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay see-all"> <div class="link-cta blue"> <div class="cta-text">Lihat Semua</div> <img src="images/icon-arrow-blue.png" width="12" height="12" alt=""> </div> </div> </a> </div> </div> </div> </div> <div data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668"> <div class="content-container" style="padding-top: 68px;"> <h1 class="heading-section">Jelajah dan Rekreasi</h1> <div class="feature-container hide-scroll"> <div style="width: 100%" class="unit" data-flickity='{ "cellAlign": "left", "autoPlay": false, "wrapAround": false, "contain": true, "pageDots": false, "prevNextButtons": true }'> <a href="https://www.ancol.com/unit-rekreasi/ancol--1" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Pantai Ancol</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">06.00 - 24.00</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Rp 35.000</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/6c32fb41-30e9-4dc8-8ea6-2ce8713da554.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/6c32fb41-30e9-4dc8-8ea6-2ce8713da554.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/6c32fb41-30e9-4dc8-8ea6-2ce8713da554.jpg" alt="" /> </picture> </a> <a href="https://www.ancol.com/unit-rekreasi/dunia-fantasi--2" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Dufan Ancol</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">Weekday 10.00 - 18.00 <br> Weekend 10.00 - 20.00<br></div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Senin-Kamis : Rp 260.000 <br> Jumat : Rp 300.000 <br> Sabtu-Minggu : Rp 400.000</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/606bc34a-097b-4b33-8fcb-92247a25b2bd.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/606bc34a-097b-4b33-8fcb-92247a25b2bd.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/606bc34a-097b-4b33-8fcb-92247a25b2bd.jpg" alt="" /> </picture> </a> <a href="https://www.ancol.com/unit-rekreasi/jakarta-bird-land--17" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Jakarta Bird Land</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">09.00-16.30</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Mulai dari Rp 60.000</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Assets Etc/JBL-unit.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Assets Etc/JBL-unit.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/file-manager/Assets Etc/JBL-unit.jpg" alt="" /> </picture> </a> <a href="https://www.ancol.com/unit-rekreasi/sea-world-ancol--3" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Sea World Ancol</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">09.00 - 16.30</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Mulai dari Rp 85.000</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/de9929a2-fafc-42a0-a02d-0c0f3c962d7b.jpeg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/de9929a2-fafc-42a0-a02d-0c0f3c962d7b.jpeg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/de9929a2-fafc-42a0-a02d-0c0f3c962d7b.jpeg" alt="" /> </picture> </a> <a href="https://www.ancol.com/unit-rekreasi/atlantis-water-adventure--4" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Atlantis Water Adventures</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">08.00 - 17.30</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Harga Tiket</div> </div> <div class="link-cta"> <div class="text-bold">Mulai dari Rp 85.000</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/58698d06-a482-4d6c-95b0-25e27da63bc1.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/58698d06-a482-4d6c-95b0-25e27da63bc1.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/58698d06-a482-4d6c-95b0-25e27da63bc1.jpg" alt="" /> </picture> </a> <a href="https://www.ancol.com/unit-rekreasi/allianz-ecopark--7" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Ecopark Ancol</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">07.00 - 17.00</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Gratis</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/8f78d5ff-9497-41eb-8d54-f4cb633c3ba9.jpeg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/8f78d5ff-9497-41eb-8d54-f4cb633c3ba9.jpeg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/8f78d5ff-9497-41eb-8d54-f4cb633c3ba9.jpeg" alt="" /> </picture> </a> <a href="https://www.ancol.com/unit-rekreasi/ocean-dream-samudra--5" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Samudra Ancol</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">09.00 - 16.30</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Mulai dari Rp 85.000</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/981ee763-7acf-4268-be01-b4f901950adc.jpeg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/981ee763-7acf-4268-be01-b4f901950adc.jpeg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/981ee763-7acf-4268-be01-b4f901950adc.jpeg" alt="" /> </picture> </a> <a href="https://www.ancol.com/widget/regular-faunaland" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Faunaland</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">Weekday 09.00 - 16.00 | Wekeend 09.00 - 17.00</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Mulai dari RP 65.000</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/e0eb13c6-8ea1-4c04-b65e-7b695dbfa4ad.jpeg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/e0eb13c6-8ea1-4c04-b65e-7b695dbfa4ad.jpeg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/e0eb13c6-8ea1-4c04-b65e-7b695dbfa4ad.jpeg" alt="" /> </picture> </a> <a href="https://www.ancol.com/widget/regular-gondola-kereta-gantung-ancol" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Gondola</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">09.00 - 17.00</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Mulai dari Rp 60.000</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/e5054cc1-88a3-449c-ae8d-36bdaad73642.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/e5054cc1-88a3-449c-ae8d-36bdaad73642.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/e5054cc1-88a3-449c-ae8d-36bdaad73642.jpg" alt="" /> </picture> </a> <a href="https://www.ancol.com/widget/regular-taman-pantai" class="card-landscape carousel-cell" style="height: 373px; width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title">Pasar Seni</h1> <div class="link-cta"> <div class="cta-text">Jam Operasional</div> </div> <div class="link-cta"> <div class="text-bold">06.00 - 18.00</div> </div> <div class="link-cta"> <div class="cta-text"> </div> </div> <div class="link-cta"> <div class="cta-text">Tiket Masuk</div> </div> <div class="link-cta"> <div class="text-bold">Gratis</div> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/images/fb77967a-477a-4a0b-a04a-e38951385d16.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/images/fb77967a-477a-4a0b-a04a-e38951385d16.jpg"> <img style="object-fit: cover" class="card-image" src="https://www.ancol.com/shared/images/fb77967a-477a-4a0b-a04a-e38951385d16.jpg" alt="" /> </picture> </a> </div> </div> </div> </div> <div data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668"> <div class="content-container" style="padding-top: 68px;"> <h1 class="heading-section">Event Ancol</h1> <a href="https://www.ancol.com/acara/sambut-keajaiban-robot-di-ancol--34" class="card-landscape carousel-cell" style="width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="div-block-10"> <div data-w-id="197b569d-1068-bbb9-d9b0-d5efd9733823" class="card-event-top"> <div class="card-overlay"> <h1 class="heading-card-title">The Future Unleashed | Robot Show Dufan</h1> <div class="link-cta"> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Event Banner/Desember 2024/ROBOT TANPA WONDER HOME BANNER (3).jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Event Banner/Desember 2024/ROBOT TANPA WONDER HOME BANNER (3).jpg"> <img class="card-image" src="https://www.ancol.com/shared/file-manager/Event Banner/Desember 2024/ROBOT TANPA WONDER HOME BANNER (3).jpg" alt="The Future Unleashed | Robot Show Dufan" /> </picture> </div> </div> </a> <div class="feature-container hide-scroll"> <div style="width: 100%" class="acara" data-flickity='{ "cellAlign": "left", "autoPlay": false, "wrapAround": false, "contain": true, "pageDots": false, "prevNextButtons": false }'> <a href="https://www.ancol.com/acara/wonderful-holiday-with-simon-and-friends--94" class="card-landscape carousel-cell" style="width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay"> <h1 class="heading-card-title"></h1> <div class="link-cta"> </div> </div> <picture> <source media="(max-width: 767px)" srcset="https://www.ancol.com/optimize/768/shared/file-manager/Event Banner/Desember 2024/FA--RESIZE-SIMONSANDFRIENDS.jpg.webp"> <source media="(min-width: 768px)" srcset="https://www.ancol.com/shared/file-manager/Event Banner/Desember 2024/FA--RESIZE-SIMONSANDFRIENDS.jpg"> <img class="card-image" src="https://www.ancol.com/shared/file-manager/Event Banner/Desember 2024/FA--RESIZE-SIMONSANDFRIENDS.jpg" alt="" /> </picture> </a> <a href="https://www.ancol.com/acara" class="card-landscape carousel-cell" style="width: calc((100% - 48px) / 3); margin-right: 24px;"> <div class="card-overlay see-all"> <div class="link-cta blue"> <div class="cta-text">Lihat Semua</div> <img src="images/icon-arrow-blue.png" width="12" height="12" alt=""> </div> </div> </a> </div> </div> </div> </div> <div id="blog-section" data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668"></div> <div data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668"> <div class="content-container" style="padding-top: 68px"> <div class="grid lg:grid-cols-2 grid-cols-1 gap-4" style="padding: 0 16px"> <div class="ssbb-announcement-item flex flex-col items-center justify-center bg-ssbb"> <div class="ssbb-announcement-title leading-none pb-2">PELAPORAN PELANGGARAN</div> <div class="ssbb-announcement-subtitle pb-4">Jika anda menemukan dan mengetahui pelanggaran yang dilakukan oleh Insan Ancol.</div> <a class="ssbb-announcement-ssbb" href="https://www.ancol.com/violation-reporting">LAPOR</a> </div> <div class="ssbb-announcement-item flex flex-col items-center justify-center bg-ssbb"> <div class="ssbb-announcement-title-button leading-none" style="padding-bottom: 16px">RESERVASI DULU SEBELUM REKREASI </div> <a class="ssbb-announcement-button" href="https://reservasi.ancol.com">RESERVASI ANCOL</a> </div> </div> </div> </div> <div class="section-social" style="margin-top: 30px"> <div class="content-container"> <div class="social-container"> <div class="social-text"> Customer Care Ancol : <a href="https://www.ancol.com/pusat-bantuan" class="button-small ticket-button w-button">Hubungi Kami</a> </div> <div class="social-image-container"> <a href="https://www.instagram.com/ancoltamanimpian/" class="social-link w-inline-block"><img src="/images/icon-instagram.png" width="28" alt=""></a> <a href="https://web.facebook.com/TamanImpianAncol?_rdc=1&_rdr" class="social-link w-inline-block"><img src="/images/icon-facebook-rounded.png" width="28" alt=""></a> <a href="https://twitter.com/ancoltmnimpian" class="social-link w-inline-block"><img src="/images/icon-twitter-rounded.png" width="28" alt=""></a> <a href="https://www.youtube.com/user/Ancoltamanimpian" class="social-link w-inline-block"><img src="/images/icon-youtube.png" width="28" alt=""></a></div> </div> </div> </div> <div class="section-download"> <div class="content-container"> <div class="download-columns w-row"> <div data-w-id="7d7cc7af-0bb3-bbd9-d5f3-15b58a3e5693" class="w-col w-col-8"> <div data-w-id="ccdf1bdf-e2aa-b64d-9b69-8567c784c0f4" style="-webkit-transform:translate3d(0, 30PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="download-text"> <h3 class="heading">Ada yang bisa kami bantu?</h3> <div class="download-container"> <a href="https://www.ancol.com/pusat-bantuan" class="download-link-help-center">Pusat Bantuan</a> </div> </div> </div> <div class="w-col w-col-4" style="display: flex; justify-content: center;"> <img src="https://www.ancol.com/images/icon-dufi-help-center.png" width="240" sizes="(max-width: 479px) 100vw, (max-width: 767px) 240px, (max-width: 991px) 28vw, 240px" srcset="https://www.ancol.com/images/icon-dufi-help-center.png 500w, https://www.ancol.com/images/icon-dufi-help-center.png 588w" alt="" class="download-image"> </div> </div> </div> </div> <div class="section-footer"> <div class="content-container"> <div class="footer-columns w-row"> <div class="w-col w-col-2 w-col-medium-2"> <a href="#" class="w-inline-block"><img src="/images/logo-ancol-footer.png" width="150px" alt=""></a></div> <div class="w-col w-col-2 w-col-medium-2"> <div class="footer-title">Rekreasi</div> <a href="https://www.ancol.com/tiket" class="footer-link">Beli Tiket</a> <a href="https://www.ancol.com/promo" class="footer-link">Promo</a> <a href="https://www.ancol.com/acara" class="footer-link">Acara</a> <a href="https://www.ancol.com/pusat-bantuan" class="footer-link">Pusat Bantuan</a> <a href="https://www.ancol.com/privacy-policy" class="footer-link">Kebijakan Privasi</a> </div> <div class="w-col w-col-2 w-col-medium-2"> <div class="footer-title">Properti</div> <a href="https://properti.ancol.com/id" class="footer-link">Jelajah Properti</a> <a href="https://properti.ancol.com/id/page/future-development" class="footer-link">Pengembangan</a> <a href="https://properti.ancol.com/id/page/estate-management" class="footer-link">Pengelolaan Properti</a> </div> <div class="w-col w-col-2 w-col-medium-2"> <div class="footer-title">Korporat</div> <a href="https://korporat.ancol.com/karir--7" class="footer-link">Karir</a> <a href="https://korporat.ancol.com/berita-general--49" class="footer-link">Berita</a> <a href="https://korporat.ancol.com/tentang-csr--21" class="footer-link">CSR</a> <a href="https://eproc.ancol.com/Account/Login/?returnUrl=/" class="footer-link">E-proc</a> </div> <div class="w-col w-col-4 w-col-medium-4"></div> </div> </div> <div class="content-container"> <div class="footer-columns w-row" style="text-align: center; padding-top: 24px;"> Copyright 2020 Ancol Taman Impian. All Rights Reserved. Owned by PT Taman Impian Jaya Ancol. </div> </div> </div> <!-- jQuery --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <!-- Flickity --> <script src="https://www.ancol.com/js/flickity.pkgd.min.js"></script> <!-- Select 2 --> <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script> <script src="/js/webflow.js" type="text/javascript"></script> <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] --> <script src="https://www.ancol.com/js/search.js"></script> <script id="template-blog" type="text/template"> <div data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668"> <div class="content-container" style="padding-top: 68px;"> <h1 class="heading-section">Info Ancol</h1> </div> <div class="segment-blog-desktop"> <div data-w-id="d673796c-18b0-1b80-2b16-52b858a4c668"> </div> <div class="content-container"> <div class="grid lg:grid-cols-2 grid-cols-1 gap-4" style="padding: 0 16px"> <a href="__LINK1__" target="_blank" class="card-landscape carousel-cell" style="height: 377px"> <div class="card-overlay" style="justify-content: flex-end; padding-bottom: 20px"> <h1 class="heading-card-title" style="text-align: left; width: 100%;">__TITLE1__</h1> <div class="link-cta" style="width: 100%; justify-content: start;"> <div class="cta-text">Lebih lanjut</div> <img src="images/icon-cta.png" height="12" width="12" alt> </div> </div> <img class="card-image" src="__IMAGE1__" /> </a> <div style="display: grid;grid-template-columns: 100%;"> <div style="display: grid;grid-template-columns: 40% 60%; grid-row-gap: 24px;"> <a href="__LINK2__" target="_blank" style="text-decoration:none; margin: auto;"> <img src="__IMAGE2__" class="blog-image"> </a> <a href="__LINK2__" target="_blank" style="text-decoration: none; display: flex; align-items: center;"> <div style="background-color: rgba(255, 255, 255, 0.8); font-size: 14px;text-align: left;"> <h1 style="line-height: 20px;">__TITLE2__</h1> <div class="text-block-9" style="margin-top:5px">Lebih lanjut ></div> </div> </a> <a href="__LINK3__" target="_blank" style="text-decoration:none; margin: auto;"> <img src="__IMAGE3__" class="blog-image"> </a> <a href="__LINK3__" target="_blank" style="text-decoration: none; display: flex; align-items: center;"> <div style="background-color: rgba(255, 255, 255, 0.8); font-size: 14px;text-align: left;"> <h1 style="line-height: 20px;">__TITLE3__</h1> <div class="text-block-9" style="margin-top:5px">Lebih lanjut ></div> </div> </a> </div> <div class="load-more-container"> <a href="https://www.ancol.com/blog" class="load-more-button w-button" style="width: 100%;max-width: none;">Lihat Semua Artikel ></a> </div> </div> </div> </div> </div> <div class="scrolling-wrapper segment-blog-mobile"> <div style="margin-right: 16px;" class="blog-card"> <a href="__LINK1__" target="_blank"> <div class="list-card-image image01" style="background-image: url('__IMAGE1__'); border-radius: 12px;"></div> </a> <div class="div-block-17 w-clearfix"> <div class="list-card-blog-title">__TITLE1__</div> <div style="display: flex; align-items: center; "> <div>Lebih Lanjut</div> <img src="https://www.ancol.com/images/icon-arrow-black.png" style="width: 12px; height: 12px; padding-left: 4px" alt=""> </div> </div> </div> <div style="margin-right: 16px;" class="blog-card"> <a href="__LINK2__" target="_blank"> <div class="list-card-image image01" style="background-image: url('__IMAGE2__'); border-radius: 12px;"></div> </a> <div class="div-block-17 w-clearfix"> <div class="list-card-blog-title">__TITLE2__</div> <div style="display: flex; align-items: center; "> <div>Lebih Lanjut</div> <img src="https://www.ancol.com/images/icon-arrow-black.png" style="width: 12px; height: 12px; padding-left: 4px" alt=""> </div> </div> </div> <div style="margin-right: 16px;" class="blog-card"> <a href="__LINK3__" target="_blank"> <div class="list-card-image image01" style="background-image: url('__IMAGE3__'); border-radius: 12px;"></div> </a> <div class="div-block-17 w-clearfix"> <div class="list-card-blog-title">__TITLE3__</div> <div style="display: flex; align-items: center; "> <div>Lebih Lanjut</div> <img src="https://www.ancol.com/images/icon-arrow-black.png" style="width: 12px; height: 12px; padding-left: 4px" alt=""> </div> </div> </div> </div> </div> </script> <script> $('.select-field').select2({ language: { noResults: function (params) { return "Keyword yang anda cari tidak ditemukan!"; } }, minimumResultsForSearch: Infinity }); $(document).ready(function(){ blogs = null; getBlogs(); }); async function getBlogs() { document.getElementById("blog-section").innerHTML = '<center>Loading...</center>'; try { blogs = await fetch('https://www.ancol.com/blog' + '/wp-json/wp/v2/posts?per_page=3'); blogs = await blogs.json(); populateDataBlog(); } catch(e) { document.getElementById("blog-section").innerHTML = ''; } } async function populateDataBlog() { var template = document.getElementById("template-blog"); var templateHtml = template.innerHTML; var listData = ""; listData += templateHtml .replace(/__LINK1__/g, blogs[0]['link']) .replace(/__TITLE1__/g, blogs[0]['title']['rendered']) .replace(/__IMAGE1__/g, await getImageUrl(blogs[0]['featured_media'])) .replace(/__LINK2__/g, blogs[1]['link']) .replace(/__TITLE2__/g, blogs[1]['title']['rendered']) .replace(/__IMAGE2__/g, await getImageUrl(blogs[1]['featured_media'])) .replace(/__LINK3__/g, blogs[2]['link']) .replace(/__TITLE3__/g, blogs[2]['title']['rendered']) .replace(/__IMAGE3__/g, await getImageUrl(blogs[2]['featured_media'])) document.getElementById("blog-section").innerHTML = listData; } async function getImageUrl(id) { var imageUrl = 'images/logo-taman-pantai.png'; var media = await fetch('https://www.ancol.com/blog' + '/wp-json/wp/v2/media/' + id); media = await media.json(); if (media['code'] != 'rest_post_invalid_id') { imageUrl = media['guid']['rendered']; } return imageUrl; } </script> <script> $(document).ready(function() { var prevButton = $('.flickity-prev-next-button.previous'); var nextButton = $('.flickity-prev-next-button.next'); var banner = $('#carousel'); banner.on( 'staticClick.flickity', function( event, pointer, cellElement, cellIndex ) { // dismiss if cell was not clicked if ( !cellElement ) { return; } // change cell background with .is-clicked window.location.assign(cellElement.dataset.url) }); banner.on( 'change.flickity', function( event, index ) { if (index == 0) { prevButton[0].style.display = 'none' } else { prevButton[0].style.display = 'block' } if (index === banner.data('flickity').slides.length - 1) { nextButton[0].style.display = 'none'; } else { nextButton[0].style.display = 'block'; } }) }) $('#carousel').on('ready.flickity', function() { $('.flickity-prev-next-button.previous')[0].style.display = 'none' if (3 === 1) { $('.flickity-prev-next-button.next')[0].style.display = 'none' } }) $('.button-group').on( 'click', function() { var index = $(this).index(); $('.carousel').flickity( 'select', index ); }); </script> <script> var topContainer = document.getElementById('top-section'); $(window).scroll(function() { const pathArray = window.location.pathname.split("/"); var height = $(window).scrollTop(); if (height > 120) { closeNotif(); } if (pathArray && pathArray[1] != 'widget' && height < 10) { openNotif(); } }); function closeNotif() { var bars = document.getElementsByClassName('notification-bar'); for (let item of bars) { item.style.display = 'none'; } if (topContainer){ if (detectMob()) { topContainer.style.paddingTop = "0px" } else { topContainer.style.paddingTop = '0px'; } } } function openNotif() { var bars = document.getElementsByClassName('notification-bar'); for (let item of bars) { item.style.display = 'flex'; } if (topContainer) { if (detectMob()) { topContainer.style.paddingTop = "50px" } } } function detectMob() { return ( window.innerWidth <= 800 ); } </script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MNCPRN5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </body> </html>