The Official Website of Indonesia Tourism

<!DOCTYPE HTML> <html lang="en" class="container-max-width" style="background-color: #fcfcfc;">  <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <head>   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Explore Indonesia's diverse beauty, culture, and adventure on Indonesia Travel. Plan your journey to this tropical paradise"/> <meta property="description" content="Explore Indonesia's diverse beauty, culture, and adventure on Indonesia Travel. Plan your journey to this tropical paradise"/> <meta property="og:description" content="Explore Indonesia's diverse beauty, culture, and adventure on Indonesia Travel. Plan your journey to this tropical paradise"/> <meta property="og:title" content="The Official Website of Indonesia Tourism - Indonesia Travel"/> <meta name="google-site-verification" content="hothFljRsq8E-vZ_d0J92ZBoZWXwNm_SDynkvbAlIj4"/> <meta name="taggingpage"> <meta property="og:image" content="../../content/dam/indtravelrevamp/en/destinations/java/dki-jakarta/jakarta/9fe4c537ae976df197ea11dfbd43e42e8a886816-cd2d9.jpg"/> <meta property="og:image:width" content="600"/> <meta property="og:image:height" content="600"/> <meta property="og:type" content="article"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="canonical" href="home.html"/>   <link rel="alternate" hreflang="x-default" href="../../gb/en/home.html"/> <link rel="alternate" hreflang="en-cn" href="../../cn/en/home.html"/> <link rel="alternate" hreflang="en-kr" href="../../kr/en/home.html"/> <link rel="alternate" hreflang="en-jp" href="../../jp/en/home.html"/> <link rel="alternate" hreflang="en-fr" href="../../fr/en/home.html"/> <link rel="alternate" hreflang="en-sa" href="../../sa/en/home.html"/> <link rel="alternate" hreflang="en-au" href="../../au/en/home.html"/> <link rel="alternate" hreflang="en-tw" href="../../tw/en/home.html"/> <link rel="alternate" hreflang="en-hk" href="../../hk/en/home.html"/> <link rel="alternate" hreflang="en-nl" href="../../nl/en/home.html"/> <link rel="alternate" hreflang="en-gb" href="../../uk/en/home.html"/> <link rel="alternate" hreflang="en-de" href="../../de/en/home.html"/> <link rel="alternate" hreflang="en-us" href="home.html"/> <link rel="alternate" hreflang="en-ph" href="../../ph/en/home.html"/> <link rel="alternate" hreflang="en-in" href="../../in/en/home.html"/> <link rel="alternate" hreflang="en-ae" href="../../uae/en/home.html"/> <link rel="alternate" hreflang="en-sg" href="../../sg/en/home.html"/> <link rel="alternate" hreflang="en-my" href="../../my/en/home.html"/> <link rel="alternate" hreflang="en-th" href="../../th/en/home.html"/> <link rel="alternate" hreflang="en-ru" href="../../ru/en/home.html"/> <link rel="alternate" hreflang="zh-cn" href="../../cn/zh-cn/home.html"/> <link rel="alternate" hreflang="ko-kr" href="../../kr/ko/home.html"/> <link rel="alternate" hreflang="ja-jp" href="../../jp/ja/home.html"/> <link rel="alternate" hreflang="fr-fr" href="../../fr/fr/home.html"/> <link rel="alternate" hreflang="ar-sa" href="../../sa/ar/home.html"/> <link rel="alternate" hreflang="nl-nl" href="../../nl/nl/home.html"/> <link rel="alternate" hreflang="ru-ru" href="../../ru/ru/home.html"/> <link rel="alternate" hreflang="de-de" href="../../de/de/home.html"/> <link rel="alternate" hreflang="zh-sg" href="../../sg/zh-cn/home.html"/> <link rel="alternate" hreflang="zh-my" href="../../my/zh-cn/home.html"/> <link rel="alternate" hreflang="zh-tw" href="../../tw/zh-tw/home.html"/> <link rel="alternate" hreflang="zh-hk" href="../../hk/zh-tw/home.html"/> <link rel="alternate" hreflang="ar-ae" href="../../uae/ar/home.html"/> <link rel="alternate" hreflang="id-id" href="../../id/id/home.html"/> <link rel="alternate" hreflang="en-id" href="../../id/en/home.html"/> <link rel="alternate" hreflang="en" href="../../gb/en/home.html"/> <link rel="alternate" hreflang="zh" href="../../cn/zh-cn/home.html"/> <link rel="alternate" hreflang="ko" href="../../kr/ko/home.html"/> <link rel="alternate" hreflang="ja" href="../../jp/ja/home.html"/> <link rel="alternate" hreflang="fr" href="../../fr/fr/home.html"/> <link rel="alternate" hreflang="ar" href="../../sa/ar/home.html"/> <link rel="alternate" hreflang="nl" href="../../nl/nl/home.html"/> <link rel="alternate" hreflang="ru" href="../../ru/ru/home.html"/> <link rel="alternate" hreflang="de" href="../../de/de/home.html"/> <link rel="alternate" hreflang="id" href="../../id/id/home.html"/> <script src="../../etc/designs/indtravelrevamp/clientlib-site/js/jquery-3.2.1.min.js"></script> <script src="../../etc/designs/indtravelrevamp/clientlib-site/js/bootstrap-bundle-5-0-2.min.js"></script> <link rel="stylesheet" href="../../etc/designs/revamp2021/clientlib-site/css/bootstrap.min.css"/> <link rel="stylesheet" href="../../etc/designs/indtravelrevamp/clientlib-all.min.ACSHASHfaf7b004835f68fbeabca72be0a60dbd.css" type="text/css"> <link rel="shortcut icon" href="../../content/dam/indtravelrevamp/page-assets/favicon.png" type="image/x-icon"> <link rel="icon" href="../../content/dam/indtravelrevamp/page-assets/favicon.png" type="image/x-icon">  <link rel="stylesheet" href="../../etc/designs/revamp2021/clientlib-all.min.ACSHASHcef18e0d91e23be3cea39d9e5b70e255.css" type="text/css"> <style> .signika-font { font-family: 'Signika', sans-serif; } .opensans-font { font-family: 'Open Sans', sans-serif; } /* #headcontainer{ position: fixed; width: 100%; z-index: 99; background: white; } @media screen and (min-width: 767px) { #explorecontainer{ padding-top: 79px; } } @media screen and (max-width: 766px) { #contentcontainer{ padding-top: 79px; } #explorecontainer{ top: 79px; z-index: 99; position: fixed; width: 100%; } } */ </style> <title>The Official Website of Indonesia Tourism - Indonesia Travel</title> <script>var isPagetest="No"</script>       <script> if(isPagetest === "No") { var eventCollection; !function(g,d,t,e,v,n,s){if(g.gdt)return;v=g.gdt=function(){v.tk?v.tk.apply(v,arguments):v.queue.push(arguments)};v.sv='1.0';v.bt=0;v.queue=[];n=d.createElement(t);n.async=!0;n.src=e;s=d.getElementsByTagName(t)[0];s.parentNode.insertBefore(n,s);}(window,document,'script','../../../qzonestyle.gtimg.cn/qzone/biz/gdt/dmp/user-action/gdtevent.min.js'); gdt('init','1108865635'); gdt('track','PAGE_VIEW'); } </script> <noscript><img height="1" width="1" style="display:none" src="https://a.gdt.qq.com/pixel?user_action_set_id=1108865635&action_type=PAGE_VIEW&noscript=1"/> </noscript> <script> if(isPagetest === "No") { !function(g,d,t,e,v,n,s){if(g.gdt)return;v=g.gdt=function(){v.tk?v.tk.apply(v,arguments):v.queue.push(arguments)};v.sv='1.0';v.bt=0;v.queue=[];n=d.createElement(t);n.async=!0;n.src=e;s=d.getElementsByTagName(t)[0];s.parentNode.insertBefore(n,s);}(window,document,'script','../../../qzonestyle.gtimg.cn/qzone/biz/gdt/dmp/user-action/gdtevent.min.js'); gdt('init','1109007300'); gdt('track','PAGE_VIEW'); } </script> <noscript> < img height="1" width="1" style="display:none" src="https://a.gdt.qq.com/pixel?user_action_set_id=1109007300&action_type=PAGE_VIEW&noscript=1"/> </noscript>  <script type='application/ld+json'> { "@context": "http://schema.org", "@type": "GovernmentOrganization", "name": "Indonesia Ministry of Tourism", "url": "https://www.indonesia.travel/", "alternatename": "indonesia travel", "logo": "http://www.kemenpar.go.id/asset_admin/assets/uploads/media/image/original/post_1553164416_logo_wonderful_indonesia.jpg", "description": "This is the official website of the Ministry of Tourism, Republic of Indonesia. The contents listed on the website are intended for informational purposes rather than commercial.", "address": { "@type": "PostalAddress", "streetAddress": "Sapta Pesona Building, Medan Merdeka Barat Street No. 17 J", "addressRegion": "Jakarta", "postalCode": "10110", "addressCountry": "Indonesia" }, "sameAs" : [ "https://www.facebook.com/indonesiatravel/", "https://www.twitter.com/indtravel/", "https://www.instagram.com/indtravel/", "https://www.youtube.com/c/indonesiatravel", "https://www.tripadvisor.com/Tourism-g294225-Indonesia-Vacations.html" ], "potentialAction": [{ "@type": "SearchAction", "target": "https://www.indonesia.travel/search[keywords]={search_term_string}", "query-input": "required name=search_term_string" }] } </script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="FRKBD-BD4WU-KKKYV-UEPGA-8LK6S",function(){function e(){if(!r){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.appendChild(e),r=!0}}function t(e){r=!0;var n,t,a,i,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",i=(a.frameElement||a).style,i.width=0,i.height=0,i.border=0,i.display="none",o.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void 0;",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=14,window.BOOMR.url=n+"FRKBD-BD4WU-KKKYV-UEPGA-8LK6S";var i=document.currentScript||document.getElementsByTagName("script")[0],o=i.parentNode,r=!1,d=document.createElement("link");if(d.relList&&"function"==typeof d.relList.supports&&d.relList.supports("preload")&&"as"in d)window.BOOMR.snippetMethod="p",d.href=window.BOOMR.url,d.rel="preload",d.as="script",d.addEventListener("load",e),d.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!r)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.appendChild(d);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="eqciaaaqamreyjaeqaaaaeaaabtctybk-f-f77bc80d3-clienttons-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"37","ak.cp":"609228","ak.ai":parseInt("397551",10),"ak.ol":"0","ak.cr":115,"ak.ipv":6,"ak.proto":"http/1.1","ak.rid":"114cefd2","ak.r":2559,"ak.a2":n,"ak.m":"dscb","ak.n":"ff","ak.bpcip":"2404:8000:1003:224c::","ak.cport":58167,"ak.gh":"202.169.45.229","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1714020394","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==OZvozt2qJgDB6uiDRYOy/QvhM3F7qFCJ9lqhgHmnrcS6uvy9lVIxRNI9WZZlrzK8rLT93ropZT/VyqF2kOWLNXBOGbcylLhnvKVhiMY+fwZsj1XsBhJGVe37kg45vn7N2BGyVydakQNGZKPNn7pRCxB3aWRumGSlDKto2eBwNPsqAGQ3vfSvCqZg12alWLE5cueFh7ZQpSv8qQHBAoc/0d8RMcYW479PPYkQNrG249DZe5JGjg/AcfBiGv0rah+HrIYJ0DGOfpIGAF8l1/IVQWtOquEplnxagPbCeYsT27XdFPxRVbKSNAaXyAs4C7A+SMqsfaog4rm2fizsQepDbKISuaKeT0LMxyYDFeVyNOBBBV4OIvrUvbJoow795M+M3wZRnRaA+dprA0N4w49MLH3YQKevIiMCJiZWq84AVj4=","ak.pv":"66","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.html","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.r","ak.acc","ak-2.html","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script> <script> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); (function() { var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://cdn.matomo.cloud/indonesia.matomo.cloud/container_pjWRpDX7.js'; s.parentNode.insertBefore(g,s); })(); </script>  </head> <body> <div id="headcontainer"> <header class="bg-transparent new-header"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-dark"> <a class="navbar-brand" href="home.html"> <img class="new-logo" src="../../content/dam/indtravelrevamp/en/logo.png" alt="Site Logo"/> </a> <div class="navmobile hide-desktop"> <ul class="navbar-nav-mobile mb-0"> <li class="nav-item position-relative"> <div class="dropdown"> <button class="btn btn-link nav-link dropdown-toggle px-1 text-uppercase" type="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"> us-en </button> <div class="dropdown-menu dropdown-country" aria-labelledby="dropdownMenuLink" style="max-height: 50vh;"> <a class="nav-link-country"> <span class="flag flag-gb"></span> <span class="flag-title">Global</span> </a> <a class="nav-link-language" href="../../gb/en/home.html">Global (English)</a> <a class="nav-link-country"> <span class="flag flag-id"></span> <span class="flag-title">Indonesia</span> </a> <a class="nav-link-language" href="../../id/en/home.html">Indonesia (English)</a> <a class="nav-link-language" href="../../id/id/home.html">Indonesia (Bahasa)</a> <a class="nav-link-country"> <span class="flag flag-ru"></span> <span class="flag-title">Russia</span> </a> <a class="nav-link-language" href="../../ru/en/home.html">Russia (English)</a> <a class="nav-link-language" href="../../ru/ru/home.html">Russia (Russia)</a> <a class="nav-link-country"> <span class="flag flag-cn"></span> <span class="flag-title">China</span> </a> <a class="nav-link-language" href="../../cn/en/home.html">China (English)</a> <a class="nav-link-language" href="../../cn/zh-cn/home.html">China (Chinese (Simplified))</a> <a class="nav-link-country"> <span class="flag flag-kr"></span> <span class="flag-title">Korea</span> </a> <a class="nav-link-language" href="../../kr/en/home.html">Korea (English)</a> <a class="nav-link-language" href="../../kr/ko/home.html">Korea (Korea)</a> <a class="nav-link-country"> <span class="flag flag-jp"></span> <span class="flag-title">Japan</span> </a> <a class="nav-link-language" href="../../jp/en/home.html">Japan (English)</a> <a class="nav-link-language" href="../../jp/ja/home.html">Japan (Japan)</a> <a class="nav-link-country"> <span class="flag flag-fr"></span> <span class="flag-title">France</span> </a> <a class="nav-link-language" href="../../fr/en/home.html">France (English)</a> <a class="nav-link-language" href="../../fr/fr/home.html">France (French)</a> <a class="nav-link-country"> <span class="flag flag-sa"></span> <span class="flag-title">Saudi Arabia</span> </a> <a class="nav-link-language" href="../../sa/en/home.html">Saudi Arabia (English)</a> <a class="nav-link-language" href="../../sa/ar/home.html">Saudi Arabia (العربية)</a> <a class="nav-link-country"> <span class="flag flag-au"></span> <span class="flag-title">Australia</span> </a> <a class="nav-link-language" href="../../au/en/home.html">Australia (English)</a> <a class="nav-link-country"> <span class="flag flag-hk"></span> <span class="flag-title">Hongkong</span> </a> <a class="nav-link-language" href="../../hk/en/home.html">Hongkong (English)</a> <a class="nav-link-language" href="../../hk/zh-tw/home.html">Hongkong (Chinese (Traditional))</a> <a class="nav-link-country"> <span class="flag flag-sg"></span> <span class="flag-title">Singapore</span> </a> <a class="nav-link-language" href="../../sg/en/home.html">Singapore (English)</a> <a class="nav-link-language" href="../../sg/zh-cn/home.html">Singapore (Chinese (Simplified))</a> <a class="nav-link-country"> <span class="flag flag-my"></span> <span class="flag-title">Malaysia</span> </a> <a class="nav-link-language" href="../../my/en/home.html">Malaysia (English)</a> <a class="nav-link-language" href="../../my/zh-cn/home.html">Malaysia (Chinese (Simplified))</a> <a class="nav-link-country"> <span class="flag flag-th"></span> <span class="flag-title">Thailand</span> </a> <a class="nav-link-language" href="../../th/en/home.html">Thailand (English)</a> <a class="nav-link-country"> <span class="flag flag-uae"></span> <span class="flag-title">United Arab Emirates</span> </a> <a class="nav-link-language" href="../../uae/en/home.html">United Arab Emirates (English)</a> <a class="nav-link-language" href="../../uae/ar/home.html">United Arab Emirates (العربية)</a> <a class="nav-link-country"> <span class="flag flag-nl"></span> <span class="flag-title">Netherlands</span> </a> <a class="nav-link-language" href="../../nl/en/home.html">Netherlands (English)</a> <a class="nav-link-language" href="../../nl/nl/home.html">Netherlands (Netherlands)</a> <a class="nav-link-country"> <span class="flag flag-uk"></span> <span class="flag-title">United Kingdom</span> </a> <a class="nav-link-language" href="../../uk/en/home.html">United Kingdom (English)</a> <a class="nav-link-country"> <span class="flag flag-de"></span> <span class="flag-title">Germany</span> </a> <a class="nav-link-language" href="../../de/en/home.html">Germany (English)</a> <a class="nav-link-language" href="../../de/de/home.html">Germany (Germany)</a> <a class="nav-link-country"> <span class="flag flag-us"></span> <span class="flag-title">United States</span> </a> <a class="nav-link-language" href="home.html">United States (English)</a> <a class="nav-link-country"> <span class="flag flag-ph"></span> <span class="flag-title">Philippines</span> </a> <a class="nav-link-language" href="../../ph/en/home.html">Philippines (English)</a> <a class="nav-link-country"> <span class="flag flag-in"></span> <span class="flag-title">India</span> </a> <a class="nav-link-language" href="../../in/en/home.html">India (English)</a> <a class="nav-link-country"> <span class="flag flag-event"></span> <span class="flag-title">Event</span> </a> <a class="nav-link-language" href="../../event/id/home.html">Event (Bahasa)</a> </div> </div> </li> <li class="nav-item position-relative"> <a class="nav-link search-trigger cursor-pointer px-1"><img class="search-icon" src="../../content/dam/indtravelrevamp/home-revamp/search.svg" alt="find"/></a> <div class="search-form"> <form class="the-form-search new-loading" method="GET" accept-charset="UTF-8" action="https://www.indonesia.travel/us/en/search"> <input name="q" type="text" autocomplete="off" required class="form-control my-0 search-input" placeholder="Search Here..."> </form> </div> </li> <li class="nav-item"> <a class="nav-link cursor-pointer px-0"> <img class="switch-icon" data-src-light="/content/dam/indtravelrevamp/home-revamp/darkmode_off.svg" data-src-dark="/content/dam/indtravelrevamp/home-revamp/darkmode_on.svg" src="../../content/dam/indtravelrevamp/home-revamp/darkmode_off.svg" alt="darkmode-off" data-toggle="tooltip" data-placement="bottom" title="Switch Theme"> </a> </li> <li class="nav-item"> <button class="navbar-toggler" type="button"><img src="../../content/dam/indtravelrevamp/home-revamp/burger.svg" alt="burger menu"></button> </li> </ul> </div> <div class="collapse navbar-collapse justify-content-end navbar-menu" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item active">  <div class="dropdown"> <button class="btn btn-link nav-link dropdown-toggle" type="button" id="nav-what-to-see" data-bs-toggle="dropdown" aria-expanded="false"> What to See </button> <div class="dropdown-menu dropdown-menu-nav" aria-labelledby="nav-what-to-see"> <a href="destinations.html">Destinations </a> <a href="attractions.html">Attractions </a> <a href="../../event/en/home.html">Events </a> </div> </div> </li> <li class="nav-item"> <div class="dropdown"> <button class="btn btn-link nav-link dropdown-toggle" type="button" id="nav-what-to-do" data-bs-toggle="dropdown" aria-expanded="false"> What to Do </button> <div class="dropdown-menu dropdown-menu-nav" aria-labelledby="nav-what-to-do" style="min-width: 13rem;"> <a href="experience.html">5 Wonders </a> <a href="trip-ideas.html">Trip Ideas </a> <a href="travel-blog.html">Travel Blog</a> </div> </div> </li> <li class="nav-item"> <div class="dropdown"> <button class="btn btn-link nav-link dropdown-toggle" type="button" id="nav-plan-your-trip" data-bs-toggle="dropdown" aria-expanded="false"> Plan Your Trip </button> <div class="dropdown-menu dropdown-menu-nav" aria-labelledby="nav-plan-your-trip"> <a href="general-information.html">General Information </a> <a href="packages.html">Packages </a> </div> </div> </li> <li class="nav-item"> <a class="nav-link cursor-pointer" id="trigger-go-explore">Go Explore</a> </li> <li class="nav-item"> <div class="dropdown"> <button class="btn btn-link nav-link dropdown-toggle" type="button" id="nav-partnership-opportunity" data-bs-toggle="dropdown" aria-expanded="false"> Essentials </button> <div class="dropdown-menu dropdown-menu-nav" aria-labelledby="nav-partnership-opportunity"> <a href="partnership-opportunity.html">Partnership Opportunity </a> <a href="brand-guidance.html">Brand Guidance </a> <a href="our-ebrochures.html">E-Brochure </a> <a href="e-booklet.html">E-Booklet </a> </div> </div> </li> <li class="nav-item position-relative hide-mobile"> <button class="btn btn-link nav-link dropdown-toggle text-uppercase" type="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"> us-en </button> <div class="dropdown-menu dropdown-country" aria-labelledby="dropdownMenuLink"> <a class="nav-link-country"> <span class="flag flag-gb"></span> <span class="flag-title">Global</span> </a> <a class="nav-link-language" href="../../gb/en/home.html">Global (English)</a> <a class="nav-link-country"> <span class="flag flag-id"></span> <span class="flag-title">Indonesia</span> </a> <a class="nav-link-language" href="../../id/en/home.html">Indonesia (English)</a> <a class="nav-link-language" href="../../id/id/home.html">Indonesia (Bahasa)</a> <a class="nav-link-country"> <span class="flag flag-ru"></span> <span class="flag-title">Russia</span> </a> <a class="nav-link-language" href="../../ru/en/home.html">Russia (English)</a> <a class="nav-link-language" href="../../ru/ru/home.html">Russia (Russia)</a> <a class="nav-link-country"> <span class="flag flag-cn"></span> <span class="flag-title">China</span> </a> <a class="nav-link-language" href="../../cn/en/home.html">China (English)</a> <a class="nav-link-language" href="../../cn/zh-cn/home.html">China (Chinese (Simplified))</a> <a class="nav-link-country"> <span class="flag flag-kr"></span> <span class="flag-title">Korea</span> </a> <a class="nav-link-language" href="../../kr/en/home.html">Korea (English)</a> <a class="nav-link-language" href="../../kr/ko/home.html">Korea (Korea)</a> <a class="nav-link-country"> <span class="flag flag-jp"></span> <span class="flag-title">Japan</span> </a> <a class="nav-link-language" href="../../jp/en/home.html">Japan (English)</a> <a class="nav-link-language" href="../../jp/ja/home.html">Japan (Japan)</a> <a class="nav-link-country"> <span class="flag flag-fr"></span> <span class="flag-title">France</span> </a> <a class="nav-link-language" href="../../fr/en/home.html">France (English)</a> <a class="nav-link-language" href="../../fr/fr/home.html">France (French)</a> <a class="nav-link-country"> <span class="flag flag-sa"></span> <span class="flag-title">Saudi Arabia</span> </a> <a class="nav-link-language" href="../../sa/en/home.html">Saudi Arabia (English)</a> <a class="nav-link-language" href="../../sa/ar/home.html">Saudi Arabia (العربية)</a> <a class="nav-link-country"> <span class="flag flag-au"></span> <span class="flag-title">Australia</span> </a> <a class="nav-link-language" href="../../au/en/home.html">Australia (English)</a> <a class="nav-link-country"> <span class="flag flag-hk"></span> <span class="flag-title">Hongkong</span> </a> <a class="nav-link-language" href="../../hk/en/home.html">Hongkong (English)</a> <a class="nav-link-language" href="../../hk/zh-tw/home.html">Hongkong (Chinese (Traditional))</a> <a class="nav-link-country"> <span class="flag flag-sg"></span> <span class="flag-title">Singapore</span> </a> <a class="nav-link-language" href="../../sg/en/home.html">Singapore (English)</a> <a class="nav-link-language" href="../../sg/zh-cn/home.html">Singapore (Chinese (Simplified))</a> <a class="nav-link-country"> <span class="flag flag-my"></span> <span class="flag-title">Malaysia</span> </a> <a class="nav-link-language" href="../../my/en/home.html">Malaysia (English)</a> <a class="nav-link-language" href="../../my/zh-cn/home.html">Malaysia (Chinese (Simplified))</a> <a class="nav-link-country"> <span class="flag flag-th"></span> <span class="flag-title">Thailand</span> </a> <a class="nav-link-language" href="../../th/en/home.html">Thailand (English)</a> <a class="nav-link-country"> <span class="flag flag-uae"></span> <span class="flag-title">United Arab Emirates</span> </a> <a class="nav-link-language" href="../../uae/en/home.html">United Arab Emirates (English)</a> <a class="nav-link-language" href="../../uae/ar/home.html">United Arab Emirates (العربية)</a> <a class="nav-link-country"> <span class="flag flag-nl"></span> <span class="flag-title">Netherlands</span> </a> <a class="nav-link-language" href="../../nl/en/home.html">Netherlands (English)</a> <a class="nav-link-language" href="../../nl/nl/home.html">Netherlands (Netherlands)</a> <a class="nav-link-country"> <span class="flag flag-uk"></span> <span class="flag-title">United Kingdom</span> </a> <a class="nav-link-language" href="../../uk/en/home.html">United Kingdom (English)</a> <a class="nav-link-country"> <span class="flag flag-de"></span> <span class="flag-title">Germany</span> </a> <a class="nav-link-language" href="../../de/en/home.html">Germany (English)</a> <a class="nav-link-language" href="../../de/de/home.html">Germany (Germany)</a> <a class="nav-link-country"> <span class="flag flag-us"></span> <span class="flag-title">United States</span> </a> <a class="nav-link-language" href="home.html">United States (English)</a> <a class="nav-link-country"> <span class="flag flag-ph"></span> <span class="flag-title">Philippines</span> </a> <a class="nav-link-language" href="../../ph/en/home.html">Philippines (English)</a> <a class="nav-link-country"> <span class="flag flag-in"></span> <span class="flag-title">India</span> </a> <a class="nav-link-language" href="../../in/en/home.html">India (English)</a> <a class="nav-link-country"> <span class="flag flag-event"></span> <span class="flag-title">Event</span> </a> <a class="nav-link-language" href="../../event/id/home.html">Event (Bahasa)</a> </div> </li> <li class="nav-item position-relative hide-mobile"> <a class="nav-link search-trigger cursor-pointer"><img class="search-icon" src="../../content/dam/indtravelrevamp/home-revamp/search.svg" alt="find"/></a> <div class="search-form"> <form class="the-form-search new-loading" method="GET" accept-charset="UTF-8" action="https://www.indonesia.travel/us/en/search"> <input name="q" type="text" autocomplete="off" required class="form-control my-0 search-input" placeholder="Search Here..."> </form> </div> </li> <li class="nav-item hide-mobile"> <a class="nav-link cursor-pointer"> <img class="switch-icon" data-src-light="/content/dam/indtravelrevamp/home-revamp/darkmode_off.svg" data-src-dark="/content/dam/indtravelrevamp/home-revamp/darkmode_on.svg" src="../../content/dam/indtravelrevamp/home-revamp/darkmode_off.svg" alt="darkmode-off" data-toggle="tooltip" data-placement="bottom" title="Switch Theme"> </a> </li> </ul> </div> </nav> </div> <div class="goexplore-container"> <form action="https://www.indonesia.travel/content/indtravelrevamp/us/en/exploreresult.html" method="GET"> <div class="my-4 d-flex align-items-center justify-content-between"> <div> <img src="../../content/dam/indtravelrevamp/activities/main-banner/icon/whiteicon-goexplore.png" alt="go-explore" width="35"> <label class="mb-0 ms-2">Go Explore</label> </div> <button type="button" id="trigger-close-goexplore" class="btn btn-link text-white ml-auto rounded-circle new-btn-close border">✕</button> </div> <div class="form-group"> <label for="select-type-travel" class="mb-1 w-100">Select type of travel</label> <select class="custom-select w-100 my-1 mr-sm-2 cursor-pointer new-form-control" name="type" id="select-type-travel"> <option value="" selected>Choose...</option> <option value="Family">Family</option> <option value="Couple">Couple</option> <option value="Group">Group</option> <option value="Adventurer">Adventurer</option> <option value="Business">Business</option> <option value="Senior">Senior</option> </select> <small class="form-text text-warning" id="error-type-travel" style="display:none">Please Select type of travel</small> </div> <input type="hidden" name="activity" value="" id="input-type-interest"> <button type="submit" class="btn btn-success new-btn-primary btn-block d-none" id="btn-goexplore-submit"></button> </form> <div class="form-group mt-4"> <label class="mb-0">Select Type of Interest</label> <div class="custom-control custom-checkbox my-1 mr-sm-2"> <input type="checkbox" class="custom-control-input goExplore-checkbox" id="type-interest-natural" value="Nature"> <label class="custom-control-label" for="type-interest-natural">Nature, Scenic Landscape & Wildlife</label> </div> <div class="custom-control custom-checkbox my-1 mr-sm-2"> <input type="checkbox" class="custom-control-input goExplore-checkbox" id="type-interest-arts" value="Arts"> <label class="custom-control-label" for="type-interest-arts">Arts, Culture & Heritage</label> </div> <div class="custom-control custom-checkbox my-1 mr-sm-2"> <input type="checkbox" class="custom-control-input goExplore-checkbox" id="type-interest-culinary" value="Culinary"> <label class="custom-control-label" for="type-interest-culinary">Culinary & Wellness</label> </div> <div class="custom-control custom-checkbox my-1 mr-sm-2"> <input type="checkbox" class="custom-control-input goExplore-checkbox" id="type-interest-recreation" value="Recreation"> <label class="custom-control-label" for="type-interest-recreation">Recreation & Leisure</label> </div> <div class="custom-control custom-checkbox my-1 mr-sm-2"> <input type="checkbox" class="custom-control-input goExplore-checkbox" id="type-interest-adventure" value="Adventures"> <label class="custom-control-label" for="type-interest-adventure">Adventures</label> </div> <small class="form-text text-warning" id="error-type-interest" style="display:none">Please Select Type of Interest</small> </div> <div class="form-group mt-4 d-grid"> <button type="button" class="btn btn-success new-btn-primary" id="btn-goexplore-trigger">Explore Indonesia</button> </div> </div> </header>  <style> .center-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exph_btn_close { width: 30px; height: 30px; border-radius: 50%; position: relative; background-color: #0077cc; border: 2px solid white; } .ui-widget.ui-widget-content { max-height: 155px; overflow-y: scroll; overflow-x: hidden; } .exph_parent_container { background-color: rgba(0, 0, 0, 0.7); position: absolute; max-height: 100vh; overflow-y: auto; overflow-x: hidden; z-index: 1; } .exph_parent_container .container { padding-top: 10px; padding-bottom: 10px; } .exph_button, .car-rental, .car-rental:hover { background-color: transparent; border: 0px; color: white; cursor: pointer; font-weight: bold; font-family: sans-serif; } .car-rental:focus { color: #00bdff; box-shadow:none; } .exph_button:focus { -webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent; } .exph_button.active { color: #00bdff; } .exph_button:first-child { } .p-relative { position: relative; } .exph_package_container { /*background-color: #00000026;*/ } .exph_package {} .exph_flight {} .exph_group_btn { background-color: transparent; color: silver; cursor: pointer; border: 1px solid white; padding: 5px 20px; } .exph_group_btn.active { background-color: white; color: #313131; } .exph_btn_close { margin-left: 2em; padding-top: 6px; padding-left: 9px; } .exph_l_9 { padding-left: 9px; } .exph_from_group { background-color: white; padding-left: 40px; padding-top: 0px; padding-bottom: 2px; padding-right: 15px; border-radius: 2px; margin-bottom: 0px; margin-top: 15px; position: relative; } .exph_from_group label { margin-bottom: 0px; } .exph_dropdown_select .row { padding-top: 4px; padding-bottom: 3px; } .exph_dropdown_select .lnr { cursor: pointer; } .exph_dropdown_select .lnr:hover { color: blue; text-shadow: 0px 0px 10px; } .exph_from_group input[type="text"] { border: 0px; padding-left: 0px; } .exph_from_group_traveler input[type="text"] { pointer-events: none; } .exph_from_group .lnr { position: absolute; left: 10px; bottom: 10px; font-size: 20px; } .exph_traveler_btn { border: 0px; width: 100%; text-align: left; padding-left: 0px; position: relative; cursor: pointer; } .exph_traveler_btn:after { display: block; position: absolute; right: 0px; bottom: 9px; } .exph_traveler_btn:hover { background-color: transparent; border-color: transparent; } .exph_traveler_btn:focus { -webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent; } .exph_dropdown_select .lnr { left: unset !important; bottom: unset !important; position: unset !important; } .traveler-close { padding-left: 15px; padding-right: 28px; font-weight: bold; cursor: pointer; } .exph_search_flight { background-color: #07c; border: 1px solid #07c; border-bottom: 3px solid #07c; color: #FFF; border-radius: 2px; font-weight: bold; padding: 7px 15px; width: 100%; cursor: pointer; /*border-color: #d4a900 #aa8700 #aa8700; background: #ffbe00; background: -webkit-gradient(linear,left bottom,left top,from(#ffbe00),to(#ffcb00)); background: linear-gradient(to top,#ffbe00 0,#ffcb00 100%); color: #3d3100;*/ } .exph_search_flight:hover { opacity: .95; background: #005999; border: 1px solid #0067b0; border-bottom: 3px solid #004d85; } #adult-val, #child-val, #infant-val { width: 10px; } .age-child select, .age-infant select { border: thin solid #6d6d6d; margin-right: 8px; width: 29.5%; margin-top: 8px; padding-left: 8px; } .message-error { margin-top: 10px; color: white; font-size: small; } .message-error ul { padding-left: 15px; margin-bottom: 0px; } .input-error { border: 2px solid #ff000c !important; border-radius:0px; } .exph_dropdown_select { min-height: 145px; /*max-height: 180px;*/ margin-bottom: 95px; overflow-y: auto; overflow-x: hidden; } .exph_room_title { padding-left: 23px; margin-top: 5px; } .exph_dropdown_select .row { margin-right: 0px; } .exph_room_btn_in { margin-top: 6px; } .exph_room_slick { border-bottom: 1px solid #dedede; } .exph_remove_room { margin-left: 10px; padding: 1px 7px; border-radius: 2px; border: 1px solid silver; cursor: pointer; background-color: white; } .traveler-add { cursor: pointer; border: 1px solid silver; border-radius: 2px; margin-left: 9px; padding: 1px 10px; max-width: 90px; } .traveler-close { border: 1px solid #0077cc; margin-left: 10px; padding: 0px 10px; text-align: center !important; background-color: #0077cc; color: white; cursor: pointer; border-radius: 2px; } .select-child, .select-infant { padding: 0px 5px; width: 30%; margin-right: 5px; margin-top: 5px; border: 1px solid silver; border-radius: 2px; } .form-control:disabled, .form-control[readonly] { background-color: unset; cursor: pointer; } .select-city-input { height: 100vh; width: 100%; background: white; z-index: 1075; position: fixed; top: 0px; left: 0px; transform: translateX(100%); -webkit-transform: translateX(100%); transition: transform 300ms; -webkit-transition: transform 300ms; will-change: transform; /*display:none;*/ } .select-city-input.show { transform: translateX(0%); -webkit-transform: translateX(0%); /*left:0px; display:block;*/ } .exph_room_title label { line-height: 17px; padding-left: 8px; } .powered-by { font-size: 11px; color: white; margin-top: 10px; font-family: sans-serif; } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { color: #fff; background: #0077cc; border-radius: 5px; } @media (min-width:768px) { .exph_package_container { padding-top: 10px; padding-bottom: 10px; } } .or-text:after { content: "OR"; text-align: center; width: 35px; height: 35px; line-height: 35px; background-color: #0077cc; color: white; border-radius: 50%; position: absolute; font-size: 10px; bottom: 8px; left: unset; right: 3px; transform: translateX(100%); z-index: 1; } .flight-cabin { height: 31px !important; font-size: 13px; margin-top: -1px; padding: 0px 15px; line-height: 17px; border-radius: 3px; padding-left: 20px; } @media (max-width:767px) { .or-text { margin-bottom: 35px; } .or-text:after { bottom: -8px; left: 50%; transform: translate(-50%, 100%); } .p-lr-15 { padding-left: 15px !important; padding-right: 15px !important; } .exph_parent_container { min-width: 100% !important; left: 0px !important; z-index: 3; position: relative !important; top: unset !important; padding: 0px !important; transform: unset !important; /*height: 80vh; height: calc(100vh - 79px);*/ max-height: 100vh; overflow-y: hidden; overflow-x: hidden; } .exph_parent_container .container {} .slideshow-image .slideshow-image-new { /*height: 50vw !important;*/ } .exph-menu-inline { background-color: rgba(0, 0, 0, 0.5); position: relative; } .exph_flight { padding-top: 40px; padding-bottom: 450px; } .exp { padding-top: 15px; } .expedia-logo-home { position: absolute; z-index: 1; bottom: -40px; left: 15px; /*transform: translateX(-50%);*/ } .exph_flight>.row { /*height: calc(100vh - 75px);*/ /*overflow: auto;*/ } .exph_button, .car-rental { } /*.exph_button:first-child { margin-left:15px; }*/ .exph_flight>.row { margin-left: 0px; margin-right: 0px; } .exph_from_group { padding-top: 0px; } .exph_from_group label { font-size: 4vw; } .exph_from_group input[type="text"] { font-size: 4vw; } .exph_traveler_btn { font-size: 13px; } .exph_dropdown_select { box-shadow: 0px 0px 1px black; border: 0; /*position:relative;*/ margin-top: 3px; } .traveler-close { /*padding-right: 39px;*/ } .exph_btn_close { position: absolute; right: 15px; top: -28px; padding: 4px 7px; padding-top: 6px; background-color: transparent; border: 1px solid white; } .font-size-small { font-size: small; } .exp-autocomplete-style { left: 15px !important; max-width: 100%; width: 100%; width: calc(100% - 30px) !important; border-radius: 4px; margin-top: 1px; } .exph_package { background-color: rgba(0, 0, 0, 0.6); } .select-city-input { /*display:block;*/ } .flight-cabin { margin-top: 15px; } } @media (max-width:767px) and (min-width:576px){ .flight-cabin { margin-top: 0px !important; } .exph_btn_close { top: 0px; } } @media (min-width:768px) and (max-width:1280px){ .exph_parent_container { padding-left: 15px; padding-right: 15px; } } /*@media screen and (orientation: landscape) and (max-width:767px){ .exph_from_group label { font-size: 2vw; } .exph_from_group input[type="text"] { font-size: 2vw; } }*/ .w-10 { width: 16px; } .disabled-return::placeholder { color: #909090; } .disabled-return:-ms-input-placeholder { color: #909090; } .disabled-return::-ms-input-placeholder { color: #909090; } .datepicker--day-name { color: #0077cc; } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { border-radius: 2px; } .ui-widget.ui-widget-content { max-height: 180px; overflow-y: auto; font-size: 12px; border: 1px solid #0077cc; border-radius: 3px; } .ui-menu .ui-menu-item-wrapper { padding: 7px 10px; border-bottom: 1px solid #c6c6c6; } .exph_search_flight { height: 53px; } @media (max-width:443px) { .exph_button, .car-rental { } } </style> <div class="asyst-widget-sticky-container-btn"> <button type="button" class="btn btn-success new-btn-primary button-floating-widget" data-bs-toggle="modal" data-bs-target="#widget--modal"> <span style="display:none" class="pr-3">Flight & Hotel</span> <i class="fa fa-plane" aria-hidden="true"></i> </button> <small class="btn-asyst-hide-mobile">❯</small> </div>  <div class="new-widget-booking migration"> <div class="modal fade" id="widget--modal"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body p-0"> <ul class="nav nav-tabs border-bottom-0" id="widget--tab" role="tablist"> <li class="nav-item" role="presentation"> <a class="exph_button nav-link active px-sm-4 px-lg-5" id="home-tab" data-toggle="tab" data-type="FLIGHTS" href="#" role="tab" aria-controls="widget-flight" aria-selected="true">Flights</a> </li> <li class="nav-item px-1 px-md-3 px-xl-4" role="presentation"> <a class="exph_button nav-link px-sm-4 px-lg-5" id="profile-tab" data-toggle="tab" data-type="HOTELS" href="#" role="tab" aria-controls="profile" aria-selected="false">Accommodations</a> </li> <li class="nav-item " role="presentation"> <a class="nav-link px-sm-4 px-lg-5" target="_blank" href="https://www.rentalcars.com/en/country/id/?affiliateCode=ministryo788&preflang=en" aria-controls="rental" aria-selected="false">Car Rental</a> </li> </ul> <div class="tab-content p-3 px-4 px-md-5 py-md-4 position-relative" id="widget--tab-content"> <div class="tab-pane fade show active" id="widget-flight" role="tabpanel" aria-labelledby="flight-tab">  <div class="row"> <div class="col-12 col-sm-5 col-md-4 col-lg-6 col-lg-3"> <div class="btn-group btn-block btn-group-sm exph_type_trip" role="group"> <button type="button" class="btn exph_group_btn active" data-trip="RoundTrip" nm-flight="Roundtrip" nm-activities="Things to do"> Roundtrip </button> <button type="button" class="btn exph_group_btn" data-trip="OneWay" nm-flight="One Way" nm-activities="Event Tickets"> One Way </button> </div> </div> <div class="col-12 col-sm-5 col-md-3 col-lg-6"> <select class="form-control flight-cabin"> <option value="economy"> Economy </option> <option value="premium">Premium Economy</option> <option value="business"> Business Class </option> <option value="first"> First Class </option> </select> </div> <div class="col-lg-12 "> <div class="row"> <div class="col-lg-6"> <div class="form-group exph_from_group exph_from_group_from"> <span class="lnr lnr-map-marker"></span> <label for="from"><small id="from-title" nm-flight="From" nm-hotel="Destination Name" nm-activities="Destination">From</small></label> <input type="text" id="from" class="form-control form-control-sm" placeholder="Origin" ph-flight="Origin" ph-hotel="City" ph-activities="City"/> </div> </div> <div class="col-lg-6"> <div class="form-group exph_from_group exph_from_group_to"> <span class="lnr lnr-map-marker"></span> <label for="to"><small id="to-title" nm-flight="To" nm-hotel="City or Hotel Name">To</small></label> <input type="text" id="to" class="form-control form-control-sm" placeholder="Destination" ph-flight="Destination" ph-hotel="City or Hotel Name"/> </div> </div> <div class="col-12"></div> <div class="col-12 col-lg-3"> <div class="form-group exph_from_group popp"> <span class="lnr lnr-calendar-full"></span> <label for="depart" class="label-date-1"><small nm-flight="Departure" nm-activities="From" nm-hotel="Check In">Departure</small></label> <input type="text" readonly id="depart" class="form-control form-control-sm" placeholder="Date" style="border:unset !important"/> </div> </div> <div class="col-12 col-lg-3"> <div class="form-group exph_from_group return-date"> <span class="lnr lnr-calendar-full"></span> <label for="return" class="label-date-2"><small nm-flight="Return" nm-activities="To" nm-hotel="Check Out">Return</small></label> <input type="text" readonly id="return" class="form-control form-control-sm" placeholder="Date" style="border:unset !important; background-color:transparent !important"/> </div> </div> <div class="col-12 col-lg-6 col-travelers"> <div class="form-group exph_from_group exph_from_group_traveler"> <span class="lnr lnr-users"></span> <label for="from"><small>Travelers</small></label> <div class="w-100"> <button class="btn btn-sm btn-white bg-transparent exph_traveler_btn" type="button" style="direction: ltr"> <div class="value-noroom"> Adult <input type="text" class="w-10" id="adult-val-shadow" readonly value="1"/>, Childen <input type="text" id="child-val-shadow" class="w-10" readonly value="0"/> <input type="text" id="infant-val-shadow" class="w-10 d-none" readonly value="0"/> </div> <div class="value-room"> Room <input type="text" class="w-10" id="room-val-room-1" readonly value="1"/>, Adult <input type="text" class="w-10" id="adult-val-room-1" readonly value="1"/>, Child <input type="text" id="child-val-room-1" class="w-10" readonly value="0"/> </div> </button> <div class="dropdown-menu exph_dropdown_select" style="width: 265px"> <div class="exph_no_room"> <div class="row exph_l_9"> <div class="col-6"> Adult </div> <div class="col-2"> <span class="lnr lnr-circle-minus" id="adult-minus"></span> </div> <div class="col-1"> <input type="text" id="adult-val" value="1" readonly/> </div> <div class="col-2"> <span class="lnr lnr-plus-circle" id="adult-plus"></span> </div> </div> <div class="row exph_l_9"> <div class="col-6">Youth <small>12-17</small></div> <div class="col-2"> <span class="lnr lnr-circle-minus" id="youth-child-minus"></span> </div> <div class="col-1"> <input type="text" id="youth-child-val" value="0" readonly/> </div> <div class="col-2"> <span class="lnr lnr-plus-circle" id="youth-child-plus"></span> </div> <div class="col-12 youth-age-child"></div> </div> <div class="row exph_l_9"> <div class="col-6"> Child <small>2-11</small> </div> <div class="col-2"> <span class="lnr lnr-circle-minus" id="child-minus"></span> </div> <div class="col-1"> <input type="text" id="child-val" value="0" readonly/> </div> <div class="col-2"> <span class="lnr lnr-plus-circle" id="child-plus"></span> </div> <div class="col-12 age-child"></div> </div> <div class="row exph_l_9"> <div class="col-6"> Seat Infant <small>under 2</small> </div> <div class="col-2"> <span class="lnr lnr-circle-minus" id="infant-minus"></span> </div> <div class="col-1"> <input type="text" id="infant-val" value="0" readonly/> </div> <div class="col-2"> <span class="lnr lnr-plus-circle" id="infant-plus"></span> </div> <div class="col-12 age-infant"></div> </div> <div class="row exph_l_9"> <div class="col-6"> Lap Infant <small>under 2</small> </div> <div class="col-2"> <span class="lnr lnr-circle-minus" id="lap-infant-minus"></span> </div> <div class="col-1"> <input type="text" id="lap-infant-val" value="0" readonly/> </div> <div class="col-2"> <span class="lnr lnr-plus-circle" id="lap-infant-plus"></span> </div> <div class="col-12 lap-age-infant"></div> </div> <div class="row col-12"> <div class="traveler-close text-right"> <small>Close</small> </div> </div> </div> <div class="exph_room_slick" data-now-traveler="1"> <div class="row col-12 exph_room_title">  <button type="button" class="exph_remove_room" style="display: none"> Remove </button> </div> <div class="row exph_l_9"> <div class="col-6" data-traveler-type="Room"> Room </div> <div class="col-2"> <span class="lnr lnr-circle-minus room-minus" id=""></span> </div> <div class="col-1"> <input type="text" class="room-val" id="" value="1" readonly/> </div> <div class="col-2"> <span class="lnr lnr-plus-circle room-plus" id=""></span> </div> </div> <div class="row exph_l_9"> <div class="col-6" data-traveler-type="Adult"> Adult </div> <div class="col-2"> <span class="lnr lnr-circle-minus adult-minus" id=""></span> </div> <div class="col-1"> <input type="text" class="adult-val" id="" value="1" readonly/> </div> <div class="col-2"> <span class="lnr lnr-plus-circle adult-plus" id=""></span> </div> </div> <div class="row exph_l_9"> <div class="col-6" data-traveler-type="Child"> Child </div> <div class="col-2"> <span class="lnr lnr-circle-minus child-minus" id=""></span> </div> <div class="col-1"> <input type="text" class="child-val" id="" value="0" readonly/> </div> <div class="col-2"> <span class="lnr lnr-plus-circle child-plus" id="child-plus"></span> </div> <div class="col-12 age-child-room"></div> </div>  </div> <div class="row col-12 exph_room_btn_in">  <div class="traveler-close text-right"> <small>Close</small>  </div> </div> </div> </div> </div> </div> <div class="col-lg-12"> <button type="button" class="exph_search_flight btn-block" onclick="" style="margin-top: 15px"> Search </button> </div> <div class="col-12 powered-by"> Powered by <img src="../../content/dam/indtravelrevamp/partner-assets/kayak.png" class="expedia-logo-home1 kayak-logo" alt="kayak-logo" width="100%;" style="max-width: 70px; margin-left: 7px" height="auto"/> <img src="../../content/dam/indtravelrevamp/partner-assets/booking.png" id="bookingcom-logo-p" class="expedia-logo-home1" alt="booking-logo" width="100%;" style="max-width: 70px; margin-left: 7px" height="auto"/> </div> </div> </div> </div>  </div> </div> </div> </div> </div> </div> </div> <div class=""> <div class="select-city-input"> <div class="col-12" style="margin-top:15px;"> <label for="input-destination-shadowing" class="input-destination-label"><small>From</small></label> <div class="input-group"> <span class="input-group-btn"> <button class="btn btn-secondary font-size-small" type="button" onclick="citylistinput.hide()" style="border: 1px solid #dadada;"> <span class="lnr lnr-arrow-left"></span> </button> </span> <input type="text" class="form-control input-destination-shadowing font-size-small" id="input-destination-shadowing" placeholder="Destination"> </div> </div> </div> <div class="container indt-container exph-menu-inline p-lr-15 d-none"> <button type="button" class="btn btn-default exph_button active" data-type="FLIGHTS">Flights</button> <button type="button" class="btn btn-default exph_button" data-type="HOTELS">Accommodations</button> <a href="https://www.rentalcars.com/en/country/id/?affiliateCode=ministryo788&preflang=en" target="_blank" data-type="CARRENTALS" class="btn btn-default car-rental">Car Rental</a>  <img src="../../content/dam/indtravelrevamp/partner-assets/booking.png" class="expedia-logo-home bookingcom-logo" alt="expedia-logo" width="100%;" style="max-width:135px; float:right;margin-top: 7px;" height="auto"> </div> </div> <script> $(document).ready(function(){ var scriptAttribute = document.createElement('script'); scriptAttribute.src = "../../content/dam/indtravelrevamp/expedia/js/en.js"; scriptAttribute.setAttribute('async', 'true'); document.head.appendChild(scriptAttribute); }); </script> <script> var citylistinput; window.onload = function() { $(document).ready(function(){ setTimeout(function(){ $('#widget--modal').on('show.bs.modal', function (event) { $('.exph_button').eq(0).click(); }); },1000); }); window.digitalData = window.digitalData || []; var now_page = 'home'; var ageComplete = true; function hideReturn(){ $(".return-date").css({"background-color":"rgb(79, 79, 79)","color":"#909090"}) $(".return-date #return").attr("disabled","disabled").addClass("disabled-return"); } function showReturn(){ $(".return-date").css({"background-color":"white","color":"inherit"}); $(".return-date #return").removeAttr("disabled").removeClass("disabled-return"); } function resetTravelerValue(type){ if(type == null){type = $(".exph_button.active").attr("data-type")} if(type == "FLIGHTS"){ expedia.flightTotalAdult=1; expedia.flightTotalChild=0; expedia.flightPassenger=1; $(".value-noroom").show(); $(".value-room").hide(); } else { $(".value-noroom").hide(); $(".value-room").show(); } $("#from").val(""); $("#to").val(""); $("#depart").datepicker().data('datepicker').clear(); $("#return").datepicker().data('datepicker').clear(); $(".exph_remove_room").click(); $("#adult-val, .adult-val, #adult-val-room-1, #adult-val-shadow").val(1); $("#child-val, .child-val, #child-val-room-1, #child-val-shadow, #youth-child-val").val(0); $("#infant-val, .infant-val, #infant-val-room-1, #infant-val-shadow, #lap-infant-val").val(0); $(".select-child").remove(); $(".select-infant").remove(); expedia.nowTotal = 1; $('.exph_room_slick').attr("data-now-traveler","1"); } function openExpPopup(type){ return false; if(now_page == "booking-com") {return false;} //return false; var el = $("html, body"); if(type == null) { if(el.css("overflow-y") == "auto") { el.css({"overflow-y":"hidden"}) } else { el.removeAttr("style"); //el.css({"overflow-y":type})//,"position":"asd","height": "asd"}); } } else { if(type == "auto"){ el.removeAttr("style"); } else { el.css({"overflow-y":type,"position":"relative","height": "100%"}); } } var containerExp = $(".exph_parent_container"); if(type=="hidden"){ containerExp.css({"height":"calc(100vh - 75px)","overflow-y":"auto"}); } else if(type=="auto"){ containerExp.css({"height":"unset","overflow-y":"hidden"}); $(".exph_parent_container").animate({scrollTop:0}, 0); } } function openTraveler(){ $(".exph_dropdown_select").show(); } function rePositionDepart(){ if($(window).width() < 768) { //var topPosition = "-60px"; var topPosition = "-130px"; if($(".exph_button.active").attr("data-type") == "ACTIVITIES"){topPosition = "10px"}; //if($(".exph_button.active").attr("data-type") == "FLIGHTS"){topPosition = "-140px"}; $("#datepickers-container > .datepicker").eq(0).attr("style","top:"+topPosition+" !important;left:15px !important;"); } } function rePositionReturn(){ if($(window).width() < 768) { var topPosition = "-60px"; if($(".exph_button.active").attr("data-type") == "ACTIVITIES"){topPosition = "10px"}; var leftPosition = $("#datepickers-container > .datepicker").eq(1).css("left"); $("#datepickers-container > .datepicker").eq(1).attr("style","top:"+topPosition+" !important;left:"+leftPosition+" !important;"); } } $(document).ready(function(){ $(".exph_search_flight").click(function(){ expedia.search(); }); var value = $(this).val(''); var type = $(".exph_button.active").attr("data-type"); //check_session_ctrip(); document.ontouchmove = function(e){ //e.preventDefault(); } if($(window).width() < 768){ $("#from, #to").attr("readonly","readonly") } $("body").click(function(e) { var x = e.target; if(!$(x).parents(".exph_from_group_traveler").length > 0 && !$(x).hasClass("exph_remove_room")){ if(ageComplete) $(".exph_dropdown_select").hide(); } ageComplete = true; }); /*default city*/ var countryNameUrl = 'us.html'; var countryNameLang = 'en'; var detect = 'us'; var fromFlight; if(detect == 'au'){ fromFlight = "Sydney , NSW , Australia, (SYD-kingsford smith Intl.)"; } else if(detect == 'fr'){ fromFlight = "Paris, France, (CDG-Charles de Gaulle)"; } else if(detect == 'uae'){ fromFlight = "Dubai, United Arab Emirates, (DXB-Dubai Intl.)"; } else if(detect == 'tw'){ fromFlight = "Taipei, Taiwan, (TPE-Taipei Taoyuan Intl.)"; } else if(detect == 'nl'){ fromFlight = "Amsterdam, Netherlands, (AMS-Schiphol)"; } else if(detect == 'uk'){ fromFlight = "London, England, UK(LHR-Heathrow)"; } else if(detect == 'us'){ fromFlight = "Washington DC, United States, (DCA-Ronald Reagan Washington National Airport)"; } else if(detect == 'hk'){ fromFlight = "Hong Kong, Hong Kong, (HKG-Hong Kong Intl.)"; } else if(detect == 'th'){ fromFlight = "Bangkok, Thailand, (BKK-Suvarnabhumi Intl.)"; } else if(detect == 'de'){ fromFlight = "Berlin, Germany, (TXL-Tegel)"; } else if(detect == 'sa'){ fromFlight = "Riyadh, Saudi Arabia, (RUH-King Khaled Intl.)"; } var defaultCity = fromFlight; //defaultCity=countryNameUrl=="jp"?(countryNameLang=="ja"?"東京, 日本 (HND-羽田空港)":"Tokyo, Japan (HND-Haneda)"):countryNameUrl=="kr"?(countryNameLang=="ko"?"서울, 한국 (ICN-인천국제공항)":"Seoul, South Korea (ICN-Incheon Intl.)"):"Singapore, Singapore (SIN-Changi)"; $("#from").val(defaultCity); /*default city*/ resetTravelerValue("FLIGHTS"); var nowpage = 'home'; if(nowpage == "booking-com") { if($(window).width() >= 768) { $(".slideshow-image").css({"position":"relative","height":"unset"}).parent().prepend($(".exph_parent_container")); } else { //$(".list-expedia").prepend($(".exph_parent_container")); $(".aem-Grid").prepend($(".exph_parent_container")); } //$(".slideshow-image-parent").css({"position":"relative","height":"unset"}).parent().prepend($(".exph_parent_container")); $(".exph_btn_close ").hide(); $(".exph_button").eq(0).click(); $(".exph_room_slick").hide(); $(".exph_room_btn_in").hide(); } $(".exph_traveler_btn, .traveler-close").click(function(){ $(".exph_dropdown_select").toggle(); }); $(".exph_type_trip .exph_group_btn").eq(0).click(function(){ showReturn(); }) $(".exph_type_trip .exph_group_btn").eq(1).click(function(){ hideReturn(); }) $(".car-rental").click(function(){ $(".exph_button.active").removeClass("active"); }); $(".exph_button").eq(0).click(function(){ $(".or-text").parent().show(); $(".flight-cabin, .kayak-logo").show(); $("#bookingcom-logo-p").hide(); $(".col-travelers").removeAttr("style"); $(".exph_from_group_from").removeClass("or-text"); resetTravelerValue("FLIGHTS"); expedia.data = availableTagsAirport; $("#from").val(defaultCity); var triptypeo = $(".exph_type_trip .active").attr("data-trip"); if(triptypeo == "OneWay") { hideReturn() } else {showReturn();} var from = $("#from"); from.attr("placeholder", from.attr("ph-flight")); var title = $("#from-title"); title.html(title.attr("nm-flight")); var to_title = $("#to-title");to_title.html(to_title.attr("nm-flight")); $("#to").attr("placeholder", $("#to").attr("ph-flight")); $(".exph_from_group_to").show(); $(".exph_type_trip").show(); var a = $(".exph_type_trip .exph_group_btn").eq(0);a.html(a.attr("nm-flight")); var b = $(".exph_type_trip .exph_group_btn").eq(1);b.html(b.attr("nm-flight")); var a = $(".label-date-1 small");a.html(a.attr("nm-flight")); var b = $(".label-date-2 small");b.html(b.attr("nm-flight")); $(".exph_from_group_traveler").show(); $(".exph_no_room").show();$(".exph_room_slick").hide(); $(".exph_room_btn_in").hide(); }); $(".exph_button").eq(1).click(function(){ $(".flight-cabin, .kayak-logo").hide(); $("#bookingcom-logo-p").show(); $(".col-travelers").removeAttr("style"); $(".exph_from_group_from").addClass("or-text"); $(".or-text").parent().hide(); resetTravelerValue("HOTELS"); expedia.data = availableTagsDestination; showReturn(); var from = $("#from"); from.attr("placeholder", from.attr("ph-hotel")); var title = $("#from-title"); title.html(title.attr("nm-hotel")); var to_title = $("#to-title");to_title.html(to_title.attr("nm-hotel")); $("#to").attr("placeholder", $("#to").attr("ph-hotel")); $(".exph_from_group_to").show(); $(".exph_type_trip").hide(); var a = $(".label-date-1 small");a.html(a.attr("nm-hotel")); var b = $(".label-date-2 small");b.html(b.attr("nm-hotel")); $(".exph_from_group_traveler").show().css("display","block"); $(".exph_no_room").hide();$(".exph_room_slick").show(); $(".exph_room_btn_in").show(); }); $(".exph_button").eq(2).click(function(){ $(".col-travelers").removeAttr("style"); $(".exph_from_group_from").removeClass("or-text"); resetTravelerValue("BUNDLES"); expedia.data = availableTagsAirport; showReturn(); $("#from").val(defaultCity); var from = $("#from"); from.attr("placeholder", from.attr("ph-flight")); var title = $("#from-title"); title.html(title.attr("nm-flight")); var to_title = $("#to-title");to_title.html(to_title.attr("nm-flight")); $("#to").attr("placeholder", $("#to").attr("ph-flight")); $(".exph_from_group_to").show(); $(".exph_type_trip").hide(); var a = $(".label-date-1 small");a.html(a.attr("nm-flight")); var b = $(".label-date-2 small");b.html(b.attr("nm-flight")); $(".exph_from_group_traveler").show(); $(".exph_no_room").hide();$(".exph_room_slick").show(); $(".exph_room_btn_in").show(); }); $(".exph_button").eq(3).click(function(){ $(".col-travelers").css({"max-width":"50%","flex": "0 0 50%"}); $(".exph_from_group_from").removeClass("or-text"); resetTravelerValue("ACTIVITY"); expedia.data = availableTagsCityID; showReturn(); var from = $("#from"); from.attr("placeholder", from.attr("ph-activities")); var title = $("#from-title"); title.html(title.attr("nm-activities")); $(".exph_from_group_to").hide(); $(".exph_type_trip").hide(); var a = $(".exph_type_trip .exph_group_btn").eq(0);a.html(a.attr("nm-activities")); var b = $(".exph_type_trip .exph_group_btn").eq(1);b.html(b.attr("nm-activities")); var a = $(".label-date-1 small");a.html(a.attr("nm-activities")); var b = $(".label-date-2 small");b.html(b.attr("nm-activities")); $(".exph_from_group_traveler").hide(); $(".exph_no_room").show();$(".exph_room_slick").hide(); $(".exph_room_btn_in").hide(); $(".exph_from_group_to").hide(); }); $(".exph_button").click(function(){ $(".exph_button.active").removeClass("active"); $(".exph_from_group_to, .exph_from_group_from, #to, #from").css("background-color","white"); $(this).toggleClass("active"); $(".exph_package_container").show(); $(".input-error").removeClass("input-error"); $(".exph_dropdown_select").hide(); $("#depart").datepicker({ minDate: new Date() }); $("#return").datepicker({ minDate: new Date() }); //openExpPopup("hidden"); if($(window).width() >= 768){ if($(this).attr("data-type") == "FLIGHTS"){ //$( "#from" ).autocomplete('option', 'source', availableTagsAirport); $( "#to" ).autocomplete('option', 'source', availableTagsAirportID) } else if($(this).attr("data-type") == "HOTELS") { //$( "#from" ).autocomplete('option', 'source', []); $( "#to" ).autocomplete('option', 'source', []); } else if($(this).attr("data-type") == "BUNDLES") { $( "#to" ).autocomplete('option', 'source', availableTagsDestination); } } }); //keyup var typingTimer; var doneTypingInterval = 1000; var $input = $('#to'); $input.on('keyup', function () { var icon = $(this).parent().find('.icon-spin'); if(icon.length == 0 && $input.val() != ''){ $(this).parent().append('<span class="lnr lnr-sync icon-spin"></span>'); } clearTimeout(typingTimer); typingTimer = setTimeout(doneTyping, doneTypingInterval); }); $input.on('keydown', function () { clearTimeout(typingTimer); }); /*$( "#to" ).keyup(function(){ var type = $(".exph_button.active").attr("data-type"); var _this = $(this); if(type == "HOTELS") { var icon = _this.parent().find('.icon-spin'); if(icon.length == 0){ _this.parent().append('<span class="lnr lnr-sync icon-spin"></span>'); } $.ajax({ url: 'https://distribution-xml.booking.com/2.4/json/autocomplete?language=id;text=indonesia%20'+$( "#to" ).val(), headers: { 'Authorization':'Basic bWluaXN0cnlvZnRvdXJpc21pbmRvbmVzaWE6UEBzc3cwcmQxMjM0NQ==' }, method: 'GET', dataType: 'json', success: function(data){ response = data.result; _this.autocomplete('option', 'source', response); icon.remove(); } }); setTimeout(function(){ icon.remove(); },500); } });*/ /*$(".exph_btn_close").click(function(){ $(".exph_package_container").hide(); openExpPopup("auto"); });*/ $(".exph_group_btn").click(function(){ $(".exph_group_btn").removeClass("active"); $(this).addClass("active"); }); expedia.data = availableTagsAirport; if(expedia.data.length != undefined && $(window).width() >= 768){ $("#from").autocomplete({ source: function(request, response) { var detectRegion = "MEL"; var results = $.ui.autocomplete.filter(expedia.data, request.term); var term = $.ui.autocomplete.escapeRegex(request.term) , startsWithMatcher = new RegExp("^" + term, "i") , startsWith = $.grep(results, function(value) { return startsWithMatcher.test(value.label || value.value || value); }) , containsMatcher = new RegExp(term, "i") , contains = $.grep(results, function (value) { return $.inArray(value, startsWith) < 0 && containsMatcher.test(value.label || value.value || value); }); response(startsWith.concat(contains).slice(0,expedia.limit)); //response(results.slice(0, 100)); $(".ui-menu-item div").each(function(){ $(this).html($(this).text().split("|")[0]); }) }, minLength: 0, select: function( event, ui ) { event.preventDefault(); $(".tumbal").html(ui.item.label); $(this).val($(".tumbal").text().split("|")[0]); if($(".tumbal").text().split("|")[1]!=undefined) $(this).attr("data-hotelid",$(".tumbal").text().split("|")[1]); else $(this).removeAttr("data-hotelid"); var bookingType = $(".exph_button.active").attr("data-type"); if(bookingType == "FLIGHTS" || bookingType == "BUNDLES") { if($("#to").val() == "") { window.setTimeout(function(){$("#to").focus()}, 200); } } else { $("#depart").datepicker().data('datepicker').show(); } }, focus: function(event, ui){ if($(".exph_button.active").attr("data-type") == "HOTELS") { setTimeout(function(){$("#from").val(ui.item.value.split("|")[0])},0); } } }).focus(function(e){ var booktype = $(".exph_button.active").attr("data-type"); if(booktype == "ACTIVITIES"){ expedia.limit = 16; } else{ expedia.limit = 43; } $(this).val(""); $(this).data("uiAutocomplete").search($(this).val()); }) $("#to").autocomplete({ source: function(request, response) { var results = $.ui.autocomplete.filter(availableTagsAirportID, request.term); var term = $.ui.autocomplete.escapeRegex(request.term) , startsWithMatcher = new RegExp("^" + term, "i") , startsWith = $.grep(results, function(value) { return startsWithMatcher.test(value.label || value.value || value); }) , containsMatcher = new RegExp(term, "i") , contains = $.grep(results, function (value) { return $.inArray(value, startsWith) < 0 && containsMatcher.test(value.label || value.value || value); }); response(startsWith.concat(contains).slice(0,expedia.limit)); //response(results.slice(0, 100)); /*$(".ui-menu-item div").each(function(){ $(this).html($(this).text()); })*/ }, open: function( event, ui ) { if($(".exph_button.active").attr("data-type") == "HOTELS") { $(".ui-menu-item div").each(function(){ $(this).html($(this).text().split("|")[0]); }) } }, minLength: 0, select: function( event, ui ) { event.preventDefault(); $(".tumbal").html(ui.item.label); $(this).val($(".tumbal").text()); $(this).val($(".tumbal").text().split("|")[0]); if($(".tumbal").text().split("|")[1]!=undefined) $(this).attr("data-hotelid",$(".tumbal").text().split("|")[1]); else $(this).removeAttr("data-hotelid"); if($("#depart").val() == "") { $("#depart").datepicker().data('datepicker').show(); } } }).focus(function(e){ expedia.limit = 13; $(this).val(""); $(this).data("uiAutocomplete").search($(this).val()); }) } /* $("#from").keyup(function(){ var value = $(this).val(); var type = $(".exph_button.active").attr("data-type"); var result = expedia.sendDirection({ to: value, type: type }); if(expedia.data.length != undefined){ $("#from").autocomplete({ source: function(request, response) { var results = $.ui.autocomplete.filter(expedia.data, request.term); response(results.slice(0, 5)); $(".ui-menu-item div").each(function(){ $(this).html($(this).text()); }) }, minLength: 0, select: function( event, ui ) { event.preventDefault(); $(".tumbal").html(ui.item.label); $(this).val($(".tumbal").text()); } }).focus(function(){ $(this).data("uiAutocomplete").search($(this).val()); }); } }); $("#to").keyup(function(){ var value = 'indonesia%20'+$(this).val(); var type = $(".exph_button.active").attr("data-type"); var result = expedia.sendDirection({ to: value, type: type }); if(expedia.data.length != undefined){ $("#to").autocomplete({ source: function(request, response) { var results = $.ui.autocomplete.filter(expedia.data, request.term); response(results.slice(0, 5)); $(".ui-menu-item div").each(function(){ $(this).html($(this).text()); }) }, minLength: 0, select: function( event, ui ) { event.preventDefault(); $(".tumbal").html(ui.item.label); $(this).val($(".tumbal").text()); } }).focus(function(){ $(this).data("uiAutocomplete").search($(this).val()); }); } });*/ var datePickerPosition = "bottom"; var countrycode = 'en'; $("#depart").datepicker({ language: 'en',//countrycode, dateFormat: 'yyyy-mm-dd', autoClose: true, minDate: new Date(), position: datePickerPosition+" left", onSelect: function( selectedDate ) { $("#depart").removeClass("input-error"); var from = $("#depart").val().split('-'); var f = new Date(from[0],parseInt(from[1])-1,from[2]); var bookingType = $(".exph_button.active").attr("data-type"); if(bookingType == "BUNDLES" || bookingType == "HOTELS") { f.setDate(f.getDate() + 1); } //var f = new Date(from[1],from[2],from[0]); //if($('#return').val() < $('#depart').val()) //$('#return').datepicker().data('datepicker').selectDate(f); $('#return').datepicker().data('datepicker').update('minDate',f); $("#return").datepicker().data('datepicker').clear(); var bookingType = $(".exph_button.active").attr("data-type"); var typetrip = $(".exph_type_trip .active").attr("data-trip"); //$("#depart").datepicker().data('datepicker').hide(); setTimeout(function(){$(".datepicker").hide();},0); if($("#depart").val()!=""){ if(bookingType == "FLIGHTS" && typetrip == "OneWay") { setTimeout(function(){openTraveler();},50); } else { if($("#return").val() == "") { setTimeout(function(){$("#return").datepicker().data('datepicker').show();},50); } } } }, onShow: function(){ $("#return").datepicker().data('datepicker').hide(); if($(window).width() < 768) { if($(".exph_search_flight").parent().find("#datepickers-container").length < 1){ $("#datepickers-container").appendTo($(".exph_search_flight").parent()); //$("#datepickers-container").appendTo($("#widget--modal")); } rePositionDepart(); } $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month").click(function(){ setTimeout(function(){rePositionDepart();},0) }) }, onChangeMonth: function(){ rePositionDepart(); $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month").click(function(){ setTimeout(function(){rePositionDepart();},0) }) }, onChangeView: function(){ rePositionDepart(); $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month").click(function(){ setTimeout(function(){rePositionDepart();},0) }) }, onChangeDecade: function(){ rePositionDepart(); $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month").click(function(){ setTimeout(function(){rePositionDepart();},0) }) }, onChangeYear: function(){ rePositionDepart(); $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month").click(function(){ setTimeout(function(){rePositionDepart();},0) }) } }); $("#return").datepicker({ language: 'en',//countrycode, dateFormat: 'yyyy-mm-dd', minDate: new Date(), autoClose: true, position: datePickerPosition+" right", onSelect: function(){ if($("#return").val()!="") setTimeout(function(){openTraveler();$(".datepicker").hide();},50); $(".datepicker").hide(); $("#return").removeClass("input-error"); }, onShow: function(){ $("#depart").datepicker().data('datepicker').hide(); if($(window).width() < 768) { if($(".exph_search_flight").parent().find("#datepickers-container").length < 1){ $("#datepickers-container").appendTo($(".exph_search_flight").parent()); //$("#datepickers-container").appendTo($("#widget--modal")); } rePositionReturn(); } $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month, .datepicker--nav-action").click(function(){ setTimeout(function(){rePositionReturn();},0) }) }, onChangeMonth: function(){ rePositionDepart(); $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month, .datepicker--nav-action").click(function(){ setTimeout(function(){rePositionReturn();},0) }) }, onChangeView: function(){ rePositionDepart(); $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month, .datepicker--nav-action").click(function(){ setTimeout(function(){rePositionReturn();},0) }) }, onChangeDecade: function(){ rePositionDepart(); $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month, .datepicker--nav-action").click(function(){ setTimeout(function(){rePositionReturn();},0) }) }, onChangeYear: function(){ rePositionDepart(); $(".datepicker--nav-title, .datepicker--cell, .datepicker--cell-month, .datepicker--nav-action").click(function(){ setTimeout(function(){rePositionReturn();},0) }) } }); expedia.buttonElement(); expedia.buttonRoom(); var maxRoomT = 3, nowRoomT = 1; $(".traveler-add").click(function(){ addHeightExph("plus"); if(nowRoomT < maxRoomT) { $(".exph_parent_container").animate({scrollTop:$(".exph_parent_container").outerHeight()}, 750, 'swing'); var nowadultfirst = $("#adult-val-room-1").val(); $("#adult-val-room-1").val(parseInt(nowadultfirst) + 1); if(nowRoomT >= maxRoomT){return false;} var clone = $(".exph_room_slick:last").clone(); //$(".exph_dropdown_select").append(clone); $(".exph_room_btn_in").before(clone); // //$(".exph_room_slick").parent().append(clone); //clone.insertAfter($(".exph_room_slick:last-child")); var len = $(".exph_room_slick").length; var inc = parseInt($(".exph_room_title:last").find("label").html()) + 1; $(".exph_room_title:last").find("label").html(" "+inc); $(".exph_room_slick:last").find(".exph_remove_room").show().click(function(){ $(this).parent().parent().remove();addHeightExph("minus"); nowRoomT -= 1; var nowadult = $("#adult-val-room-1").val() $("#adult-val-room-1").val(parseInt(nowadult) - $(this).parent().parent().find(".adult-val").val()) var nowchild = $("#child-val-room-1").val() $("#child-val-room-1").val(parseInt(nowchild) - $(this).parent().parent().find(".child-val").val()) var nowinfant = $("#infant-val-room-1").val() $("#infant-val-room-1").val(parseInt(nowinfant) - $(this).parent().parent().find(".infant-val").val()); $(".traveler-add").show(); });; $(".exph_room_slick:last").find("input").val(0); $(".exph_room_slick:last").find(".adult-val").val(1); $(".exph_room_slick:last").attr("data-now-traveler","1"); $(".exph_room_slick:last").find(".age-child-room").html(""); $(".exph_room_slick:last").find(".age-infant-room").html(""); $(".exph_room_title:last").append(''); expedia.buttonRoom(); nowRoomT += 1; if(nowRoomT == 3) { $(".traveler-add").hide(); } } }); $(".btn_remove_exph").click(function(){ $(this).parent().parent().remove(); }); }); var expedia = { browser: 'firefox', urlDirection: 'https://suggest.expedia.com/api/v4/typeahead/', sendDirection: function(param){ //console.clear(); var objek = param; //alert(objek.type);return false; if(objek.type == "BUNDLES"){objek.type = "FLIGHTS"} var url = this.urlDirection +''+ objek.to +'?client=Homepage&siteid=1&guid=a5024497286648b2b299604446649b82&lob='+objek.type+'&locale=en_US&expuserid=-1&regiontype=95&ab=&dest=true&maxresults=10&features=ta_hierarchy%7Cnearby_airport&personalize=true&&format=jsonp&browser='+this.browser; $.ajax({ method: "GET", url: url, type:'json', success: function(data){ var availableTags = []; var data = data.substr(1); data = data.substring(0, data.length-1); var x = ""+data.toString()+""; var obj = JSON.parse(x); var availableTags = []; for(var i = 0;i<obj.sr.length;i++){ obj.sr[i].regionNames.displayName; availableTags.push(obj.sr[i].regionNames.displayName); } expedia.data = availableTags; } }); }, from: '', data: '', limit : 43, maxVal:40, nowTotal:1, maxValAdult: 30, maxValChild: 10, maxValInfant: 6, nowTotalAdult: 1, nowTotalChild: 0, nowTotalInfant: 0, maxValRoom:30, nowTotalRoom:1, incVal: function(to, type){ var newval = to.val(); var val = parseInt(newval); //if(this.nowTotal == 6){ // $(".message-error ul").html("<li>Only able to book between 1 and 6 travelers. Please adjust the number of travelers for your search.</li>"); //} if(type == "adult"){ if(this.nowTotalAdult < this.maxValAdult) { val += 1; to.val(val); this.nowTotalAdult += 1; } } else if (type == "child"){ if(this.nowTotalChild < this.maxValChild) { val += 1; to.val(val); this.nowTotalChild += 1; } } /*return false; if(this.nowTotal < this.maxVal){ if(val < this.maxVal){ val += 1; to.val(val); this.pasteAge(type); this.nowTotal += 1; //console.log("Now Total "+this.nowTotal); } }*/ }, decVal: function(to, type){ var newval = to.val(); var val = parseInt(newval); //if(this.nowTotal == 6){ //$(".message-error").html("No error found"); //} if(type == 'adult' && val > 1){ val -= 1; to.val(val); this.nowTotalAdult -= 1; } else if (type == 'child' && val > 0){ val -= 1; to.val(val); this.nowTotalChild -= 1; } return false; if(type=='child' || type=='infant'){ if(this.nowTotal > 0){ if(val > 0){ val -= 1; to.val(val); this.removeAge(type); this.nowTotal -= 1; //console.log("Now Total "+this.nowTotal); } } } else if(type=='adult' && val > 1){ val -= 1; to.val(val); this.removeAge(type); this.nowTotal -= 1; //console.log("Now Total "+this.nowTotal); } }, flightMax:16,FlightMaxAdult:9,FlightMaxChild:7,flightTotalAdult:1,flightTotalChild:0,flightPassenger:1, flightInc:function(to, to_label, type){ if(this.flightPassenger == this.flightMax){ alert("Searches cannot have more than "+this.flightMax+" travellers"); return false; } if(type == "adult"){ if(this.flightTotalAdult == this.FlightMaxAdult) { alert("Searches cannot have more than "+this.FlightMaxAdult+" adults"); } else { to.val(parseInt(to.val()) + 1); to_label.val(parseInt(to_label.val()) + 1); this.flightTotalAdult += 1; this.flightPassenger += 1; } } else if (type == "child") { if(this.flightTotalChild == this.FlightMaxChild) { alert("Searches cannot have more than "+this.FlightMaxChild+" children"); } else { to.val(parseInt(to.val()) + 1); to_label.val(parseInt(to_label.val()) + 1); this.flightTotalChild += 1; this.flightPassenger += 1; } } }, flightDec:function(to, to_label, type){ if(parseInt(to.val()) > 1 && type == "adult"){ to.val(parseInt(to.val()) - 1); to_label.val(parseInt(to_label.val()) - 1); this.flightTotalAdult -= 1; this.flightPassenger -= 1; } else if(parseInt(to.val()) > 0 && type == "child"){ to.val(parseInt(to.val()) - 1); to_label.val(parseInt(to_label.val()) - 1); this.flightTotalChild -= 1; this.flightPassenger -= 1; } }, buttonElement: function(){ $("#adult-minus").click(function(){ expedia.flightDec($("#adult-val"), $("#adult-val-shadow"),'adult'); }); $("#adult-plus").click(function(){ expedia.flightInc($("#adult-val"), $("#adult-val-shadow"),'adult'); }); $("#youth-child-minus").click(function(){ expedia.flightDec($("#youth-child-val"), $("#child-val-shadow"),'child'); }); $("#youth-child-plus").click(function(){ expedia.flightInc($("#youth-child-val"), $("#child-val-shadow"),'child'); }); $("#child-minus").click(function(){ expedia.flightDec($("#child-val"), $("#child-val-shadow"),'child'); }); $("#child-plus").click(function(){ expedia.flightInc($("#child-val"), $("#child-val-shadow"),'child'); }); $("#infant-minus").click(function(){ expedia.flightDec($("#infant-val"), $("#child-val-shadow"),'child'); }); $("#infant-plus").click(function(){ expedia.flightInc($("#infant-val"), $("#child-val-shadow"),'child'); }); $("#lap-infant-minus").click(function(){ expedia.flightDec($("#lap-infant-val"), $("#child-val-shadow"),'child'); }); $("#lap-infant-plus").click(function(){ expedia.flightInc($("#lap-infant-val"), $("#child-val-shadow"),'child'); }); }, buttonRoom: function(){ $(".exph_room_slick:last").find(".adult-minus").click(function(){ var theInp = $(this).parent().parent().find("input"); var value = parseInt(theInp.val()) - 1; if(value > 0){ var nowTotal = $(this).parent().parent().parent().attr("data-now-traveler"); $(this).parent().parent().parent().attr("data-now-traveler",parseInt(nowTotal) - 1); $(this).parent().parent().find("input").val(value); var nowShadowValue = $("#adult-val-room-1").val(); $("#adult-val-room-1").val(parseInt(nowShadowValue) - 1); expedia.nowTotalAdult -= 1; } }); $(".exph_room_slick:last").find(".room-minus").click(function(){ var theInp = $(this).parent().parent().find("input"); var value = parseInt(theInp.val()) - 1; if(value > 0){ //var nowTotal = $(this).parent().parent().parent().attr("data-now-traveler"); //$(this).parent().parent().parent().attr("data-now-traveler",parseInt(nowTotal) - 1); $(this).parent().parent().find("input").val(value); var nowShadowValue = $("#room-val-room-1").val(); $("#room-val-room-1").val(parseInt(nowShadowValue) - 1); expedia.nowTotalRoom -= 1; } }); $(".exph_room_slick:last").find(".child-minus, .infant-minus").click(function(){ var theInp = $(this).parent().parent().find("input"); var value = parseInt(theInp.val()) - 1; if(value >= 0){ var nowTotal = $(this).parent().parent().parent().attr("data-now-traveler"); $(this).parent().parent().parent().attr("data-now-traveler",parseInt(nowTotal) - 1); $(this).parent().parent().find("input").val(value); var typenya = $(this).last().parent().parent().find("div:first-child").attr("data-traveler-type"); if(typenya == "Child"){ $(this).last().parent().parent().find(".age-child-room select:last-child").remove(); var nowShadowValue = $("#child-val-room-1").val(); $("#child-val-room-1").val(parseInt(nowShadowValue) - 1); expedia.nowTotalChild -= 1; } else if(typenya == "Infant"){ $(this).last().parent().parent().find(".age-infant-room select:last-child").remove(); var nowShadowValue = $("#infant-val-room-1").val(); $("#infant-val-room-1").val(parseInt(nowShadowValue) - 1); } } }); $(".exph_room_slick:last").find(".adult-plus, .child-plus, .room-plus").click(function(){ var theInp = $(this).parent().parent().find("input"); var value = parseInt(theInp.val()) + 1; var nowTotal = $(this).parent().parent().parent().attr("data-now-traveler"); var nilaiNowTotal = parseInt(nowTotal);nilaiNowTotal = nilaiNowTotal + 1; if(nilaiNowTotal <= expedia.maxVal){ var typenya = $(this).last().parent().parent().find("div:first-child").attr("data-traveler-type"); if(typenya == "Room"){ if(expedia.nowTotalRoom < expedia.maxValRoom){ $(this).parent().parent().find("input").val(value); $("#room-val-room-1").val(value); expedia.nowTotalRoom += 1; } } else if(typenya == "Child"){ if(expedia.nowTotalChild < expedia.maxValChild){ var element = '<select class="select-child">'+expedia.ageChildBase()+'</select>'; $(this).last().parent().parent().find(".age-child-room").append(element); var nowShadowValue = $("#child-val-room-1").val(); $("#child-val-room-1").val(parseInt(nowShadowValue) + 1); expedia.nowTotalChild += 1; $(this).parent().parent().parent().attr("data-now-traveler",nilaiNowTotal); $(this).parent().parent().find("input").val(value); } } else if(typenya == "Infant"){ var element = '<select class="select-infant">'+expedia.ageInfantBase()+'</select>'; $(this).last().parent().parent().find(".age-infant-room").append(element); var nowShadowValue = $("#infant-val-room-1").val(); $("#infant-val-room-1").val(parseInt(nowShadowValue) + 1); $(this).parent().parent().parent().attr("data-now-traveler",nilaiNowTotal); $(this).parent().parent().find("input").val(value); } if(typenya == "Adult") { if(expedia.nowTotalAdult < expedia.maxValAdult){ var nowShadowValue = $("#adult-val-room-1").val(); $("#adult-val-room-1").val(parseInt(nowShadowValue) + 1); expedia.nowTotalAdult += 1; $(this).parent().parent().parent().attr("data-now-traveler",nilaiNowTotal); $(this).parent().parent().find("input").val(value); } } } }); }, ageChildBase: function(){ var text = 'Age'; var option = '<option value="age">'+text+'</option>'; for(var i=0;i<=17;i++){ option += '<option value="'+i+'">'+i+'</option>'; } return option; }, ageInfantBase: function(){ var text = 'Age'; var option = '<option value="age">'+text+'</option>'+ '<option value="0">< 1</option>'+ '<option value="1">1</option>'; return option; }, pasteAge: function(type){ if(type == "child"){ var el = '<select class="select-child">'+expedia.ageChildBase()+'</select>'; $(".age-child").append(el); } if(type == "infant"){ var el = '<select class="select-infant">'+expedia.ageInfantBase()+'</select>'; $(".age-infant").append(el); } }, removeAge: function(type){ if(type == "child"){ $(".age-child .select-child").last().remove(); } if(type == "infant"){ $(".age-infant .select-infant").last().remove(); } }, generateRandomSession: function(){ var longth = 20; var allc = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; var passgen = ''; for (var i = 0; i < longth; i++) { passgen += allc[Math.floor(Math.random() * allc.length)]; } return passgen; }, validation: function(from, to, departDate, returnDate, adult, child, infant, type){ var error = 0; if(type == 'HOTELS' || type == "BUNDLES") { adult = $("#adult-val-room-1").val(); } var careinfant = parseInt(adult); if(type == "BUNDLES") { if(from.val() == ''){ from.addClass("input-error");error += 1; } if(to.val() == ''){ to.addClass("input-error");error += 1; } } if(type == 'ACTIVITIES'){ if(from.val() == ""){ from.addClass("input-error");error += 1 } } if(type == 'HOTELS' || type == "BUNDLES") { infant = $("#infant-val-room-1"); $(".exph_room_slick").each(function(){ var child = $(this).find(".age-child-room select"); var infant = $(this).find(".age-infant-room select"); child.each(function(){ if($(this).val() == "age"){ $(this).addClass("input-error"); error += 1; } }); infant.each(function(){ if($(this).val() == "age"){ $(this).addClass("input-error"); error += 1; } }) }); if(error != 0) { //$(".message-error ul").append("<li>Select child and infant age.</li>"); ageComplete = false; $(".exph_dropdown_select").show(); } if(from.val() == "" && to.val() == "") { from.addClass("input-error");error += 1; to.addClass("input-error");error += 1; } } //console.log(error); if(this.trip == 'oneway' && from.val() == '' && type == 'FLIGHTS'){ from.addClass("input-error"); error += 1; } else if(this.trip == 'roundtrip' && type == 'FLIGHTS') { if(from.val() == ''){ from.addClass("input-error");error += 1; //$(".message-error ul").append("<li>Please select your origin.</li>"); } if(to.val() == ''){ if(type == "FLIGHTS"){ to.addClass("input-error"); error += 1; //$(".message-error ul").append("<li>Please select your destination.</li>"); } } } if(departDate.val() == ''){ departDate.addClass("input-error");error += 1; //$(".message-error ul").append("<li>Please select departure date.</li>"); } if(returnDate.val() == '' && $("#return").attr("disabled") == undefined){ returnDate.addClass("input-error");error += 1; //$(".message-error ul").append("<li>Please select return date.</li>"); } if(child.val() > 0){ var child_error = 0; $(".age-child select").each(function(){ if($(this).val() == 'age'){ $(this).addClass("input-error");error += 1; ageComplete = false; $(".exph_dropdown_select").show(); child_error += 1; } if($(this).val() > 11) { careinfant += 1; } }) //child_error > 0 ? $(".message-error ul").append("<li>Child age must be filled.</li>"): ""; } if(infant.val() > 0){ var infant_error = 0; $(".age-infant select").each(function(){ if($(this).val() == 'age'){ $(this).addClass("input-error");error += 1; ageComplete = false; $(".exph_dropdown_select").show(); infant_error += 1; } }) //infant_error > 0 ? $(".message-error ul").append("<li>Infant age must be filled.</li>") : ""; } if(careinfant < infant.val() && type !="HOTELS" && type !="FLIGHTS") { $(".age-infant select").addClass("input-error"); //$(".message-error ul").append("<li>Each infant in lap must be accompanied by a traveler age 12 or older.</li>"); if(error == 0) { alert("Each infant in lap must be accompanied by a traveler age 12 or older.") } error += 1; $(".exph_dropdown_select").css("display","block"); } $(".input-error").mousedown(function(){ $(this).removeClass("input-error"); }) return error; }, swapDirection: function(){ var from = $("#from"); var to = $("#to"); var fromVal = from.val(); var toVal = to.val(); if(fromVal != "" && toVal != "") { from.val(toVal);to.val(fromVal); $(".rotate-0").toggleClass("rotate-180"); } }, typeTrip: function(type){ if(type == 'oneway'){ //$(".rotate-0").hide(); //$(".from-in").eq(1).hide(); expedia.trip = 'oneway'; } else if(type == 'roundtrip'){ //$(".rotate-0").show(); //$(".from-in").eq(1).show(); expedia.trip = 'roundtrip'; } }, trip: 'roundtrip', } citylistinput = { show: function(){ $("input").blur(); this.el.addClass("show"); //window.scrollTo(0, 0); //document.body.scrollTop = 0; //$(".select-city-input").show("slide", { direction: "right" }, 300); setTimeout(function(){ //citylistinput.input.focus(); $(".input-destination-shadowing").focus(); //alert(); },300); //citylistinput.input.focus(); this.start(); }, hide: function(){ this.el.removeClass("show"); //$(".select-city-input").hide("slide", { direction: "left" }, 300); this.input.val(""); }, start: function(){ this.fillAutoComplete(); $(citylistinput.inputClass).autocomplete("enable"); }, value: function(){ this.input.val(); }, el: $(".select-city-input"), fillAutoComplete: function(){ if($(this.inputClass).data('ui-autocomplete') == undefined){ var input = $(this.inputClass); input.autocomplete({ open: function(event, ui) { $('.ui-autocomplete').off('menufocus hover mouseover mouseenter'); }, source: function(request, response) { var results = $.ui.autocomplete.filter(expedia.data, request.term); /*if(citylistinput.pasteTo == "#from") { var results = $.ui.autocomplete.filter(expedia.data, request.term); } else { var results = $.ui.autocomplete.filter(availableTagsAirportID, request.term); }*/ //response(results.slice(0,100)); var term = $.ui.autocomplete.escapeRegex(request.term) , startsWithMatcher = new RegExp("^" + term, "i") , startsWith = $.grep(results, function(value) { return startsWithMatcher.test(value.label || value.value || value); }) , containsMatcher = new RegExp(term, "i") , contains = $.grep(results, function (value) { return $.inArray(value, startsWith) < 0 && containsMatcher.test(value.label || value.value || value); }); response(startsWith.concat(contains).slice(0,expedia.limit)); $(".ui-menu-item div").each(function(){ $(this).html($(this).text().split("|")[0]); }) }, minLength: 0, select: function( event, ui ) { event.preventDefault(); $(".tumbal").html(ui.item.label); $(citylistinput.pasteTo).val($(".tumbal").text()); $(this).val($(".tumbal").text().split("|")[0]); var hotelid = "" if($(".tumbal").text().split("|")[1]!=undefined) { $(this).attr("data-hotelid",$(".tumbal").text().split("|")[1]); var hotelid = $(".tumbal").text().split("|")[1];} else $(this).removeAttr("data-hotelid"); $(citylistinput.pasteTo).val($(".tumbal").text()).attr("data-hotelid",hotelid); citylistinput.hide(); setTimeout(function() {$(document.activeElement).filter(':input:focus').blur();},3); //var field = document.createElement('input'); //field.setAttribute('type', 'text'); //field.setAttribute('style', 'opacity:0'); //document.getElementsByClassName("exph-menu-inline")[0].appendChild(field); //document.getElementById(citylistinput.pasteTo)[0].appendChild(field); /*setTimeout(function() { field.focus(); setTimeout(function() { field.remove(); //$(".exph_parent_container").animate({scrollTop:0}, 0); }, 5); }, 5); $("input").blur();*/ $(citylistinput.inputClass).autocomplete("disable"); //$(".exp-autocomplete-style").hide(); setTimeout(function() { if(citylistinput.pasteTo != "#from") { $("#depart").datepicker().data('datepicker').show(); if($(".exph_search_flight").parent().find("#datepickers-container").length < 1){ $("#datepickers-container").appendTo($(".exph_search_flight").parent()); } rePositionDepart(); } },300); //window.scrollTo(0, 0); //document.body.scrollTop = 0; }, classes: { "ui-autocomplete": "font-size-small exp-autocomplete-style", }, }).focus(function(){ var booktype = $(".exph_button.active").attr("data-type"); $(this).autocomplete("destroy"); //console.log(booktype); if(booktype == "HOTELS"){ if(citylistinput.pasteTo == "#from") { expedia.data = availableTagsDestination; expedia.limit = availableTagsDestination.length; } else { var newTags = availableTagsDestination.concat(availableTagsHotel); expedia.data = availableTagsHotel;//newTags; expedia.limit = 43; } ///////////////////////////////////////////////////////////////////////////////////////////////////// //$(this).autocomplete("destroy"); $(this).autocomplete({ source:[], select: function( event, ui ) { $(".tumbal").html(ui.item.label); $(citylistinput.pasteTo).val($(".tumbal").text()); citylistinput.hide(); setTimeout(function() { if(citylistinput.pasteTo != "#from") { $("#depart").datepicker().data('datepicker').show(); if($(".exph_search_flight").parent().find("#datepickers-container").length < 1){ $("#datepickers-container").appendTo($(".exph_search_flight").parent()); } rePositionDepart(); } },300); } }); var typingTimer; var doneTypingInterval = 1000; var $input = $(this); $input.on('keyup', function () { if(booktype == "HOTELS"){ var icon = $(this).parent().find('.icon-spin'); if(icon.length == 0 && $input.val() != ''){ $(this).parent().append('<span class="lnr lnr-sync icon-spin"></span>'); } clearTimeout(typingTimer); typingTimer = setTimeout(function(){citylistinput.keyup_search($input)}, doneTypingInterval); } }); $input.on('keydown', function () { if(booktype == "HOTELS"){ clearTimeout(typingTimer); } }); } else if (booktype == "ACTIVITIES") { expedia.data = availableTagsCityID; expedia.limit = 16; } else { //$(this).autocomplete("destroy"); if(citylistinput.pasteTo == "#from") { expedia.data = availableTagsAirport; expedia.limit = 43; } else { expedia.data = availableTagsAirportID; expedia.limit = 13; } $(this).autocomplete({ source:expedia.data, select: function( event, ui ) { $(".tumbal").html(ui.item.label); $(citylistinput.pasteTo).val($(".tumbal").text()); citylistinput.hide(); setTimeout(function() { if(citylistinput.pasteTo != "#from") { $("#depart").datepicker().data('datepicker').show(); if($(".exph_search_flight").parent().find("#datepickers-container").length < 1){ $("#datepickers-container").appendTo($(".exph_search_flight").parent()); } rePositionDepart(); } },300); } }); } $(this).val(""); //$(this).data("uiAutocomplete").search($(this).val()); //window.scrollTo(0, 0); //document.body.scrollTop = 0; }); } }, label: function(labelText, placeholder){ this.labelClass.find("small").html(labelText); this.input.attr("placeholder",placeholder) }, input: $(".input-destination-shadowing"), inputClass: ".input-destination-shadowing", from: $("#from"), pasteTo: "", labelClass: $(".input-destination-label"), keyup_search: function($input){ var booktype = $(".exph_button.active").attr("data-type"); if(booktype == "HOTELS"){ $input.autocomplete('option', 'source', []); var icon = $input.parent().find('.icon-spin'); var search_text = $input.val(); $.ajax({ url: 'https://distribution-xml.booking.com/2.4/json/autocomplete?language=id;text=indonesia%20'+search_text, headers: { 'Authorization':'Basic bWluaXN0cnlvZnRvdXJpc21pbmRvbmVzaWE6UEBzc3cwcmQxMjM0NQ==' }, method: 'GET', dataType: 'json', error: function(){ icon.remove(); }, success: function(data){ var response = data.result; var result_label = []; response.forEach(function(item){ result_label.push(item.label) }); $input.autocomplete('option', 'source', result_label); //icon.remove(); setTimeout(function(){ var e = jQuery.Event("keydown"); e.which = 32; // # Some key code value $input.trigger(e); //$input.val(search_text+" "); setTimeout(function(){ var e = jQuery.Event("keydown"); e.which = 8; // # Some key code value $input.trigger(e); icon.remove(); },250); },250); //console.log(result_label); } }); $input.val() == '' ? $input.autocomplete('option', 'source', []) : ''; } else { var icon = $input.parent().find('.icon-spin'); icon.remove(); } } } if($(window).width() < 768) { $("#from").click(function(){ citylistinput.show(); var labeling = $(this).parent().find("small").html(); var placeholder = $(this).attr("placeholder"); citylistinput.label(labeling, placeholder); citylistinput.pasteTo = "#from"; }); $("#to").click(function(){ citylistinput.show(); var labeling = $(this).parent().find("small").html(); var placeholder = $(this).attr("placeholder"); citylistinput.label(labeling, placeholder); citylistinput.pasteTo = "#to"; }); } $("#from").focus(function(){ if($(".exph_button.active").attr("data-type")=="HOTELS"){ $("#to").removeClass("input-error"); $("button[data-type='HOTELS']").attr("booking-type","DESTINATIONS"); $("#to").val("").css("background-color","#bcbcbc").parent().css("background-color","#bcbcbc"); $(this).val("").css("background-color","white").parent().css("background-color","white"); } }); $("#to").focus(function(){ if($(".exph_button.active").attr("data-type")=="HOTELS"){ $("#from").removeClass("input-error"); $("button[data-type='HOTELS']").attr("booking-type","HOTELS"); $("#from").val("").css("background-color","#bcbcbc").parent().css("background-color","#bcbcbc"); $(this).val("").css("background-color","white").parent().css("background-color","white"); } }); $(".popp").click(function(){ if($(this).hasClass("active")) { $(this).removeClass("active"); } }); function detectBrowserType(){ // Opera 8.0+ var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf('OPR/index.html') >= 0; if(isOpera){return "opera"} // Firefox 1.0+ var isFirefox = typeof InstallTrigger !== 'undefined'; if(isFirefox){return "firefox"} // Safari 3.0+ "[object HTMLElementConstructor]" var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification); if(isSafari){return "safari"} // Internet Explorer 6-11 var isIE = /*@cc_on!@*/false || !!document.documentMode; if(isIE){return "ie"} // Edge 20+ var isEdge = !isIE && !!window.StyleMedia; if(isEdge){return "edge"} // Chrome 1+ var isChrome = !!window.chrome && !!window.chrome.webstore; if(isChrome){return "chrome"} // Safari Mobile var userAgent = window.navigator.userAgent; if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) { return "safari mobile"; } return ""; } function addHeightExph(val){ if(detectBrowserType() == "safari mobile" && $(window).width() < 768) { var target_element = $(".exph_flight"); var now_val = target_element.css("padding-bottom"); var now_val_parse = parseInt(now_val);var the_val = ""; if(val == "minus"){ the_val = now_val_parse - 80; } else if(val == "plus"){ the_val = now_val_parse + 80; } target_element.css("padding-bottom",the_val+"px"); } } function getHotelsAPI(hotelname){ var response = ''; $.ajax({ url: 'https://distribution-xml.booking.com/2.4/json/autocomplete?language=en;text='+hotelname, headers: { 'Authorization':'Basic bWluaXN0cnlvZnRvdXJpc21pbmRvbmVzaWE6UEBzc3cwcmQxMjM0NQ==' }, method: 'GET', dataType: 'json', success: function(data){ response = data.result; console.log(data); } }); return response; } }; function check_session_ctrip() { if(window.location.href.indexOf("cid") > -1 || window.location.href.indexOf("CID") > -1){ if (typeof(Storage) !== "undefined") { if(sessionStorage.getItem("expediasession") == null) { //open the modal setTimeout(function(){$(".exph_button").eq(0).click();},1000); sessionStorage.setItem("expediasession", "open"); var startDate = new Date(); sessionStorage.setItem("expediasessiontime", startDate.getTime()); } else { if(sessionStorage.getItem("expediasessiontime") == null) { var startDate = new Date(); sessionStorage.setItem("expediasessiontime", startDate.getTime()); } else { var endDate = new Date(); var seconds = (endDate.getTime() - sessionStorage.getItem("expediasessiontime")) / 1000; var selisih = seconds / 60; if(selisih >= 120) { //open the modal setTimeout(function(){$(".exph_button").eq(0).click();},1000); var startDate = new Date(); sessionStorage.setItem("expediasessiontime", startDate.getTime()); } } } } else { console.log("Your browser does not support Web Storage...code=ExpediaP1"); } } } </script> <div class="tumbal" style="display:none"></div> <script> $(window).on('load', function(){ setTimeout(() => { check_session_ctrip(); }, 1000); }); </script> <style> .search-panel h2 { background-color:red; } .icon-spin { background-color:white; -webkit-animation-name: spin; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 800ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 800ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 800ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .select-city-input.show .icon-spin { height: 16px; margin-top: 10px; } .ui-widget.ui-widget-content { width: 76%; max-width: 400px !important; } .lir-tutup { font-size:10px !important; } </style> </sy></div> <div id="contentcontainer"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="slideshow-responsive-AT aem-GridColumn aem-GridColumn--default--12"> <div class="new-slideshow" autoplay-slick="false" autoplayspeed="5" root-country="en"> <div class="the-slideshow-item position-relative "> <div class="new-slide-capt container"> <h2 class="title-capt">3 Things You Need to Know About Indonesia Spice Up The World!</h2> <a href="trip-ideas/3-things-you-need-to-know-about-indonesia-spice-up-the-world.html" class="btn btn-success new-btn-primary">Discover More <span class="ml-2">❯</span></a>  </div> <picture> <source src="https://www.indonesia.travel/content/dam/indtravelrevamp/en/main-banner/banner-2023/januari/header/banner-india-4.jpg" media="(min-width: 768px)"> <img src="https://www.indonesia.travel/content/dam/indtravelrevamp/en/main-banner/banner-2023/januari/mobile/mobile-india-4.jpg" class="img-object" alt="3 Things You Need to Know About Indonesia Spice Up The World!" loading="eager"> </picture> </div> <div class="the-slideshow-item position-relative unshow"> <div class="new-slide-capt container"> <h2 class="title-capt">38 Destinations to Explore for Your Next Holiday Bucket List in Indonesia!</h2> <a href="trip-ideas/38-destinations-in-indonesia.html" class="btn btn-success new-btn-primary">Discover More <span class="ml-2">❯</span></a>  </div> <picture> <source src="https://www.indonesia.travel/content/dam/indtravelrevamp/en/main-banner/banner-2023/januari/header/banner-india-3.jpg" media="(min-width: 768px)"> <img src="https://www.indonesia.travel/content/dam/indtravelrevamp/en/main-banner/banner-2023/januari/mobile/mobile-india-3.jpg" class="img-object" alt="38 Destinations to Explore for Your Next Holiday Bucket List in Indonesia!" loading="eager"> </picture> </div> </div> <div class="new-slide-nav"> <div class="container"> <div class="row"> <div class="slide-nav-li col active" data-slide-to="0"> <span>Spice Things Up</span> </div> <div class="slide-nav-li col " data-slide-to="1"> <span>Where to Go Next?</span> </div> </div> </div> </div> </div> <div class="custom-css-js aem-GridColumn aem-GridColumn--default--12"> <style> </style> <script> </script> </div> <div class="ghost aem-GridColumn aem-GridColumn--default--12"> </div> <div class="video-carousel aem-GridColumn aem-GridColumn--default--12"> </div> <div class="homepage-highlight-destination aem-GridColumn aem-GridColumn--default--12"> <section class="destination-highlight-revamp my-5 py-4"> <div class="container"> <h2 class="section-title my-4">Destination Highlight</h2> <div class="row row-cols-md-3 row-cols-2 row-cols-sm-2 row-cols-lg-3 row-cols-xl-5 g-4"> <div class="col highlight-item onpagination-load "> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/sumatra/lake-toba.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/sumatra/north-sumatra/lake-toba/toba-thumbnail.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Lake Toba" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Lake Toba</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/java/magelang-regency/borobudur.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/java/central-java/headerborobudur.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Borobudur" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Borobudur</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/bali-nusa-tenggara/lombok/mandalika.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/revisi-2020/revamp-image/mandalika/thumbnail.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Mandalika" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Mandalika</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/bali-nusa-tenggara/labuan-bajo.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/revisi-2020/destinations-thumbnail/Labuan-Bajo-Thumbnail.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Labuan Bajo" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Labuan Bajo</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/sulawesi/likupang-beach-introducing-another-beautiful-place-in-indonesia.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/revision-2019/all-revision-destination/sulawesi/Likupang.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Likupang" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Likupang</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/bali-nusa-tenggara/bali.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/revisi-2020/destinations-thumbnail/Bali-Thumbnail.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Bali" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Bali</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/maluku-papua/raja-ampat.html"> <img src="../../content/dam/indtravelrevamp/en/homepage-hightlight-destination/rajaampatbaruu-res.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Raja Ampat" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Raja Ampat</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/maluku-papua/halmahera-island/morotai-island.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/revisi-2020/morotaithumbnail.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Morotai" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Morotai</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/sumatra/belitung/tanjung-kelayang.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/sumatra/tanjung-kelayang/Header_TanjungKelayang.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Tanjung Kelayang" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Tanjung Kelayang</h6> </div> </a> </div> <div class="col highlight-item onpagination-load onhide"> <a style="--bs-aspect-ratio: 125%" class="ratio d-block rounded-3 overflow-hidden" href="destinations/java/dki-jakarta.html"> <img src="../../content/dam/indtravelrevamp/en/destinations/revisi-2020/destinations-thumbnail/Jakarta_thumbnail.jpg" class=" bg-img w-100 h-100 object-fit-cover position-absolute top-0" alt="Jakarta" loading="lazy"/> <div class="overlay-text position-absolute top-0 w-100 px-4 text-center d-flex h-100 justify-content-center align-items-end"> <h6 class="text-white pb-2 mb-4">Jakarta</h6> </div> </a> </div> </div> </div> </section> </div> <div class="email-subscribe aem-GridColumn aem-GridColumn--default--12"> <section class="email-subscribe-section my-5 py-4"> <form method="post" accept-charset="UTF-8" action="#" id="form_subscribe" novalidate="novalidate"> <div class="container"> <div class="row content" style="background-image:url(../../content/dam/indtravelrevamp/home-revamp/suscribebanner-v1.jpg);"> <div class="offset-lg-3 col-lg-9 col-sm-12 subscribe-form"> <div class="container subscribe-form-content"> <h3>Subscribe and Get Free Travel E-Book</h3> <div class="row"> <div class="col-lg-9 col-sm-12 form-element"> <input placeholder="Enter your email address ..." type="email" class="text-center form-control" name="email_subscribe" id="email_subscribe" autocomplete="off" data-country="us"/> </div> <div class="col-lg-3 col-sm-12 form-element"> <button class="btn w-100 btn-block btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#modal-email-subscribe"> SUBSCRIBE </button> </div> </div> </div> </div> <div class="overlay"></div> </div> </div> </form> </section> <div class="modal fade" id="modal-email-subscribe" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header border-0"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body border-0 py-0"> <div class=""> <div class="form-check"> <input class="form-check-input" type="checkbox" id="email-subscribe-agreement"> <label class="form-check-label" for="email-subscribe-agreement"> I consent to the Company providing my data to third parties when deemed necessary </label> </div> </div> </div> <div class="modal-footer border-0"> <button type="button" class="btn btn-primary w-100" id="subscribe_mail">SUBSCRIBE</button> </div> </div> </div> </div> <div class="modal fade" id="modal-email-thanks" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header border-0"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body border-0 py-0"> <div class="text-center"> <h5 class="text-blue pb-4" id="result-message">Thank you for subscribing to our travel guide newsletter. We know you will enjoy it!</h5> </div> </div> </div> </div> </div> </div> <div class="livefyre-carousel-sg aem-GridColumn aem-GridColumn--default--12"> <section class="instagram-section-revamp my-5 py-4"> <div class="container"> <h2 class="section-title">Travel Inspiration</h2> <div class="row justify-content-center row-cols-2 row-cols-sm-4 row-cols-lg-5 g-3 g-lg-4"> <div class="col ig-item" data-index="0"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/1.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="1"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/2.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="2"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/3.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="3"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/4.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="4"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/5.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="5"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/6.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="6"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/7.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="7"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/8.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="8"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/9.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> <div class="col ig-item" data-index="9"> <a href="#" class="ratio d-block ratio-1x1 overflow-hidden rounded-3" data-bs-toggle="modal" data-bs-target="#modal-ig"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/10.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> <i class="fa fa-instagram text-end p-2 text-white"></i> </a> </div> </div> <div class="break-line mt-5"> <hr/> </div> </div> </section>  <div class="modal fade" id="modal-ig" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content "> <div class="modal-body p-0 m-0 position-relative border-0"> <button type="button" class="btn-close m-3 position-absolute end-0 top-0" data-bs-dismiss="modal" aria-label="Close"></button> <div class="row modal-content-slider mb-0"> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/1.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> Witness this rare moment captured by <a href="https://www.instagram.com/watchluke/" target="_blank">@watchluke</a>; a monkey sitting in front of the landscape of Kelingking Beach in Nusa Penida. Nature has a way of showing us some extraordinary sights. So let it heal itself while you stay at home. Inspire people to make their own <a href="https://www.instagram.com/explore/tags/indonesiabucketlist/" target="_blank">#IndonesiaBucketList</a> by sharing your past travelling moments in Indonesia on your social media. Don’t forget to use hashtag <a href="https://www.instagram.com/explore/tags/indonesiabucketlist/" target="_blank">#IndonesiaBucketList</a> and mention us <a href="https://www.instagram.com/indtravel/" target="_blank">@indtravel</a> or add hashtag <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> for a chance to be featured. <a href="https://www.instagram.com/explore/tags/traveltomorrow/" target="_blank">#TravelTomorrow</a> <a href="https://www.instagram.com/explore/tags/stayathome/" target="_blank">#StayatHome</a> <a href="https://www.instagram.com/explore/tags/thoughtfulindonesia/" target="_blank">#ThoughtfulIndonesia</a> <a href="../../gb/en/trip-ideas/11-amazing-trip-ideas-for-your-holiday-in-bali.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/2.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> Literally translated as "the boiling lake", Kelimutu has three craters that apparently change colors and alternating between green, red, and blue which always independent of one another. Located in Flores, East Nusa Tenggara, you can take public transportation from Moni, the closest small town, to get to the parking lot before Kelimutu’s peak. From there, hike to see the otherworldly spectacle from the top of the world. 📷: <a href="https://www.instagram.com/thefreedomcomplex/" target="_blank">@thefreedomcomplex</a> <a href="https://www.instagram.com/explore/tags/kelimutu/" target="_blank">#Kelimutu</a> <a href="https://www.instagram.com/explore/tags/eastnusatenggara/" target="_blank">#EastNusaTenggara</a> <a href="https://www.instagram.com/explore/tags/indonesia/" target="_blank">#Indonesia</a> <a href="https://www.instagram.com/explore/tags/travel/" target="_blank">#Travel</a> <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> <a href="../../gb/en/destinations/bali-nusa-tenggara/flores/lake-kelimutu.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/3.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> This picture taken by <a href="https://www.instagram.com/furstset/" target="_blank">@furstset</a> shows the 47-meter-tall majestic Prambanan Temple in Yogyakarta. This temple is easy to get to; simply take a bus from Tugu Train Station or Halte Malioboro 1. Dream big. Never stop believing. The Earth is gradually healing. We are waiting for the best time for you to come and visit us. Inspire people to make their own <a href="https://www.instagram.com/explore/tags/indonesiabucketlist/" target="_blank">#IndonesiaBucketList</a> by sharing your past travelling moments in Indonesia on your social media. Don’t forget to use hashtag <a href="https://www.instagram.com/explore/tags/indonesiabucketlist/" target="_blank">#IndonesiaBucketList</a> and mention us <a href="https://www.instagram.com/indtravel/" target="_blank">@indtravel</a> or add hashtag <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> for a chance to be featured. <a href="https://www.instagram.com/explore/tags/traveltomorrow/" target="_blank">#TravelTomorrow</a> <a href="https://www.instagram.com/explore/tags/stayathome/" target="_blank">#StayatHome</a> <a href="https://www.instagram.com/explore/tags/thoughtfulindonesia/" target="_blank">#ThoughtfulIndonesia</a> <a href="../../gb/en/destinations/java/yogyakarta/prambanan.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/4.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> Covered by thin mist all over the village, Wae Rebo in Flores, East Nusa Tenggara is deservingly holding the title "the town above the clouds". Reach this truly fascinating traditional village from Labuan Bajo Airport through Ruteng City and then proceed to Denge Village before trekking for 4 hours to Wae Rebo. 📸: <a href="https://www.instagram.com/backpackertampan/" target="_blank">@backpackertampan</a> <a href="https://www.instagram.com/explore/tags/waerebo/" target="_blank">#WaeRebo</a> <a href="https://www.instagram.com/explore/tags/eastnusatenggara/" target="_blank">#EastNusaTenggara</a> <a href="https://www.instagram.com/explore/tags/indonesia/" target="_blank">#Indonesia</a> <a href="https://www.instagram.com/explore/tags/travel/" target="_blank">#Travel</a> <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> <a href="../../gb/en/trip-ideas/looking-for-a-different-experience-around-komodo-national-park-visit-these-7-epic-gems-in-flores.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/5.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> How are you doing? We hope you're holding up strong and waiting to fulfill your desire to travel. Let this picture of Padar Island, by <a href="https://www.instagram.com/justkay/" target="_blank">@justkay</a>, spark your inspiration. It might not be safe to travel right now, but planning for the future is always good. Inspire people to make their own <a href="https://www.instagram.com/explore/tags/indonesiabucketlist/" target="_blank">#IndonesiaBucketList</a> by sharing your past travelling moments in Indonesia on your social media. Don’t forget to use hashtag <a href="https://www.instagram.com/explore/tags/indonesiabucketlist/" target="_blank">#IndonesiaBucketList</a> and mention us <a href="https://www.instagram.com/indtravel/" target="_blank">@indtravel</a> or add hashtag <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> for a chance to be featured. <a href="https://www.instagram.com/explore/tags/traveltomorrow/" target="_blank">#TravelTomorrow</a> <a href="https://www.instagram.com/explore/tags/stayathome/" target="_blank">#StayatHome</a> <a href="https://www.instagram.com/explore/tags/thoughtfulindonesia/" target="_blank">#ThoughtfulIndonesia</a> <a href="../../gb/en/trip-ideas/11-irresistible-ideas-to-get-the-best-summer-adventure-in-east-nusa-tenggara.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/6.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> Here’s a bird’s-eye view picture of Raja Ampat, from <a href="https://www.instagram.com/thetravelertwins/" target="_blank">@thetravelertwins</a>, to inspire you to keep dreaming and never lose hope. The wait is coming to an end. Be a little stronger. Inspire people to make their own <a href="https://www.instagram.com/explore/tags/indonesiabucketlist/" target="_blank">#IndonesiaBucketList</a> by sharing your past travelling moments in Indonesia on your social media. Don’t forget to use hashtag <a href="https://www.instagram.com/explore/tags/indonesiabucketlist/" target="_blank">#IndonesiaBucketList</a> and mention us <a href="https://www.instagram.com/indtravel/" target="_blank">@indtravel</a> or add hashtag <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> for a chance to be featured. <a href="https://www.instagram.com/explore/tags/traveltomorrow/" target="_blank">#TravelTomorrow</a> <a href="https://www.instagram.com/explore/tags/stayathome/" target="_blank">#StayatHome</a> <a href="https://www.instagram.com/explore/tags/thoughtfulindonesia/" target="_blank">#ThoughtfulIndonesia</a> <a href="../../gb/en/trip-ideas/7-exciting-adventures-for-your-next-travel-bucket-list.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/7.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> May this picture of Pulo Cinta in Gorontalo, by <a href="https://www.instagram.com/backpackertampan/" target="_blank">@backpackertampan</a>, remind you that love is still here, holding us together in these difficult times. Let your dearest ones know how much you love them. • Spark positivity during these hard times by sharing your past moments <a href="https://www.instagram.com/explore/tags/wheninindonesia/" target="_blank">#WheninIndonesia</a> on your social media. Don’t forget to use hashtag <a href="https://www.instagram.com/explore/tags/wheninindonesia/" target="_blank">#WheninIndonesia</a> and mention us <a href="https://www.instagram.com/indtravel/" target="_blank">@indtravel</a> or add hashtag <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> for a chance to be featured. <a href="https://www.instagram.com/explore/tags/stayathome/" target="_blank">#StayatHome</a> <a href="https://www.instagram.com/explore/tags/traveltomorrow/" target="_blank">#TravelTomorrow</a> <a href="https://www.instagram.com/explore/tags/thoughtfulindonesia/" target="_blank">#ThoughtfulIndonesia</a> <a href="../../gb/en/destinations/sulawesi/gorontalo/pulo-cinta.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/8.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> Stood over 2,329 meters above the sea level and situated 35 kilometers away from the city of Malang, Mount Bromo might not be the tallest mountain in the entire Java, but it sure delivers an otherworldly spectacle. Climbing to the summit takes about 20-30 minutes depending on how quickly you can haul yourself up the sandy slope. Dare to try the challenging experience? A friendly reminder before visiting: a healthy lifestyle determines 📸: <a href="https://www.instagram.com/fedorovdmitry/" target="_blank">@fedorovdmitry</a> <a href="https://www.instagram.com/explore/tags/mountbromo/" target="_blank">#MountBromo</a> <a href="https://www.instagram.com/explore/tags/indonesia/" target="_blank">#Indonesia</a> <a href="https://www.instagram.com/explore/tags/travel/" target="_blank">#Travel</a> <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> <a href="../../gb/en/trip-ideas/interesting-spots-you-can-visit-on-your-next-road-trip-adventure-to-east-java.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/9.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> We understand that one needs a lot of patience to remain indoors and avoid traveling at this moment. But your strong patience is what’s needed the most to make this world safe to travel again. Although the site is still temporarily closed, let us add the beauty of Komodo National Park in East Nusa Tenggara to your timeline in the hope that it positively inspires you to create a <a href="https://www.instagram.com/explore/tags/traveltomorrow/" target="_blank">#TravelTomorrow</a> wishlist. 📸: <a href="https://www.instagram.com/van_taylan/" target="_blank">@van_taylan</a> • • Spark positivity during these hard times by sharing your past moments <a href="https://www.instagram.com/explore/tags/wheninindonesia/" target="_blank">#WheninIndonesia</a> on your social media. Don’t forget to use hashtag <a href="https://www.instagram.com/explore/tags/wheninindonesia/" target="_blank">#WheninIndonesia</a> and mention us <a href="https://www.instagram.com/indtravel/" target="_blank">@indtravel</a> or add hashtag <a href="https://www.instagram.com/explore/tags/wonderfulindonesia/" target="_blank">#WonderfulIndonesia</a> for a chance to be featured. <a href="https://www.instagram.com/explore/tags/stayathome/" target="_blank">#StayatHome</a> <a href="https://www.instagram.com/explore/tags/thoughtfulindonesia/" target="_blank">#ThoughtfulIndonesia</a> <a href="../../gb/en/trip-ideas/catch-this-complete-itinerary-for-3-day-s-trip-to-labuan-bajo-komodo.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row row-content g-0 justify-content-center"> <div class="col-12 col-lg-7 position-relative modal-img-container overflow-hidden"> <img src="../../content/dam/indtravelrevamp/user-generated-content/ugc-july-2020/gb-en/10.jpg" class=" w-100 h-100 position-absolute object-fit-cover top-0" alt="" loading="lazy"/> </div> <div class="col-12 col-lg-5 modal-img-content"> <div class="p-4"> <div class="container"> <div class="d-flex mb-3 align-items-center destination-profile"> <img width="50" src="../../content/dam/indtravelrevamp/user-generated-content/logokemenparugc.jpg" loading="lazy"> <h5 class="ms-2"><a href="https://www.instagram.com/wonderfulindonesia/" class="text-dark" target="_blank">Wonderful.Indonesia</a></h5> </div> Let this picture from <a href="https://www.instagram.com/sashajuliard/" target="_blank">@sashajuliard</a> virtually transport you to Kenawa Island, West Nusa Tenggara while you keep lying in your bed and <a href="https://www.instagram.com/explore/tags/stayathome/" target="_blank">#StayatHome</a>. Don’t worry. Soon you will be able to feel the tropical breeze touch your skin again. But right now, it’s time to rest for a while and distance ourselves from the outside world while the Earth heals. <a href="https://www.instagram.com/explore/tags/stayathome/" target="_blank">#StayatHome</a> <a href="https://www.instagram.com/explore/tags/traveltomorrow/" target="_blank">#TravelTomorrow</a> <a href="../../gb/en/trip-ideas/5-best-images-to-inspire-your-travel-dream-today.html" class="text-decoration-none destination-link"> <div class="d-flex mt-4 align-items-center justify-content-center"> <img width="50" src="../../content/dam/indtravelrevamp/page-assets/SEE-DESTINATION-ICON.png" loading="lazy"> <p class="mb-0 ms-2">See the Destination</p> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="travel-blog-list aem-GridColumn aem-GridColumn--default--12"> </div> <div class="travel-guide aem-GridColumn aem-GridColumn--default--12">  <section class="guide-section py-5 mb-0 "> <div class="container"> <h2 class="section-title">Travel Guide</h2> <div class="row "> <div class="col-lg-4 guide-item col-sm-12 content "> <a class="card overflow-hidden " href="i-do-care-covid19.html"> <img src="../../content/dam/indtravelrevamp/home-revamp/idocare.jpg" alt="InDOnesia CARE" class="position-absolute img-object" style="top: 0;left: 0;" loading="lazy"> <div class="card-body" style="padding: 20px"> <div class="icon"> <img src="../../content/dam/indtravelrevamp/home-revamp/indonesia_care.svg" loading="lazy" width="100%" alt="InDOnesia CARE"/> </div> <h4 style="text-shadow: 0px 0px 30px rgb(0 0 0) !important;"> <b>InDOnesia CARE</b> </h4> </div> </a> <p> <small>The Ministry of Tourism and Creative Economy introduced InDOnesia CARE, a symbol of support for Indonesia’s strong effort in implementing the cleanliness, health, safety, and environment protocols across the tourism industry as mandatory precautions. All to assure travelers that InDOnesia CARE for your safety, health, hygiene and comfort.</small> </p> </div> <div class="col-lg-4 guide-item col-sm-12 content "> <a class="card overflow-hidden " href="news/applying-for-indonesian-visa-is-faster-and-easier-with-e-visa.html"> <img src="../../content/dam/indtravelrevamp/home-revamp/e-paspor.jpg" alt="E-Visa" class="position-absolute img-object" style="top: 0;left: 0;" loading="lazy"> <div class="card-body" style="padding: 20px"> <div class="icon"> <img src="../../content/dam/indtravelrevamp/home-revamp/e_passport.svg" loading="lazy" width="100%" alt="E-Visa"/> </div> <h4 style="text-shadow: 0px 0px 30px rgb(0 0 0) !important;"> <b>E-Visa</b> </h4> </div> </a> <p> <small>Make sure to learn about all the immigration requirements that should be fulfilled before visiting Indonesia, including e-passport and e-visa.</small> </p> </div> <div class="col-lg-4 guide-item col-sm-12 content "> <a class="card overflow-hidden " href="general-information.html"> <img src="../../content/dam/indtravelrevamp/home-revamp/informasi-umum-v1.jpg" alt="General Information" class="position-absolute img-object" style="top: 0;left: 0;" loading="lazy"> <div class="card-body" style="padding: 20px"> <div class="icon"> <img src="../../content/dam/indtravelrevamp/home-revamp/generalinfo.svg" loading="lazy" width="100%" alt="General Information"/> </div> <h4 style="text-shadow: 0px 0px 30px rgb(0 0 0) !important;"> <b>General Information</b> </h4> </div> </a> <p> <small>Find everything you need to know about how to get here, what regulations that should be noted, and many other things vital in arranging your travel plan to Indonesia.</small> </p> </div> </div> </div> </section> </div> <div class="ghost aem-GridColumn aem-GridColumn--default--12"> </div> <div class="ghost aem-GridColumn aem-GridColumn--default--12"> </div> <div class="ghost aem-GridColumn aem-GridColumn--default--12"> </div> <div class="new newpar section aem-Grid-newComponent"> </div> </div></div> <div> <section class="footer-page"> <div class="container"> <div class="row content justify-content-between"> <div class="col-lg-4 col-sm-12 logo-wrapper flex-column align-items-center text-lg-start text-center align-items-lg-start"> <img height="70px" class="ms-lg-4 ps-lg-3" src="../../content/dam/indtravelrevamp/en/logo.png" alt=""/> <div class="d-flex social mt-4"> <a target="_blank" href="http://www.facebook.com/WonderfulIndonesia" title="Facebook" class="social-link"> <i class="fa fa-facebook"></i> </a> <a target="_blank" href="http://twitter.com/wonderfulid" title="Twitter" class="social-link"> <i class="fa fa-twitter"></i> </a> <a target="_blank" href="http://instagram.com/wonderfulindonesia/" title="Instagram" class="social-link"> <i class="fa fa-instagram"></i> </a> <a target="_blank" href="http://www.youtube.com/c/wonderfulindonesiaofficial" title="Youtube" class="social-link"> <i class="fa fa-youtube"></i> </a> <a target="_blank" href="https://www.tiktok.com/@wonderfulid" title="Tiktok" class="social-link"> <img src="../../content/dam/indtravelrevamp/en/icon/tiktok-brands.svg" width="60%"> </a> </div> </div> <div class="col-lg-8 col-sm-12 flex-wrap text-center d-flex links justify-content-center justify-content-lg-end align-items-center footer-revamp-link"> <div class="microsite-links row align-items-center w-100"> <div class="col-lg-6 col-12"> <h4 class="text-warning text-center text-lg-end mb-lg-0">Visit our other website</h4> </div> <div class="col-lg-6 col-12 select-container my-4"> <select class="form-control w-100"> <option value="">Choose Website</option> <option value="../../yachts/en/yachts.html">Yacht Indonesia</option> <option value="../../cruise/en/home.html">Cruise</option> <option value="../../event/id/home.html">Event</option> <option value="../../desawisata/id/home.html">Desa Wisata</option> <option value="../../creative/id/home.html">Creative</option> </select> <input id="target-url" type="hidden"/> </div> </div> <div class="other-links text-center text-lg-end"> <a href="cookie-policy.html" class="old-cookie-privacy-term">Cookie Policy</a> <a href="privacy-policy.html" class="old-cookie-privacy-term">Privacy Policy</a> <a href="term-condition.html" class="old-cookie-privacy-term">Terms and Conditions</a> <a href="contact.html">Contact Us</a> <a href="general-information/wonderful-indonesia.html">About</a> </div> </div> </div> </div> <div class="row mx-0 pt-5 mb-n4 footer-text mt-5 justify-content-center align-items-center" style="border-top : #112443 solid 1px"> <div class="col-9 text-center"> <div class="container"> <p class="explanation mx-n4"> This is the official website of the Ministry of Tourism, Republic of Indonesia. The contents listed on this website are intended for informational purposes rather than commercial. Any displayed sale is meant as a token of partnership and will always redirect you to our partners' sites. </p> </div> </div> </div> </section> </div> <div><style> .sidemenu { width:55px; height: 150px; position:fixed; top: 174px; right:-100px; font-size: smaller; transition:right 1s, tranform 1s, width .2s; transition-delay: .25s; z-index: 98; border-top-left-radius:10px; border-bottom-left-radius:10px; } .sidemenu:hover { width: 210px; transition-delay: 0s; } .sidemenu a { /*height: 100px; text-align: center; font-size: xx-small; color: white; padding-top: 15px; padding-bottom: 15px; font-weight: 900;*/ height: 50px; width: 100%; color: white; position: relative; display: block !important; text-decoration:none; overflow:hidden; } .sidemenu a:hover { filter: brightness(120%); } .sidemenu-show { right:0px; bottom:0px; } .sidemenu-hide { right:-50px; bottom:-50px; } .box-shadow { -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); box-shadow: 0 0 4px rgba(0,0,0,0.4); } .sticky-hide { right:-50px; } .sticky-show { right:0px; } .hidePanelSticky { left: 0; top: 0; transform: translateX(-100%); position: absolute; z-index: 9999; font-weight: bold; padding: 0 7px; background-color: #d71984; color: white; height: 27px; line-height: 150%; cursor:pointer; } .hidePanelSticky:hover { opacity:0.8; } .sidemenu-icon { height: 32px; width: 32px; background-size: 32px; margin: 8px; float: right; margin-right: 11px; } .sticky-menu-desc { height: 100%; padding: 14px 17px; letter-spacing: 1px; font-size: 14px; float: left; } .sidemenu-icon:first-child { } .sidemenu-icon:last-child { background-position: 0px -60px; width: 25px; background-size: 90px 30px; } @media (min-width: 576px) { .hidePanelSticky { display:none; } .sidemenu { border-top-left-radius:7px; border-bottom-left-radius:7px; } .sidemenu a:first-child { border-top-left-radius:7px; } .sidemenu a:last-child { border-bottom-left-radius:7px; } } @media (max-width: 575px) { .sidemenu:hover { width: 100%; } .sidemenu { width:100%; height:50px; top: auto; right:0; } .footer-content { /*padding-bottom: calc(1.5em + 100px) !important;*/ } .hidePanelSticky { right: 0; left: auto; transform: rotate(90deg) translateX(-100%); position: absolute; z-index: 9999; font-weight: bold; padding: 0 7px; background-color: #d71984; color: white; height: 27px; width: 27px; line-height: 190%; cursor: pointer; } .sticky-hide { right:auto; transform: translateY(100%); } .sticky-show { right:auto; bottom: -2px; } .sidemenu a { height: 100%; width:33.333333%; } .sticky-menu-desc { height: 100%; padding: 0; letter-spacing: 1px; font-size: 8px; float: left; margin-top: 20px; } .sidemenu-icon { height: 25px; width: 25px; background-size: 25px; margin: 15px; float: left; margin-right: 11px; } } </style> <div class="sidemenu col box-shadow" id="sidemenu-action"> <div class="hidePanelSticky" onclick="hideSticky()"><i class="fa fa-forward"></i></div> <div class="row"> <a href="home.html" class="" style="background-color:#c8337c;"> <div class="sidemenu-icon" style="background-image:url(../../content/dam/indtravelrevamp/page-assets/sticky-menu/Destination.png)"></div> <div class="sticky-menu-desc">Destinations</div> </a> <a href="trip-ideas.html" class="" style="background-color:#aa337c;"> <div class="sidemenu-icon" style="background-image:url(../../content/dam/indtravelrevamp/page-assets/sticky-menu/whats%20on.png)"></div> <div class="sticky-menu-desc">What's On</div> </a> <a href="packages.html" class="" style="background-color:#8c337c;"> <div class="sidemenu-icon" style="background-image:url(../../content/dam/indtravelrevamp/page-assets/sticky-menu/Packages.png)"></div> <div class="sticky-menu-desc">Packages</div> </a> </div> </div> <script> var elSideMenu; $("document").ready(function(){ elSideMenu = $("#sidemenu-action"); elSideMenu.addClass("sidemenu-show"); }); var nilai = 0; var myVar; //to use this function onmousemove="moveFunction(event)" to html component function moveFunction(e) { elSideMenu.addClass("sidemenu-show").removeClass("sidemenu-hide"); var x = e.clientX; var y = e.clientY; var z = x+y; nilai = z; //var coor = "Coordinates: (" + x + "," + y + ")"; clearTimeout(myVar); myVar = setTimeout(function(){ moving(z); }, 1500); //document.getElementById("testmove").innerHTML = coor; } function moving(z) { if(nilai == z) { elSideMenu.addClass("sidemenu-hide"); elSideMenu.removeClass("sidemenu-show"); } else { elSideMenu.addClass("sidemenu-show"); elSideMenu.removeClass("sidemenu-hide"); } } function hideSticky(){ elSideMenu.addClass("sticky-hide"); elSideMenu.removeClass("sticky-show"); $(".hidePanelSticky").html('<i class="fa fa-backward"></i>').attr("onclick","showSticky()"); $("body").attr("onmousemove", ""); } function showSticky(){ elSideMenu.addClass("sticky-show"); elSideMenu.removeClass("sticky-hide"); $(".hidePanelSticky").html('<i class="fa fa-forward"></i>').attr("onclick","hideSticky()"); } </script></div> <script type="text/javascript" src="../../etc/designs/indtravelrevamp/clientlib-all.min.ACSHASHfb0f17f8820797dd5953915927f1a861.js"></script> <script type="text/javascript" src="../../etc/designs/revamp2021/clientlib-all.min.js"></script> <script> $(document).ready(function(){ //api_bahasa.start(); //alert(api_bahasa.get[0]); }); var api_bahasa = { get: ['english','en'], url: '', theURL: function() { var url = window.location.href; this.url = url; return url; }, set: function(country, lang) { api_bahasa.get[0] = country; api_bahasa.get[1] = lang; }, start: function() { var str = this.theURL(); if (str.indexOf("../../en/index.html") >= 0) { api_bahasa.set('english', 'en'); } else if (str.indexOf("../../fr/index.html") >= 0) { api_bahasa.set('french', 'fr'); } else if (str.indexOf("../../ar/index.html") >= 0) { api_bahasa.set('Arabic', 'ar'); } else if (str.indexOf("../../ja/index.html") >= 0) { api_bahasa.set('japan', 'jp'); } else if (str.indexOf("../../ko/index.html") >= 0) { api_bahasa.set('korean', 'ko'); } } } </script> <script> /*Pace.stop*/ </script> <script type="text/javascript" src="../../etc/designs/indtravelrevamp/clientlib-site/js/jquery.lazy.min.js"></script> <script type="text/javascript" src="../../etc/designs/indtravelrevamp/clientlib-site/js/jquery.lazy.plugins.min.js"></script> <script type="text/javascript"> $(function() { $('.lazy').Lazy({ scrollDirection: 'vertical', effect: 'fadeIn', visibleOnly: true, onError: function(element) { console.log('error loading ' + element.data('src')); } }); }); </script> </body>  </html>

CINXE.COM

The Official Website of Indonesia Tourism - Indonesia Travel