1 2<!DOCTYPE html> 3<html lang="en" class=" 4 "> 5 <head> 6 7 <!-- Basic --> 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 11 12 <link rel='icon' type='image/jpg' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/jepg' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/png' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/webp' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'> 13 <title>Popular Activities - Article Category - Isla De Bali Tours</title> 14 15 16 <link rel='icon' type='image/jpg' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/jepg' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/png' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><link rel='icon' type='image/webp' href='https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-GH8dUDoblyzY1KVn46XWq9vh53rwRjBM.webp'><meta name='robots' content='index, follow'/><meta name='description' content='Explore Bali with private day tours, cultural trips, adventure packages, and combination tours. Ubud, North Bali, East Bali, waterfalls, temples, and activities.'/><meta property='og:description' content='Explore Bali with private day tours, cultural trips, adventure packages, and combination tours. Ubud, North Bali, East Bali, waterfalls, temples, and activities.' /><meta name='author' content='Isla De Bali Tours'/><link rel='canonical' href='https://isladebalitours.com/article-category/popular-activities'/><meta content='index,follow' name='robots'/><meta content='2 days' name='revisit-after'/><meta content='2 days' name='revisit'/><meta content='never' name='expires'/><meta content='always' name='revisit'/><meta content='global' name='distribution'/><meta content='gotrasoft' name='generator'/><meta content='general' name='rating'/><meta content='true' name='MSSmartTagsPreventParsing'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='index, follow' name='googlebot'/><meta content='follow, all' name='Googlebot-Image'/><meta content='follow, all' name='msnbot'/><meta content='follow, all' name='Slurp'/><meta content='follow, all' name='ZyBorg'/><meta content='follow, all' name='Scooter'/><meta content='all' name='spiders'/><meta content='all' name='WEBCRAWLERS'/><meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot, infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/><meta property='og:url' content='https://isladebalitours.com/article-category/popular-activities' /><meta property='og:type' content='website' /><meta property='og:title' content='Popular Activities - Article Category - Isla De Bali Tours' /><meta property='og:site_name' content='Isla De Bali Tours' /><meta property='og:image' content='https://jwc.gotra-resources.my.id/web-upload/1765278060-09-12-2025-LlfZCnzo7I3a5sTy1mj04hWS8i9beBMY.webp' /><meta property='fb:app_id' content='597347393950604' /><meta property='fb:admins' content='' /> 17 <!-- Mobile Metas --> 18 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no"> 19 20 <!-- Web Fonts --> 21 <link rel="preconnect" href="https://fonts.googleapis.com"> 22 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 23 24 <!-- Vendor CSS --> 25 <link href="https://isladebalitours.com/assets/front/vendor/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet"> 26 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 27 <link href="https://isladebalitours.com/assets/front/vendor/animate/animate.min.css" type="text/css" rel="stylesheet"> 28 <!-- <link href="https://isladebalitours.com/assets/front/vendor/owl.carousel/assets/owl.carousel.min.css" type="text/css" rel="stylesheet"> 29 <link href="https://isladebalitours.com/assets/front/vendor/owl.carousel/assets/owl.theme.default.min.css" type="text/css" rel="stylesheet"> --> 30 31 <link rel='stylesheet' type='text/css' href='https://isladebalitours.com/assets/front/vendor/magnific-popup/magnific-popup.min.css'> <!-- Theme CSS --> 32 <link href="https://isladebalitours.com/assets/front/css/theme.css" type="text/css" rel="stylesheet"> 33 <link href="https://isladebalitours.com/assets/front/font/hiatus.ttf" type="text/css" rel="stylesheet"> 34 <link href="https://isladebalitours.com/assets/front/css/theme-elements.css" type="text/css" rel="stylesheet"> 35 <link href="https://isladebalitours.com/assets/front/css/style-tour.css" type="text/css" rel="stylesheet"> 36 <link href="https://isladebalitours.com/assets/front/css/colors.css" type="text/css" rel="stylesheet"> 37 38 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/> 39 40 <!-- Current Page CSS --> 41 <link href="https://isladebalitours.com/assets/front/vendor/rs-plugin/css/settings.css" type="text/css" rel="stylesheet"> 42 <link href="https://isladebalitours.com/assets/front/vendor/rs-plugin/css/navigation.css" type="text/css" rel="stylesheet"> 43 44<style> 45 46 47 48:root{ 49 /*default*/ 50 --boxed: #5f758d; 51 --body: #e8f5e9; 52 --colors: #F46A06; 53 --color2: #32C2C2; 54 --color3: #043140; 55 /*--color3: #5E17EB;*/ 56 --primtext: 'Inter'; 57 --subtext: 'Inter'; 58 --spantext: 'Inter'; 59} 60@font-face { 61 font-family: hiatus; 62 src: url(https://isladebalitours.com/assets/front/font/hiatus.ttf); 63} 64i.fas.fa-chevron-down { 65 display: none; 66} 67 68html.sticky-header-enabled #header.header-transparent:not(.header-transparent-not-fixed) .header-body { 69 position: relative; 70} 71 72@media (min-width: 768px) { 73 #header .header-nav.header-nav-stripe nav>ul>li.open>a, #header .header-nav.header-nav-stripe nav>ul>li:hover>a { 74 border-radius: 5px !important; 75 } 76} 77 78.header-body { 79 background-color: #fff !important; 80 border: unset !important; 81 transition: all ease 500ms; 82} 83 84html:not(.sticky-header-active) .header-body { margin-top: 0px !important; transition: all ease 1000ms !important; } 85 86html:not(.sticky-header-active) #header.header-transparent .header-nav-main:not(.header-nav-main-dark) nav>ul>li>a { 87 color: #000; 88} 89 90html:not(.sticky-header-active) #header.header-transparent .header-nav-main:not(.header-nav-main-dark) nav>ul>li>a.dropdown-toggle:after { 91 border-color: #000 transparent transparent transparent; 92} 93 94@media (max-width: 768px) { 95 html:not(.sticky-header-active) .header-body { 96 margin-top: 0px !important; 97 } 98} 99 100#header .header-nav.header-nav-stripe nav>ul>li>a { 101 color: #000; 102 font-size: 12px; 103 font-weight: 400; 104 letter-spacing: .3px; 105 font-family: var(--subtext); 106 /* text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); */ 107 text-transform: uppercase; 108 padding: 0 10px; 109} 110 111html.sticky-header-active #header.header-transparent .header-body { transition: all ease 1000ms !important; } 112 113html.sticky-header-active #header.header-transparent .header-body:before { 114 opacity: 1; 115 background-color: var(--color2) !important; 116 border: unset !important; 117 transition: all ease 500ms !important; 118} 119 120 html.sticky-header-active #header .header-body { 121 background-color: var(--color2) !important; 122 position: relative !important; 123 } 124 125@media (min-width: 768px) { 126 #header .header-nav.header-nav-stripe nav>ul>li>a { 127 padding: 0 14px !important; 128 min-height: 15px; 129 height: 15px; 130 } 131 132 #header .header-nav.header-nav-stripe nav>ul>li.open>a, #header .header-nav.header-nav-stripe nav>ul>li:hover>a { 133 background-color: var(--colors); 134 } 135} 136 137@media (min-width: 768px) { 138 #header .header-nav.header-nav-stripe nav>ul>li>a.dropdown-toggle:after { 139 border-color: #000 transparent transparent transparent !important; 140 } 141} 142 143@media (max-width: 768px) { 144 #menu-button { 145 border-color: #111; 146 color: #111; 147 margin-left: 10px; 148 border: unset !important; 149 } 150 151 .menu-tour a { font-family: var(--subtext); } 152 153 #menuWrapper.show-box { 154 opacity: 1; 155 visibility: visible; 156 } 157 #menuWrapper { 158 position: fixed; 159 top: 0; 160 right: 0; 161 bottom: 0; 162 left: 0; 163 background: #fff; 164 z-index: 99999; 165 opacity: 0; 166 visibility: hidden; 167 transition: all ease .5s; 168 } 169 170 #menuWrapper #close { 171 color: #000; 172 position: absolute; 173 top: 15px; 174 right: 20px; 175 width: 42px; 176 height: 35px; 177 font-size: 20px; 178 background: 0 0; 179 z-index: 1; 180 border: none; 181 } 182 183 #menuWrapper .container { 184 height: 100%; 185 } 186 187 .menu-tour ul { 188 position: relative; 189 padding: 0; 190 top: 2%; 191 left: 0; 192 right: 0; 193 text-align: left; 194 list-style: none; 195 } 196 197 .menu-tour li { 198 padding: 10px; 199 border-bottom: 1px solid #eee; 200 margin: unset; 201 } 202 203 .menu-tour a { 204 color: #000; 205 text-transform: uppercase; 206 font-size: 12px; 207 letter-spacing: 1px; 208 } 209 210} 211 212 213@media (max-width: 768px) { 214 .logo-menu { 215 align-items: flex-start !important; 216 } 217 218 .menu-andro { 219 justify-content: center !important; 220 } 221 222 .menu-andro { 223 justify-content: flex-end !important; 224 margin-right: 10px; 225 } 226 227 .header-logo { 228 margin-left: 10px !important; 229 } 230 231 .header-logo img { 232 height: 40px !important; 233 margin-top: 5px; 234 } 235 236 #menuWrapper { 237 overflow: scroll; 238 } 239} 240 241 242/* Section All Page */ 243 244.section-allpage { 245 position: relative; 246 height: 450px; 247 background-repeat: no-repeat; 248 background-size: cover; 249 background-position: center; 250 margin-top: -122px; 251 background-image: url(https://jwc.gotra-resources.my.id/web-upload/1764736915-03-12-2025-wi9knOVAGZp43hCILxbFXTcdBfPJqWY8.webp)!important; 252} 253 254.section-allpage:before { 255 position: absolute; 256 content: ''; 257 top: 0; 258 left: 0; 259 right: 0; 260 height: 180px; 261 background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 262 opacity: .6; 263} 264 265.section-allpage:after { 266 position: absolute; 267 content: ''; 268 bottom: 0; 269 left: 0; 270 right: 0; 271 height: 180px; 272 transform: rotate(180deg); 273 background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 274 opacity: .6; 275} 276 277.section-allpage .text p { 278 color: #f1f1f1; 279 letter-spacing: 0.5px; 280 font-size: 17px; 281 padding-left: 70px; 282 position: relative; 283} 284.section-allpage .text h1 { 285 text-transform: uppercase; 286 letter-spacing: 5px; 287 font-weight: 700; 288 color: white; 289 font-size: 45px; 290 line-height: 50px; 291 margin-bottom: 15px; 292} 293.section-allpage .text p:after { 294 position: absolute; 295 content: ''; 296 top: 50%; 297 left: 0; 298 width: 50px; 299 height: 3px; 300 transform: translateY(-50%); 301 background: var(--color2); 302} 303.section-allpage .text { 304 position: absolute; 305 left: 0; 306 right: 0; 307 text-align: left; 308 top: 50%; 309 z-index: 1; 310 padding-left: 7%; 311 padding-right: 7%; 312 font-family: var(--subtext); 313} 314 315@media (max-width: 768px) { 316 .section-allpage .text h1 { 317 font-size: 28px; 318 line-height: 30px; 319 } 320 321 .title-product { padding:0px 10px; } 322 323 .section-allpage { height: 350px; } 324 325 .section-allpage .text { 326 padding-left: 3%; 327 padding-right: 3%; 328 } 329 .section-allpage .text p { 330 font-size: 15px; 331 } 332} 333 334@media (min-width: 768px) { 335 .container-global { padding-left: 7%; padding-right: 7% } 336} 337 338@media ( max-width: 768px ) { 339 .container-global { padding-left: 3%; padding-right: 3% } 340} 341 342@media ( max-width: 768px ) { 343 .display-pc-share { 344 display: none; 345 } 346} 347 348span.text-wid { 349 font-family: var(--primtext); 350 color: #fff; 351 font-size: 14px; 352 font-weight: 400; 353 letter-spacing: 0px; 354} 355 356.social-icons:not(.social-icons-clean) li a { 357 color: var(--color2) !important; 358 background: white; 359 border: 1px solid; 360} 361 362.social-icons li a { 363 height: 35px; 364 line-height: 35px; 365 width: 35px; 366 font-size: 17px; 367} 368 369.social-icons li a:hover { 370 background: var(--colors) !important; 371 color: white !important; 372} 373 374.social-icons li { margin-right:5px; } 375 376.btn-book-atas { 377 font-family: var(--subtext); 378 background: var(--color2); 379 color: #fff; 380 margin-left: 15px; 381 padding: 10px 20px; 382 border: none; 383 text-transform: uppercase; 384 font-weight: 600; 385 font-size: 12px; 386 letter-spacing: 1px; 387 margin-top: 5px; 388 border-radius: 100px; 389} 390 391.btn-book-atas:hover { 392 background: #1a1a1a; 393 color: white; 394} 395 396a { text-decoration:unset !important; } 397 398 399 400.btn-contact1 { 401 background: var(--colors); 402 color: #fff; 403 font-family: var(--primtext); 404 font-size: 15px; 405 text-transform: uppercase; 406 font-weight: 600; 407 padding: 15px 40px; 408 transition: all ease 500ms; 409 letter-spacing: 1px; 410} 411 412.btn-contact1:hover { 413 background: var(--color2); 414 border-color: white; 415 color: #fff; 416 transition: all ease 500ms; 417} 418 419@media (min-width: 768px) { 420 .coni { max-width:1340px; } 421} 422 423.head-mencen { 424 height: 85px; 425 padding: 20px 7%; 426} 427 428@media (max-width: 768px) { 429 .head-mencen { 430 height: 70px !important; 431 padding: 20px 3%; 432 } 433} 434 435 436/* ======= Blog ======== */ 437 438.blog img { 439 height: 270px; 440 object-fit: cover; 441 position: relative; 442 z-index: 2; 443 border-radius: 10px; 444 margin-bottom: 20px; 445} 446 447.blog { 448 position: relative; 449 margin-bottom: 20px; 450} 451 452.blog2 { 453 position: relative; 454 padding-left: 3px; 455 padding-right: 3px; 456} 457
458.catcat{ 459 position: absolute; 460 bottom: 13%; 461 z-index: 3; 462 left: -15px; 463 background: var(--colors); 464 font-family: var(--subtext); 465 color: white; 466 font-weight: 600; 467 border-radius: 0; 468 padding: 9px 20px; 469 font-size: 13px; 470 line-height: 13px; 471 width: max-content; 472 text-transform: uppercase; 473} 474.catcat:before { 475 content: ""; 476 width: 16px; 477 height: 10px; 478 z-index: 1; 479 clip-path: polygon(100% 0, 0% 100%, 100% 100%); 480 background: var(--color2); 481 position: absolute; 482 top: -9.5px; 483 left: 0; 484} 485.blog .catcat span { 486 font-size: 22px; 487 line-height: 22px; 488} 489 490.blog2 span { 491 text-transform: uppercase; 492 letter-spacing: 1px; 493 color: var(--color2); 494 font-family: var(--primtext); 495 font-weight: 600; 496 font-size: 11px; 497 display: block; 498 margin-bottom: 8px; 499} 500 501.blog2 hr { 502 background: var(--colors); 503} 504.blog2 h3 { 505 text-transform: unset; 506 font-family: var(--primtext); 507 font-weight: 600; 508 letter-spacing: 0px; 509 line-height: 34px; 510 color: #333; 511 font-size: 21px; 512 margin-bottom: 20px; 513 514} 515 516.blog2 p { 517 margin-bottom: 10px; 518 font-weight: 400; 519 font-size: 15px; 520 line-height: 30px; 521 font-family: var(--subtext); 522 color: var(--colors); 523 524} 525.blog2 p i { 526 font-size: 6px; 527} 528 529.blog2 a { 530 border-radius: 50px; 531 font-family: var(--subtext); 532 padding: 0; 533 font-size: 14px; 534 padding: .6rem 1.3rem; 535 border: .5px solid var(--colors); 536 font-weight: 500; 537 letter-spacing: .5px; 538 transition: all ease 300ms; 539 color: #000; 540} 541.blog2 a i { 542 color: var(--colors); 543 transform: rotate(-45deg); 544} 545 546.blog2 a:hover { 547 color: var(--colors); 548} 549 550@media (max-width: 768px) { 551 .blog2 span { 552 font-size: 10px; 553 margin-bottom: 5px; 554 } 555 556 .blog2 h3 { 557 line-height: 30px; 558 font-size: 20px; 559 } 560 561 .blog2 p { 562 font-size: 14px; 563 line-height: 27px; 564 } 565} 566/* ======= Blog ======= */ 567 568/* ========== Cate ========= */ 569.wrap-cate { 570 font-family: var(--primtext); 571 position: relative; 572 border-radius: 0px; 573 overflow: hidden; 574 margin-bottom: 3px; 575 transition: all ease 500ms; 576 background: black; 577 border-radius: 0px; 578} 579 580.wrap-cate img { 581 height: 430px; 582 width: 100%; 583 object-fit: cover; 584 filter: brightness(.7); 585 transition: all ease 500ms !important; 586} 587.blog-destination .wrap-cate img { 588 height: 400px; 589} 590 591.wrap-cate:before { 592 position: absolute; 593 content: ''; 594 left: 0; 595 transition: all ease 500ms; 596 right: 0; 597 bottom: 0; 598 z-index: 1; 599 height: 60%; 600 background: transparent linear-gradient(180deg, rgb(13 28 52 / 0) 0, var(--color3) 110%) 0 0 no-repeat padding-box; 601} 602 603.wrap-cate2 { 604 position: absolute; 605 z-index: 2; 606 left: 0; 607 right: 0; 608 bottom: 8%; 609 padding: 0px 25px; 610} 611 612.wrap-cate2 h3 { 613 color: white; 614 text-transform: unset; 615 font-weight: 600; 616 font-size: 20px; 617 line-height: 30px; 618 letter-spacing: -.2px; 619 margin-bottom: 10px; 620} 621 622.wrap-cate2 p { 623 color: #f1f1f1; 624 font-size: 14px; 625 line-height: 25px; 626 font-weight: 300; 627 padding: 0px; 628 margin: 0; 629 margin-bottom: 5px; 630 font-family: var(--subtext) !important; 631} 632 633/* ========= cate btn ======= */ 634.wrap-cate .btnprofile { 635 font-size: 12px; 636 padding: 5px 10px 5px 15px; 637} 638.wrap-cate .btnprofile .icon { 639 width: 1.5rem; 640 height: 1.5rem; 641} 642.wrap-cate .btnprofile .icon i { 643 font-size: 13px; 644 line-height: 1rem; 645} 646 647/* ========= cate btn ======= */ 648.wrap-cate2 .btn-cate { 649 background: var(--colors); 650 color: black; 651 border: 1px solid; 652 text-transform: uppercase; 653 border-radius: 100px; 654 padding: 7px 25px; 655 font-size: 12px; 656 letter-spacing: 1px; 657 font-weight: 600; 658 transition: all ease 500ms; 659} 660 661.wrap-cate2 .btn-cate:hover { 662 transition: all ease 500ms; 663 background: #111; 664 color: #fff; 665 border-color: #111; 666} 667 668.wrap-cate:hover img { 669 transform: scale(1.1); 670} 671 672@media (max-width : 768px) { 673 674 .wrap-cate { 675 margin-bottom: 20px; 676 border: unset; 677 box-shadow: unset; 678 } 679 680 .wrap-cate2 { 681 bottom: 0%; 682 padding: 15px; 683 text-align: center; 684 } 685 686 .wrap-cate img { 687 height: 280px !important; 688 } 689 690 .wrap-cate2 h3 { 691 font-size: 20px; 692 line-height: 28px; 693 margin-bottom: 7px; 694 } 695 696 .catcat { margin-bottom:0px; } 697 698 .wrap-cate2 p { 699 display: none; 700 font-size: 13px; 701 } 702 703 .wrap-cate2 .price { 704 font-size: 18px; 705 margin-bottom: 11px; 706 } 707 708 .wrap-cate .btnprofile { 709 padding: 3px 3px 3px 1rem; 710 font-size: 11px; 711 margin: 0 auto; 712 } 713 .wrap-cate .btnprofile .icon {margin-left: 5px;} 714} 715 716/* ======== CATE ========== */ 717 718 .title-blog { position:relative; font-family:var(--subtext); padding-right:35px; } 719 720 .title-blog span { 721 color: var(--color2); 722 font-family: var(--subtext); 723 font-size: 15px; 724 line-height: 25px; 725 font-weight: 300; 726 text-transform: uppercase; 727 letter-spacing: 2px; 728 margin-bottom: 10px; 729 display: block; 730 } 731 732 .title-blog h2 { 733 color: var(--color2); 734 font-family: var(--primtext); 735 font-size: 38px; 736 line-height: 50px; 737 font-weight: 500; 738 text-transform: unset; 739 letter-spacing: 0px; 740 margin-bottom: 25px; 741 } 742 743 .title-blog p { 744 color: #555; 745 font-family: var(--subtext); 746 font-size: 15px; 747 font-weight: 400; 748 line-height: 28px; 749 margin-bottom: 20px; 750 letter-spacing: 0.2px; 751 } 752 753 .btn-lpm { 754 border-radius: 0; 755 color: white; 756 background: var(--colors); 757 font-family: var(--subtext); 758 font-size: 15px; 759 font-weight: 300; 760 line-height: 25px; 761 margin-top: 10px; 762 padding: .6rem 2rem; 763 letter-spacing: .5px; 764 transition: ease-in-out .2s; 765 } 766 767 .btn-lpm:hover { 768 background: white; 769 color: var(--colors); 770 } 771 772@media (max-width: 768px) { 773 .title-blog { 774 text-align: center; 775 padding: unset; 776 } 777 778 .title-blog h2 { 779 margin-bottom: 15px; 780 font-size: 30px; 781 line-height: 45px; 782 } 783 784 .title-blog span { 785 font-size: 12px; 786 line-height: 25px; 787 } 788 789 .title-blog p { 790 font-size: 13px; 791 line-height: 23px; 792 letter-spacing: 0px; 793 } 794 795 .btn-lpm { margin-bottom:30px; } 796} 797 798 799/*=============== Product ===============*/ 800.product .card { 801 background: white; 802 border-radius: 20px; 803 overflow: hidden; 804 /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); */ 805 width: 100%; 806 transition: transform 0.3s ease, box-shadow 0.3s ease; 807 position: relative; 808 } 809 810 .product .card:hover { 811 transform: translateY(-10px); 812 box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15); 813 } 814 815 .product .card-image { 816 height: 280px; 817 background-size: cover; 818 background-position: center; 819 position: relative; 820 display: flex; 821 align-items: flex-end; 822 padding: 20px; 823 } 824 825 .product .location-badge { 826 background: rgba(255, 255, 255, 0.5); 827 backdrop-filter: blur(10px); 828 padding: 8px 16px; 829 border-radius: 20px; 830 display: flex; 831 align-items: center; 832 gap: 8px; 833 font-size: 13px; 834 font-family: var(--subtext); 835 font-weight: 500; 836 color: #333; 837 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 838 } 839 840 .product .location-icon { 841 width: 16px; 842 height: 16px; 843 background: var(--colors); 844 border-radius: 50%; 845 position: relative; 846 } 847 848 .product .location-icon::after { 849 content: ''; 850 position: absolute; 851 top: 50%; 852 left: 50%; 853 transform: translate(-50%, -50%); 854 width: 6px; 855 height: 6px; 856 background: white; 857 border-radius: 50%; 858 } 859 860 .product .card-content { 861 padding: 30px; 862 } 863 864 .product .card-title { 865 font-weight: 700; 866 color: var(--colors); 867 margin-bottom: 15px; 868 line-height: 25px; 869 letter-spacing: 0px; 870 font-family: var(--primtext); 871 font-size: 15px; 872 } 873 874 .product .rating { 875 display: flex; 876 gap: 4px; 877 margin-bottom: 20px; 878 } 879 880 .product .star {
881 width: 20px; 882 height: 20px; 883 background: linear-gradient(45deg, #FFD700, #FFA500); 884 clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); 885 animation: sparkle 2s ease-in-out infinite; 886 } 887 888 .product .star:nth-child(2) { 889 animation-delay: 0.2s; 890 } 891 892 .product .star:nth-child(3) { 893 animation-delay: 0.4s; 894 } 895 896 .product .star:nth-child(4) { 897 animation-delay: 0.6s; 898 } 899 900 .product .star:nth-child(5) { 901 animation-delay: 0.8s; 902 } 903 904 @keyframes sparkle { 905 906 0%, 100% { 907 transform: scale(1); 908 } 909 50% { 910 transform: scale(1.1); 911 } 912 } 913 914 .product .description { 915 color: #718096; 916 font-size: 14px; 917 line-height: 1.6; 918 margin-bottom: 25px; 919 font-family: var(--subtext); 920 } 921 922 .product .card-footer { 923 display: flex; 924 justify-content: space-between; 925 align-items: center; 926 padding-top: 20px; 927 border-top: 1px solid #E2E8F0; 928 } 929 930 .product .price-section { 931 display: flex; 932 flex-direction: column; 933 } 934 935 .product .price-label { 936 font-size: 13px; 937 color: #718096; 938 margin-bottom: 5px; 939 font-family: var(--subtext); 940 } 941 942 .product .price { 943 font-size: 18px; 944 font-family: var(--subtext); 945 font-weight: 700; 946 background: var(--colors); 947 -webkit-text-fill-color: transparent; 948 background-clip: text; 949 } 950 951 .product .duration-section { 952 display: flex; 953 align-items: center; 954 gap: 8px; 955 background: #F7FAFC; 956 padding: 12px 16px; 957 border-radius: 12px; 958 } 959 960 .product .clock-icon { 961 width: 20px; 962 height: 20px; 963 border: 2px solid var(--colors); 964 border-radius: 50%; 965 position: relative; 966 } 967 968 .product .clock-icon::before { 969 content: ''; 970 position: absolute; 971 top: 3px; 972 left: 50%; 973 transform: translateX(-50%); 974 width: 1px; 975 height: 6px; 976 background: var(--colors); 977 } 978 979 .product .clock-icon::after { 980 content: ''; 981 position: absolute; 982 top: 50%; 983 left: 50%; 984 transform: translate(-50%, -50%) rotate(90deg); 985 width: 4px; 986 height: 1px; 987 background: var(--colors); 988 } 989 990 .product .duration-text { 991 font-size: 13px; 992 font-weight: 500; 993 color: #4A5568; 994 font-family: var(--subtext); 995 } 996 997 .product .floating-elements { 998 position: absolute; 999 top: 20px; 1000 right: 20px; 1001 display: flex; 1002 gap: 10px; 1003 } 1004 1005 .product .floating-circle { 1006 width: 40px; 1007 height: 40px; 1008 background: rgba(255, 255, 255, 0.1); 1009 border-radius: 50%; 1010 backdrop-filter: blur(10px); 1011 animation: float 3s ease-in-out infinite; 1012 } 1013 1014 .product .floating-circle:nth-child(2) { 1015 animation-delay: 1s; 1016 width: 30px; 1017 height: 30px; 1018 } 1019 1020 @keyframes float { 1021 1022 0%, 1023 100% { 1024 transform: translateY(0px); 1025 } 1026 1027 50% { 1028 transform: translateY(-10px); 1029 } 1030 } 1031 1032 .product .book-btn { 1033 position: absolute; 1034 bottom: -25px; 1035 right: 30px; 1036 background: linear-gradient(45deg, #FF6B6B, #FF8E8E); 1037 color: white; 1038 border: none; 1039 padding: 15px 25px; 1040 border-radius: 25px; 1041 font-weight: 600; 1042 cursor: pointer; 1043 box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3); 1044 transition: all 0.3s ease; 1045 } 1046 1047 .product .book-btn:hover { 1048 transform: translateY(-2px); 1049 box-shadow: 0 12px 25px rgba(255, 107, 107, 0.4); 1050 } 1051 1052 .product .product-wrapper { 1053 gap: 1rem; 1054 display: grid; 1055 grid-template-columns: 1fr; 1056 } 1057 1058 @media (max-width:768px) { 1059 .product .price { font-size:15px; } 1060 } 1061 1062 1063 1064/*=============== Product ===============*/ 1065 1066span.label-name { 1067 position: absolute; 1068 top: 3%; 1069 left: 0; 1070 z-index: 3; 1071 background: var(--colors); 1072 color: white; 1073 font-family: var(--primtext); 1074 letter-spacing: .4px; 1075 text-transform: uppercase; 1076 padding: 6px 20px 6px 15px; 1077 font-weight: 600; 1078 font-size: 12px; 1079 border-radius: 0px 100px 100px 0px; 1080} 1081 1082.ss-arrow button { 1083 margin: 0; 1084 padding: 0; 1085 background: white; 1086 border: 1px solid var(--colors); 1087 height: 30px; 1088 width: 30px; 1089 font-size: 12px; 1090 transform: scale(1.1); 1091 color: var(--colors); 1092 border-radius: 100px; 1093 outline: none; 1094 -webkit-appearance: none; 1095 -moz-appearance: none; 1096 appearance: none; 1097 transition: all ease 500ms; 1098} 1099 1100.ss-arrow button:hover { 1101 background-color: var(--colors); 1102 color: white; 1103} 1104 1105.ss-arrow .slide-arrow{ 1106 position: absolute; 1107 top: 44% !important; 1108 margin-top: -15px; 1109} 1110.ss-arrow .prev-arrow{ 1111 left: -1%; 1112 z-index: 1; 1113} 1114.ss-arrow .next-arrow{ 1115 right: -1%; 1116 z-index: 1; 1117} 1118 1119.pad6rem { padding:6rem 0px; } 1120 1121@media (max-width: 768px) { 1122 1123 .ss-arrow button { transform: scale(0.9); } 1124 1125 .ss-arrow .slide-arrow { top: 45%; } 1126 1127 .ss-arrow .prev-arrow{ 1128 left: -1%; 1129 z-index: 1; 1130 } 1131 1132 .ss-arrow .next-arrow{ 1133 right: -1%; 1134 z-index: 1; 1135 } 1136 1137 .pad6rem { padding: 3rem 0 !important; } 1138} 1139/* ========= btn general ========*/ 1140 1141/* ========= patern ========*/ 1142 1143.img-parx {width:100%;} 1144.pat-parx { 1145 position: relative; 1146 top: -1px; 1147 width: 100%; 1148 transform: rotate(180deg); 1149 z-index: 4; 1150} 1151.pat-parxbtm { 1152 width: 110%; 1153 position: absolute; 1154 bottom: -1px; 1155 left: -2%; 1156 z-index: 6; 1157 object-fit: cover; 1158 object-position: top; 1159} 1160/* ========= patern ========*/ 1161 1162.btnprofile { 1163 color: #fff; 1164 position: relative; 1165 background: var(--color2); 1166 font-family: var(--subtext); 1167 font-size: 15px; 1168 font-weight: 600; 1169 line-height: 25px; 1170 border: .5px solid #00000050; 1171 margin-top: 10px; 1172 padding: 5px 5px 5px 1.3rem; 1173 letter-spacing: .4px; 1174 width: max-content; 1175 border-radius: 50px; 1176 text-transform: uppercase; 1177 transition: ease-in-out .25s; 1178 display: flex; 1179 justify-content: center;
1180 align-items: center; 1181 overflow: hidden; 1182 margin-bottom: 15px; 1183} 1184 1185.btnprofile .tx { 1186 position: relative; 1187 z-index: 2; 1188 display: flex; 1189 justify-content: center; 1190 align-items: center; 1191} 1192 1193.btnprofile .icon { 1194 display: flex; 1195 justify-content: center; 1196 align-items: center; 1197 height: 2.5rem; 1198 width: 2.5rem; 1199 background: white; 1200 margin-left: 15px; 1201 border-radius: 50%; 1202 transition: all ease-in-out .3s; 1203 transform: rotate(45deg); 1204} 1205 1206.btnprofile i { 1207 height: fit-content; 1208 line-height: 1.1rem; 1209 font-size: 17px; 1210 color: var(--color3); 1211} 1212 1213.btnprofile:hover .icon {transform: rotate(90deg); background: var(--color2); color: white !important;} 1214 1215.btnprofile:hover i { color:white; } 1216 1217.btnprofile .shadow { 1218 position: absolute; 1219 right: 5px; 1220 top: 5px; 1221 width: 3rem; 1222 height: 3rem; 1223 transition-delay: .2s; 1224 border-radius: 50%; 1225 z-index: 1; 1226 background-color: var(--color3); 1227 /* filter: blur(20px); */ 1228 transform: scale(.0) translateX(-202%); 1229 transition: all ease-in-out .6s; 1230} 1231.btnprofile:hover .shadow { 1232 transform: scale(15) ; 1233 1234} 1235.btnprofile:hover { 1236 background: var(--color2); 1237 border-color: var(--color3); 1238 color: #fff; 1239} 1240@media screen and (max-width: 576px) { 1241 .btnprofile .icon { 1242 margin-left: 15px; 1243 height: 2rem; 1244 width: 2rem; 1245 } 1246} 1247/* ========= btn general ========*/ 1248/* Title Global */ 1249 1250/* ========= title general ========*/ 1251.title-general .tag-ats { 1252 font-size: 12px; 1253 font-weight: 600; 1254 text-transform: uppercase; 1255 line-height: 24px; 1256 color: #fff; 1257 background: var(--colors); 1258 letter-spacing: 1px; 1259 border-radius: 50px; 1260 padding: 2px 20px ; 1261 font-family: var(--subtext); 1262 display: block; 1263 width: max-content; 1264 margin: auto; 1265 margin-bottom: 5px; 1266} 1267 1268.title-general h2 span { 1269 color: var(--color3); 1270 font-weight: 700; 1271 font-size: unset; 1272 text-transform: unset; 1273 display: unset; 1274 letter-spacing: unset; 1275} 1276 1277.title-general h2 { 1278 font-size: 40px; 1279 line-height: 60px; 1280 color: #000; 1281 font-weight: 400; 1282 margin-top: 10px; 1283 margin-bottom: 10px; 1284 letter-spacing: 1px; 1285 text-transform: unset; 1286 font-family: var(--primtext); 1287} 1288 1289.title-general p { 1290 font-family: var(--primtext); 1291 color: #555; 1292 font-size: 16px; 1293} 1294.title-general hr { 1295 background: var(--color2); 1296 width: 150px; 1297 height: 2px; 1298 margin: 20px auto 40px auto; 1299} 1300 1301.title-general .mtmb { 1302 margin-top: -25px; 1303} 1304 1305@media screen and (max-width: 576px) { 1306 .title-general h2 { 1307 font-size: 25px; 1308 line-height: 40px; 1309 margin-bottom: 20px; 1310 text-align: center; 1311 } 1312 1313 .title-general p { margin-bottom: 25px; text-align: center;} 1314 1315 .title-general .tag-ats { 1316 font-size: 11px; 1317 text-align: center; 1318 margin: auto; 1319 margin-bottom: 10px; 1320 } 1321 .title-general .btnprofile { 1322 margin-left: auto; 1323 margin-right: auto; 1324 } 1325} 1326 1327/* FAQ */ 1328 1329/* Profile */ 1330 1331 .wrap-profil-2 p { 1332 font-family: var(--subtext); 1333 font-size: 16px; 1334 line-height: 30px; 1335 font-weight: 400; 1336 color: #333; 1337 margin-bottom: 30px; 1338 padding-right: 30px; 1339 text-align: left !important; 1340 } 1341 1342 .wrap-profil-2 strong, .wrap-profil-2 b { font-weight: 600 !important; color: var(--colors) } 1343 1344 .wrap-profil-2 span { 1345 color: var(--colors); 1346 font-family: var(--spantext); 1347 font-size: 14px; 1348 line-height: 20px; 1349 font-weight: 500; 1350 text-transform: uppercase; 1351 letter-spacing: 1px; 1352 margin-bottom: 15px; 1353 display: block; 1354 } 1355 1356 .wrap-profil-2 h2 { 1357 font-size: 35px; 1358 line-height: 45px; 1359 color: #000; 1360 font-weight: 800; 1361 margin-bottom: 25px; 1362 letter-spacing: 0px; 1363 text-transform: uppercase; 1364 font-family: var(--primtext); 1365 } 1366 1367 1368 .wrap-profil-2 img { 1369 height: 600px; 1370 width: 100%; 1371 object-fit: contain; 1372 border-radius: 0px; 1373 } 1374 1375 .btn-profile { 1376 font-family: var(--primtext); 1377 color: white; 1378 background: var(--colors); 1379 padding: 10px 25px; 1380 font-size: 16px; 1381 letter-spacing: 0.5px; 1382 text-transform: capitalize; 1383 border-radius: 0px; 1384 margin-top: 15px; 1385 transition: all ease 500ms; 1386 } 1387 1388 .btn-profile:hover { 1389 background-color: #035A6E; 1390 color: white; 1391 } 1392 1393 .quot-b { 1394 width: 380px; 1395 background: #1a1a1a; 1396 position: absolute; 1397 z-index: 1; 1398 bottom: 10%; 1399 right: 0; 1400 padding: 40px; 1401 } 1402 1403 .quot-b span { 1404 color: white; 1405 font-size: 21px; 1406 line-height: 38px; 1407 font-style: italic; 1408 } 1409 1410@media (max-width: 768px) { 1411 .wrap-profil-2 p { 1412 font-size: 14px; 1413 line-height: 30px; 1414 padding: unset; 1415 text-align: center !important; 1416 } 1417 1418 .quot-b { display: none; } 1419 1420 .wrap-profil-2 h2 { 1421 font-size: 24px; 1422 line-height: 35px; 1423 } 1424 1425 .wrap-profil-2 h2 { 1426 text-align: center; 1427 margin-bottom: 10px; 1428 font-size: 33px; 1429 line-height: 35px; 1430 } 1431 1432 .wrap-profil-2 .sp-atas { 1433 text-align: center; 1434 font-size: 13px; 1435 line-height: 25px; 1436 margin-bottom: 10px; 1437 } 1438 1439 .wrap-profil-2 img { display:none; } 1440} 1441 1442html .toggle-primary .toggle label { 1443 border-radius: 0; 1444 font-family: var(--subtext); 1445 font-weight: 600; 1446 text-transform: unset; 1447 padding: 15px; 1448 line-height: 30px; 1449 letter-spacing: 0.1px; 1450 margin-bottom: 0px; 1451 background: unset; 1452 color: black; 1453 font-size: 17px; 1454 border-left: unset; 1455 border-bottom: 1px solid #eee; 1456} 1457 1458html .toggle-primary .toggle.active>label { 1459 background-color: unset; 1460 border-color: #eeee; 1461 color: black; 1462} 1463 1464.toggle-content { 1465 padding: 25px 20px; 1466 border: unset; 1467 margin-bottom: 25px; 1468 font-family: var(--subtext); 1469 1470} 1471 1472.toggle-content p { 1473 padding: 0 !important; 1474 margin-bottom: 15px !important; 1475 font-size: 16px; 1476 line-height: 30px; 1477 color: #333; 1478} 1479 1480.padle { padding-left:20px; } 1481 1482@media (max-width: 768px) { 1483 html .toggle-primary .toggle label { 1484 padding: 18px; 1485 font-size: 15px; 1486 padding-right: 50px; 1487 padding-left: 25px; 1488 text-align: left; 1489 } 1490 1491 .toggle-content p { 1492 font-size: 14px; 1493 text-align: left; 1494 } 1495 1496 .padle { 1497 padding: 0px 20px; 1498 } 1499 1500} 1501 1502/* FAQ */ 1503 1504/* Review */ 1505 1506.rev-card .card { 1507 position: relative; 1508 border: none; 1509 background-color: #ffffff; 1510 border-radius: 10px; 1511 min-height: 260px; 1512 margin: 10px; 1513} 1514 1515.rev-card h3 { 1516 font-family: var(--subtext); 1517 color: black; 1518 font-size: 15px; 1519 line-height: 15px; 1520 font-weight: 600; 1521 letter-spacing: 1px; 1522 text-transform: capitalize; 1523} 1524 1525.rev-card .from { 1526 font-family: var(--subtext); 1527 color: #444; 1528 font-size: 13px; 1529 line-height: 25px; 1530 font-weight: 400; 1531 letter-spacing: 0.5px; 1532} 1533 1534.rev-card p { 1535 font-family: var(--subtext); 1536 color: #333; 1537 font-size: 14px; 1538 line-height: 25px; 1539 font-weight: 400; 1540 letter-spacing: 0.1px; 1541 margin-bottom: 0; 1542} 1543 1544.rev-card img { 1545 height: 60px; 1546 width: 60px; 1547 border-radius: 50%; 1548 object-fit: cover; 1549 border: .4px solid #ffffff50; 1550 margin-right: 25px; 1551} 1552 1553@media (max-width: 768px) { 1554 1555 .wrap-review p { 1556 color: #555; 1557 font-size: 13px; 1558 line-height: 27px; 1559 font-weight: 400; 1560 letter-spacing: 0.1px; 1561 } 1562 1563 .btn-full { 1564 padding: 10px 13px; 1565 font-size: 13px; 1566 } 1567 1568 .pad-cus { background-size:contain !important; } 1569 1570 .wrap-review { padding:2rem; } 1571 1572 .tirev h2 { 1573 font-size: 28px; 1574 line-height: 40px; 1575} 1576 1577} 1578 1579.read-more, .read-less { 1580 color: #9f9e9e; 1581 border-bottom: 1px solid; 1582} 1583 1584 1585@media (min-width: 768px) { 1586 .start-menu { 1587 width: 18%; 1588 } 1589 1590 .mid-menu { 1591 width: 62%; 1592 align-self: center !important; 1593 height: 45px; 1594 } 1595 1596 .end-menu { 1597 width: 15%; 1598 align-items: flex-end; 1599 align-self: center !important; 1600 } 1601 1602 .menu-andro { 1603 align-self: center !important; 1604 border: none; 1605 border-radius: 100px; 1606 padding: 15px; 1607 1608 backdrop-filter: blur(10px); 1609 } 1610} 1611 1612@media (max-width: 768px) { 1613 1614 .end-menu { 1615 display: none !important; 1616 } 1617 1618 .nav-tabs .nav-item { 1619 margin-bottom: -1px; 1620 display: contents; 1621 } 1622} 1623 1624 1625 1626</style> 1627 1628<!-- Head Libs --> 1629<!--
1629<script src="https://isladebalitours.com/assets/front/vendor/modernizr/modernizr.min.js" defer></script>
1629 --> 1630<meta name="google-site-verification" content="a5aot6W2GRitmGQWPBtPqM2d9GsbCACRIQpCemOTQkA" />
1630<script data-host="https://sitewatch.gotrasoft.com" data-dnt="false" src="https://sitewatch.gotrasoft.com/js/script.js" id="ZwSg9rf6GA" async defer></script>
1630 1631 1632<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1632-1633
1632 1633<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1633GTM-W2M77NC8
vendor: 83 bytes, lines 1633-1634
1633" 1634height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1635<!-- End Google Tag Manager (noscript) --> 1636 1637<!-- Google Tag Manager -->
1638<script>
vendor: 327 bytes, lines 1638-1642
1638(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1639new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1640j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1641'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1642})(window,document,'script','dataLayer','
1642GTM-W2M77NC8
vendor: 3 bytes, line 1642
1642');
1642</script>
1642 1643<!-- End Google Tag Manager --> 1644 1645<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 1645-1646
1645 1646<script async src="https://www.googletagmanager.com/gtag/js?id=
1646AW-17808099959
vendor: 13 bytes, lines 1646-1647
1646"> 1647</script>
1648<script> 1649
vendor: 134 bytes, lines 1649-1653
1649window.dataLayer = window.dataLayer || []; 1650 function gtag(){dataLayer.push(arguments);} 1651 gtag('js', new Date()); 1652 1653 gtag('config', '
1653AW-17808099959
vendor: 4 bytes, line 1653
1653');
1654</script>
1654<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet"> 1655</head> 1656<body> 1657 <!-- <div id="fb-root"></div>
1658<script>(function(d, s, id) { 1659 var js, fjs = d.getElementsByTagName(s)[0]; 1660 if (d.getElementById(id)) return; 1661 js = d.createElement(s); js.id = id; 1662 js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.12&appId=597347393950604&autoLogAppEvents=1'; 1663 fjs.parentNode.insertBefore(js, fjs); 1664}(document, 'script', 'facebook-jssdk'));</script>
1664 --> 1665 1666 <div class="body"> 1667 <header id="header" class="header-no-min-height " data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 600, 'stickySetTop': '0'}"> 1668 <div class="header-body wow fadeIn" data-wow-duration="2s"> 1669 1670 <!-- <div class="header-container container-fluid hilang-head d-none d-md-flex" style="padding: 0px 30px; height: 50px; border-bottom: 1px solid #e1e1e1; background-color: var(--colors);"> 1671 <div class="header-row container" style="padding: 0;"> 1672 1673 <div class="header-column justify-content-start display-pc" style="align-self: center;"> 1674 <ul class="header-social-icons social-icons display-pc" style="margin-left: 0;"> 1675 <li class="social-icons-facebook"><a href="https://www.facebook.com/profile.php?id=61583977964370" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> 1676 <li class="social-icons-instagram"><a href="https://www.instagram.com/isladebalitours/" title="Instagram"><i class="fab fa-instagram"></i></a></li> 1677 </ul> 1678 </div> 1679 1680 <div class="header-column justify-content-end sosmed-i" style="display: inline-block; align-self: center;"> 1681 <span class="text-wid" style="padding-left: 10px;"><i class="fas fa-phone phone"></i>+6281316135491</span> 1682 <span class="text-wid"><i class="far fa-envelope mail"></i>[email protected]</span> 1683 </div> 1684 1685 </div> 1686 </div> --> 1687 1688 <div class="header-container container-global head-sty"> 1689 <div class="header-row"> 1690 1691 <div class="header-column justify-content-start logo-menu start-menu" style="align-self: center; align-items: baseline;"> 1692 <div class="header-logo"> 1693 <a href="https://isladebalitours.com/"> 1694 <img style="object-fit: contain; height: 50px;" class="img-fluid" alt="logo 1" src="https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-8K1GL4Uhc5QMOapqRWbg9nrj2XSIs3Ee.webp"> 1695 </a> 1696 </div> 1697 </div> 1698 1699 <div class="header-column justify-content-start mid-menu"> 1700 <div class="header-row menu-andro"> 1701 <div class="header-nav header-nav-stripe"> 1702 <div class="header-nav-main header-nav-main-square header-nav-main-effect-2 header-nav-main-sub-effect-1"> 1703 <nav class="collapse"> 1704 <ul class="nav nav-pills" id="mainNav"> 1705 <li class="nav-item"><a title="Home" class="nav-link" href="https://isladebalitours.com/">Home </a></li> 1706 <li><a class="nav-link" href="https://isladebalitours.com/about-us" title="About">About</a></li> 1707 1708 1709 <li><a class="nav-link" href="https://isladebalitours.com/view/kintamani-tour-with-cruise" title="Special Tour">Special Tour</a></li> 1710 1711 1712 <li class="dropdown"> 1713 <a class="dropdown-item dropdown-toggle" href="javascript:void(0);" title="Tour Packages">Tour Packages</a> 1714 1715 <ul class="dropdown-menu"> 1716 <li><a class="dropdown-item" href="https://isladebalitours.com/category/day-tour" title="Day Tour">Day Tour</a></li> 1717 <li><a class="dropdown-item" href="https://isladebalitours.com/category/activity-combo-packages" title="Activity Combo Packages">Activity Combo Packages</a></li> 1718 <li><a class="dropdown-item" href="https://isladebalitours.com/category/nusa-penida-tour" title="Nusa Penida Tour">
1718Nusa Penida Tour</a></li> 1719 1720 </ul> 1721 1722 </li> 1723 1724 1725 <li class="dropdown"> 1726 <a class="dropdown-item dropdown-toggle" href="javascript:void(0);" title="Transport Service">Transport Service</a> 1727 1728 <ul class="dropdown-menu"> 1729 <li><a class="dropdown-item" href="https://isladebalitours.com/category/airport-transfer-service" title="Airport Transfer Service">Airport Transfer Service</a></li> 1730 <li><a class="dropdown-item" href="https://isladebalitours.com/category/fastboat-ticket" title="Fastboat Ticket">Fastboat Ticket</a></li> 1731 1732 </ul> 1733 1734 </li> 1735 1736 1737 <li class="dropdown"> 1738 <a class="dropdown-item dropdown-toggle" href="javascript:void(0);" title="Article">Article</a> 1739 1740 <ul class="dropdown-menu"> 1741 <li><a class="dropdown-item" href="https://isladebalitours.com/article-category/blog-article" title="Blog">Blog</a></li> 1742 <li><a class="dropdown-item" href="https://isladebalitours.com/article-category/popular-activities" title="Popular Activities">Popular Activities</a></li> 1743 <li><a class="dropdown-item" href="https://isladebalitours.com/article-category/top-destinations" title="Top Destinations">Top Destinations</a></li> 1744 1745 </ul> 1746 1747 </li> 1748 1749 1750 <li><a class="nav-link" href="gallery/all" title="Gallery">Gallery</a></li> 1751 1752 1753 1754 1755 </ul> 1756 </nav> 1757 </div> 1758 1759 <style type="text/css"> 1760 .b-p-bg-color .bar1, .b-p-bg-color .bar2, .b-p-bg-color .bar3 { 1761 width: 30px; 1762 height: 3px; 1763 margin: 6px 0; 1764 transition: 0.4s; 1765 } 1766 1767 .b-p-bg-color .bar1 { background-color:#000 } 1768 .b-p-bg-color .bar2 { background-color:#000 } 1769 .b-p-bg-color .bar3 { background-color:#000 } 1770 1771 html.sticky-header-active .b-p-bg-color .bar1 { background-color:#000 } 1772 html.sticky-header-active .b-p-bg-color .bar2 { background-color:#000 } 1773 html.sticky-header-active .b-p-bg-color .bar3 { background-color:#000 } 1774 1775 .b-p-bg-color .bar1, .b-p-bg-color .bar2, .b-p-bg-color .bar3 { background-color:#000 !important; } 1776 */ 1777
1778 .b-p-bg-color .bar2 { width: 20px; margin:0 0 0 auto; } 1779 1780 </style> 1781 1782 <button class="menu b-p-bg-color d-block d-md-none" id="menu-button"> 1783 <div class="bar1"></div> 1784 <div class="bar2"></div> 1785 <div class="bar3"></div> 1786 </button> 1787 <div class="menu-box" id="menuWrapper"> 1788 <button id="close" class="p-color"><i style="font-size:24px" class="fa"></i></button> 1789 <div class="container menu-tour"> 1790 <ul> 1791 1792 <a href="https://isladebalitours.com/"> 1793 <img style="height: 60px;" alt="logo 2" class="img-fluid mb-2" loading="lazy" src="https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-8K1GL4Uhc5QMOapqRWbg9nrj2XSIs3Ee.webp" alt="Isla De Bali Tours"> 1794 </a> 1795 1796 <li> 1797 <a href="https://isladebalitours.com/">Home</a> 1798 </li> 1799 1800 <li><a href="https://isladebalitours.com/about-us">About</a></li> 1801 <li><a href="https://isladebalitours.com/view/kintamani-tour-with-cruise">Special Tour</a></li> 1802 <li class="position-relative"> 1803 1804 <a href="">Tour Packages</a> 1805 <i class="fa fa-chevron-down child-icon child-toggle"></i> 1806 <ul class="ul-child child-menus"> 1807 <li> 1808 <a href="https://isladebalitours.com/category/day-tour">Day Tour</a> 1809 </li> 1810 <li> 1811 <a href="https://isladebalitours.com/category/activity-combo-packages">Activity Combo Packages</a> 1812 </li> 1813 <li> 1814 <a href="https://isladebalitours.com/category/nusa-penida-tour">Nusa Penida Tour</a> 1815 </li> 1816 </ul> 1817 1818 </li> 1819 <li class="position-relative"> 1820 1821 <a href="">Transport Service</a> 1822 <i class="fa fa-chevron-down child-icon child-toggle"></i> 1823 <ul class="ul-child child-menus"> 1824 <li> 1825 <a href="https://isladebalitours.com/category/airport-transfer-service">Airport Transfer Service</a> 1826 </li> 1827 <li> 1828 <a href="https://isladebalitours.com/category/fastboat-ticket">Fastboat Ticket</a> 1829 </li> 1830 </ul> 1831 1832 </li> 1833 <li class="position-relative"> 1834 1835 <a href="">Article</a> 1836 <i class="fa fa-chevron-down child-icon child-toggle"></i> 1837 <ul class="ul-child child-menus"> 1838 <li> 1839 <a href="https://isladebalitours.com/article-category/blog-article">Blog</a> 1840 </li> 1841 <li> 1842 <a href="https://isladebalitours.com/article-category/popular-activities">Popular Activities</a> 1843 </li> 1844 <li> 1845 <a href="https://isladebalitours.com/article-category/top-destinations">Top Destinations</a> 1846 </li> 1847 </ul> 1848 1849 </li> 1850 <li><a href="gallery/all">Gallery</a></li> 1851 1852 <li style="border-bottom: unset;"><a class="btn btn-book-atas" href="https://wa.me/6281316135491"><i class="fa-regular fa-calendar mr-2"></i>Booking Now</a></li> 1853 1854 </ul> 1855 </div> 1856 </div> <!-- /.search-box --> 1857 1858 1859 </div> 1860 </div> 1861 </div> 1862 1863 <div class="header-column end-menu"> 1864 <a class="btn btn-book-atas d-none d-md-block" href="https://wa.me/6281316135491"><i class="fa-regular fa-calendar mr-2"></i>Booking Now!</a> 1865 </div> 1866 1867 1868 <!-- <ul class="header-social-icons social-icons display-pc"> 1869 <li class="social-icons-facebook"><a href="https://www.facebook.com/profile.php?id=61583977964370" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> 1870 <li class="social-icons-instagram"><a href="https://www.instagram.com/isladebalitours/" title="Instagram"><i class="fab fa-instagram"></i></a></li> 1871 </ul> --> 1872 1873 <style> 1874 .dropdown { 1875 position: relative; 1876 display: inline-block; 1877 font-family: var(--primtext); 1878 } 1879 1880 1881 1882 .dropbtn { 1883 width: 100px; 1884 height: 40px; 1885 padding: 0 1rem; 1886 line-height: 40px; 1887 color: #000; 1888 display: flex; 1889 align-items: center; 1890 cursor: pointer; 1891 border: 0; 1892 background-color: transparent; 1893 transition: 0.3s; 1894 } 1895 1896 1897 1898 .dropdown-content { 1899 min-width: 100px; 1900 padding: 0.5rem; 1901 position: absolute; 1902 background-color: #fff; 1903 box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 1904 top: 100%; 1905 left: 50%; 1906 border-radius: 0.5rem; 1907 transform: translateX(-50%); 1908 z-index: 1; 1909 display: none; 1910 } 1911 1912 .dropdown:hover .dropdown-content { 1913 display: block; 1914 } 1915 1916 .dropbtn img { 1917 width: 29px; 1918 height: 29px; 1919 margin-right: 0.5rem; 1920 } 1921 1922 .dropdown-content .dropbtn { 1923 width: 100%; 1924 margin: 0; 1925 color: #000; 1926 } 1927 1928 .dropdown-content .dropbtn:hover { 1929 background-color: #cbd5e1; 1930 } 1931 1932 .dropbtn:hover { 1933 color: #000; 1934 background-color: #fff; 1935 border-radius: 0.5rem; 1936 } 1937 1938 @media (max-width: 768px) { 1939 .dropdown { 1940 position: absolute; 1941 display: inline-block; 1942 right: 10%; 1943 top: 20%; 1944 } 1945 1946 .dropbtn { 1947 color: #111; 1948 } 1949 1950 html:not(.sticky-header-active) .dropbtn { 1951 color: #111; 1952 } 1953 } 1954 </style> 1955 1956 <div id="glt-translate-trigger"> 1957 <div class="dropdown mx-4"> 1958 <div class="dropbtn"> 1959 <img class="dropbtn-flag" src="https://jwc.gotra-resources.my.id/web-upload/1711464638-26-03-2024-cjAPkKJplLZFfbVXW3SwdG8xrO7uCt0g.webp" alt="TRANSLATE" /> 1960 <div class="dropbtn-text" translate="no">EN</div> 1961 </div> 1962 1963 <div class="dropdown-content"> 1964 1965 <button class="dropbtn" onclick="changeLanguage('ES', 'jwc.gotra-resources.my.id/web-upload/1765607284-13-12-2025-QfRvplYVHJUTrDdXnsti2PjEm45eFS13.webp'); doGTranslate('en|es');return false;"> 1966 1967 <img src="https://jwc.gotra-resources.my.id/web-upload/1765607284-13-12-2025-QfRvplYVHJUTrDdXnsti2PjEm45eFS13.webp" alt="TRANSLATE" /> 1968 <div class="dropbtn-text" translate="no">ES</div> 1969 </button> 1970 1971 1972 <button class="dropbtn" onclick="changeLanguage('EN', 'jwc.gotra-resources.my.id/web-upload/1711464638-26-03-2024-cjAPkKJplLZFfbVXW3SwdG8xrO7uCt0g.webp'); doGTranslate('en|en');return false;"> 1973 1974 <img src="https://jwc.gotra-resources.my.id/web-upload/1711464638-26-03-2024-cjAPkKJplLZFfbVXW3SwdG8xrO7uCt0g.webp" alt="TRANSLATE" /> 1975 <div class="dropbtn-text" translate="no">EN</div> 1976 </button> 1977 </div> 1978 </div> 1979 </div> 1980 1981 <div class="d-none" id="google_translate_element2"></div> 1982 <!-- ========== Dropdown ======== --> 1983 1984 </div> 1985 </div> 1986 </div> 1987 1988
1988<script> 1989 function changeLanguage(language, img) { 1990 var dropbtn = document.querySelector(".dropbtn-text"); 1991 var flag = document.querySelector(".dropbtn-flag"); 1992 dropbtn.textContent = language; 1993 flag.src = "https://" + img; 1994 } 1995 </script>
1995 1996 1997 1998 </header> 1999 <style> 2000 </style> 2001 2002 <div role="main" class="main" style=""> 2003<style type="text/css"> 2004 2005@media (min-width: 768px) { 2006 #header.header-no-min-height .header-body { margin-top:-3px; } 2007} 2008 2009</style> 2010 2011<section class="section-allpage lazyload" data-bgset=""> 2012 <div class="text wow fadeIn" data-wow-duration="2s"> 2013 <h1>Popular Activities</h1> 2014 <p>Home - Popular Activities</p> 2015 </div> 2016</section> 2017 2018 2019<section class="pad6rem"> 2020 <div class="container-global"> 2021 2022 <div class="row mt-5"> 2023 2024 2025 <div class="col-md-4 "> 2026 <div class="blog"> 2027 2028 <div style="position: relative;"> 2029 <img class="img-fluid w-100" src="https://jwc.gotra-resources.my.id/web-upload/1764736605-product_image-03-12-2025-W6U2sYSroKCiRkB0.webp" alt="ATV Adventure"> 2030 2031 <!--<div class="catcat text-center"> 2032 <span> 2033 03 </span> <br> 2034 Dec </div>--> 2035 </div> 2036 2037 <div class="blog2"> 2038 <p> 2039 Popular Activities <i class="fa-solid fa-circle mx-3"></i> 2040 03 Dec 2025 </p> 2041 <h3>ATV Adventure</h3> 2042 <hr> 2043 <a class="btn" href="https://isladebalitours.com/article/atv-adventure">Read More<i class="fas fa-arrow-right ml-3"></i></a> 2044 </div> 2045 2046 </div> 2047 </div> 2048 2049 2050 <div class="col-md-4 "> 2051 <div class="blog"> 2052 2053 <div style="position: relative;"> 2054 <img class="img-fluid w-100" src="https://jwc.gotra-resources.my.id/web-upload/1764738220-03-12-2025-RZVfvJ76TmxpwMarjY9sHloh1Ltn5c23.webp" alt="River Rafting and Tubing"> 2055 2056 <!--<div class="catcat text-center"> 2057 <span> 2058 03 </span> <br> 2059 Dec </div>--> 2060 </div> 2061 2062 <div class="blog2"> 2063 <p> 2064 Popular Activities <i class="fa-solid fa-circle mx-3"></i> 2065 03 Dec 2025 </p> 2066 <h3>River Rafting and Tubing</h3> 2067 <hr> 2068 <a class="btn" href="https://isladebalitours.com/article/river-rafting-and-tubing">Read More<i class="fas fa-arrow-right ml-3"></i></a> 2069 </div> 2070 2071 </div> 2072 </div> 2073 2074 2075 <div class="col-md-4 "> 2076 <div class="blog"> 2077 2078 <div style="position: relative;"> 2079 <img class="img-fluid w-100" src="https://jwc.gotra-resources.my.id/web-upload/1764738148-03-12-2025-OHkDy1TNGmhBQrf6I0gbEujtildVFnwA.webp" alt="Bali Swing"> 2080 2081 <!--<div class="catcat text-center"> 2082 <span> 2083 03 </span> <br> 2084 Dec </div>--> 2085 </div> 2086 2087 <div class="blog2"> 2088 <p> 2089 Popular Activities <i class="fa-solid fa-circle mx-3"></i> 2090 03 Dec 2025 </p> 2091 <h3>Bali Swing</h3> 2092 <hr> 2093 <a class="btn" href="https://isladebalitours.com/article/bali-swing">Read More<i class="fas fa-arrow-right ml-3"></i></a> 2094 </div> 2095 2096 </div> 2097 </div> 2098 2099 2100 <div class="col-md-4 "> 2101 <div class="blog"> 2102 2103 <div style="position: relative;"> 2104 <img class="img-fluid w-100" src="https://jwc.gotra-resources.my.id/web-upload/1764738108-03-12-2025-gKDTC5ezGdb6vowRIqlm89VPQc1xt4Ei.webp" alt="Coffee Plantation"> 2105 2106 <!--<div class="catcat text-center">
2107 <span> 2108 03 </span> <br> 2109 Dec </div>--> 2110 </div> 2111 2112 <div class="blog2"> 2113 <p> 2114 Popular Activities <i class="fa-solid fa-circle mx-3"></i> 2115 03 Dec 2025 </p> 2116 <h3>Coffee Plantation</h3> 2117 <hr> 2118 <a class="btn" href="https://isladebalitours.com/article/coffee-plantation">Read More<i class="fas fa-arrow-right ml-3"></i></a> 2119 </div> 2120 2121 </div> 2122 </div> 2123 2124 2125 </div> 2126 2127 </div> 2128</section> 2129 2130<style> 2131 .whyy { 2132 position: relative; 2133 } 2134 .whyy .background { 2135 position: absolute; 2136 width: 100%; 2137 height: 100%; 2138 left: 0; 2139 opacity: .45; 2140 z-index: 2; 2141 filter: brightness(.6) blur(0px); 2142 top: 0; 2143 object-fit: cover; 2144 } 2145 .why-section { 2146 position: relative; 2147 font-family: var(--primtext); 2148 } 2149 .why-section { 2150 position: relative; 2151 transition: all ease 500ms; 2152 } 2153 .why-section:hover i { 2154 background: var(--color2) !important; 2155 color: #fff !important; 2156 } 2157 .why-section i { 2158 background: transparent; 2159 font-size: 40px; 2160 border: 1px solid #00000008; 2161 width: 80px; 2162 box-shadow: 4px 4px 8px #00000010; 2163 height: 80px; 2164 text-align: center; 2165 line-height: 80px; 2166 border-radius: 10px; 2167 margin-bottom: 30px; 2168 color: var(--color2); 2169 transition: all ease 500ms; 2170 } 2171 .why-section h3 { 2172 font-family: var(--primtext); 2173 font-weight: 600; 2174 text-transform: capitalize; 2175 font-size: 22px; 2176 color: #000; 2177 letter-spacing: 0px; 2178 margin-bottom: 15px; 2179 } 2180 .why-section p { 2181 color: #555; 2182 font-weight: 300; 2183 font-size: 14px; 2184 font-family: var(--primtext); 2185 } 2186@media (max-width: 768px) { 2187 .why-section { text-align: center;} 2188 2189 .container { padding: 0px 20px; } 2190 2191 .why-section i { 2192 font-size: 40px; 2193 } 2194 2195 .why-section h3 { 2196 font-size: 18px; 2197 margin-bottom: 6px; 2198 } 2199 2200 .why-section p { 2201 font-size: 13px; 2202 } 2203 2204 .col3636 { padding: 0 5px; } 2205} 2206 2207</style> 2208 2209<section class="pad6rem whyy wow fadeIn" data-wow-duration="2s" style="background: #cbcbcb17;"> 2210 <img class="background d-none" src="https://jwc.gotra-resources.my.id/web-upload/1759388815-02-10-2025-OcLtGdY3lARxu04wzHT697DoiKaC8ZWS.webp" alt="why"> 2211 <div class="container-global"> 2212 2213 <div class="title-general text-center px-1" style="position: relative; z-index: 4;"> 2214 <span class="tag-ats">Isla De Bali Tours</span> 2215 <h2 class="title text-ligh"> 2216 What Makes Us the <span>Right Choice</span> 2217 </h2> 2218 2219 <hr> 2220 </div> 2221 2222 <div class="row" style="position: relative; z-index: 4;"> 2223 2224 <!-- Point 1 --> 2225 <div class="col-md-3 col-6 col3636"> 2226 <div class="why-section text-center"> 2227 <i class="fa-solid fa-user-check"></i> 2228 <h3>Trusted Local Guides</h3> 2229 <p>Explore Bali with experienced, English-speaking guides.</p> 2230 </div> 2231 </div> 2232 2233 <!-- Point 2 --> 2234 <div class="col-md-3 col-6 col3636"> 2235 <div class="why-section text-center"> 2236 <i class="fa-solid fa-route"></i> 2237 <h3>Private & Flexible Tours</h3> 2238 <p>Customize your itinerary with private day trips and activity packages.</p> 2239 </div> 2240 </div> 2241 2242 <!-- Point 3 --> 2243 <div class="col-md-3 col-6 col3636"> 2244 <div class="why-section text-center"> 2245 <i class="fa-solid fa-car-side"></i> 2246 <h3>Comfortable Transport</h3> 2247 <p>Travel in air-conditioned vehicles with professional drivers.</p> 2248 </div> 2249 </div> 2250 2251 <!-- Point 4 --> 2252 <div class="col-md-3 col-6 col3636"> 2253 <div class="why-section text-center"> 2254 <i class="fa-solid fa-check-circle"></i> 2255 <h3>Hassle-Free Booking</h3> 2256 <p>Easy online booking with transparent prices for all tours.</p> 2257 </div> 2258 </div> 2259 2260 </div> 2261 2262 2263 </div> 2264</section><style type="text/css"> 2265 2266 2267 2268html .faq .toggle-primary .toggle label { 2269 border-radius: 0px; 2270 font-family: var(--subtext); 2271 font-weight: 600; 2272 text-transform: unset; 2273 padding: 15px ; 2274 line-height: 30px; 2275 font-size: 20px; 2276 color: var(--colors); 2277 letter-spacing: .5px; 2278 margin-bottom: 0px; 2279 border: none; 2280 background: transparent; 2281 border-bottom: 1px solid #00000050; 2282} 2283html .faq .toggle-primary .toggle.active>label { 2284 background-color: transparent; 2285 border-color: var(--colors); 2286 color: #000; 2287} 2288 2289.toggle>label:before { 2290 clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); 2291 border: none; 2292 background: var(--colors); 2293 width: 10px; 2294 height: 10px; 2295} 2296 2297.faq .toggle.active>label:before {
2298 transform: rotate(0deg) translate3d(0,-50%,0); 2299 top: calc(50% + 1px); 2300} 2301 2302.faq .toggle>label:before { 2303 transform: rotate(135deg); 2304 top: calc(50% - 8px); 2305} 2306 2307.faq .toggle-content { 2308 padding: 25px 10px; 2309 border: none; 2310 margin-bottom: 25px; 2311 font-family: var(--subtext); 2312 background: transparent; 2313} 2314 2315.faq .toggle-content p { 2316 padding: 0 !important; 2317 margin-bottom: 15px !important; 2318 color: var(--color3); 2319} 2320 2321.faq .toggle>label { background:white; } 2322 2323.faq .toggle label h3 { 2324 margin-bottom: 0; 2325 text-transform: unset; 2326 font-size: 16px; 2327 line-height: 30px; 2328 font-weight: 600; 2329 padding-right: 2rem; 2330 letter-spacing: 1px; 2331 font-family: var(--primtext); 2332} 2333 2334html .faq .toggle-primary .toggle.active>label h3 { color: #000; } 2335 2336@media (max-width: 768px) { 2337 .faq .toggle label h3 { 2338 padding: 5px; 2339 font-size: 14px; 2340 line-height: 23px; 2341 letter-spacing: .3px; 2342 padding-right: 50px; 2343 } 2344 html .faq .toggle-primary .toggle label { 2345 padding: 5px 0 ; 2346 } 2347 .faq .toggle { margin-bottom:0; } 2348} 2349</style> 2350 2351<section class="pad6rem faq" style=""> 2352 2353 2354 2355 2356 <div class="container-global"> 2357 <div class="mar10"> 2358 <div class="title-general text-center px-1"> 2359 <span class="tag-ats">Before You Book</span> 2360 <h2 class="title">Browse Our Most <span>Asked Questions</span></h2> 2361 <hr> 2362 </div> 2363 2364 <div class="row" > 2365 2366 <div class="col-md-6" > 2367 <div class="toggle toggle-primary" data-plugin-toggle> 2368 <section class="toggle"> 2369 <label><h3>What types of Bali tours do you offer?</h3></label> 2370 <div class="toggle-content"> 2371 <p>We provide private day tours, activity combo packages, Nusa Penida trips, fastboat tickets, airport transfers, and custom itineraries, designed for flexibility, comfort, and memorable experiences.</p> 2372 </div> 2373 </section> 2374 <section class="toggle"> 2375 <label><h3>Can I customize my tour itinerary?</h3></label> 2376 <div class="toggle-content"> 2377 <p>Yes! All our tours are fully customizable. You can select destinations, activities, starting time, and pace. Our team helps you create a personalized itinerary based on your interests and schedule.</p> 2378 </div> 2379 </section> 2380 <section class="toggle"> 2381 <label><h3>Are your tours suitable for families and kids?</h3></label> 2382 <div class="toggle-content"> 2383 <p>Absolutely. Our tours are family-friendly and safe for children. We offer private tours, kid-friendly activities, and flexible schedules to ensure everyone enjoys Bali comfortably.</p> 2384 </div> 2385 </section> 2386 <section class="toggle"> 2387 <label><h3>How do I book a tour with Isla De Bali Tours?</h3></label> 2388 <div class="toggle-content"> 2389 <p>Booking is simple. You can reserve your tour through our website, WhatsApp, or email. Once booked, we provide confirmations, itineraries, and all the details for a smooth experience.</p> 2390 </div> 2391 </section> 2392 <section class="toggle"> 2393 <label><h3>Do you provide airport transfer services?</h3></label> 2394 <div class="toggle-content"> 2395 <p>Yes, we offer private airport transfers to and from Ngurah Rai International Airport. Our professional drivers will pick you up on time with air-conditioned vehicles for a safe and comfortable journey.</p> 2396 </div> 2397 </section> 2398 </div> 2399 </div> 2400 <div class="col-md-6" > 2401 <div class="toggle toggle-primary" data-plugin-toggle> 2402 <section class="toggle"> 2403 <label><h3>Are the tours guided by local experts?</h3></label> 2404 <div class="toggle-content"> 2405 <p>All our tours are led by experienced, English-speaking local guides who are knowledgeable about Baliâs culture, history, and hidden gems, ensuring a safe and fun experience.</p> 2406 </div> 2407 </section> 2408 <section class="toggle"> 2409 <label><h3>
2409What should I bring on my Bali tour?</h3></label> 2410 <div class="toggle-content"> 2411 <p>We recommend comfortable clothing, sunscreen, sunglasses, a hat, swimwear for water activities, water bottles, and a camera. For adventure tours, comfortable shoes and light snacks are also suggested.</p> 2412 </div> 2413 </section> 2414 <section class="toggle"> 2415 <label><h3>Are meals included in the tours?</h3></label> 2416 <div class="toggle-content"> 2417 <p>Meal inclusion depends on the tour package. Some activity combos and full-day tours include lunch or refreshments. Each tour page specifies what is included for your convenience.</p> 2418 </div> 2419 </section> 2420 <section class="toggle"> 2421 <label><h3>Do you offer fastboat tickets to Nusa Penida and Gili Islands?</h3></label> 2422 <div class="toggle-content"> 2423 <p>Yes. We provide fastboat tickets with flexible schedules to Nusa Penida, Nusa Lembongan, and the Gili Islands. Tickets are reliable, safe, and often combined with guided tours for convenience.</p> 2424 </div> 2425 </section> 2426 <section class="toggle"> 2427 <label><h3>What makes Isla De Bali Tours different from other tour companies?</h3></label> 2428 <div class="toggle-content"> 2429 <p>We specialize in private, flexible tours with professional local guides, comfortable vehicles, competitive pricing, and hassle-free booking. Our focus is on creating unforgettable experiences tailored to each traveler.</p> 2430 </div> 2431 </section> 2432 </div> 2433 </div> 2434 2435 </div> 2436 2437 2438 2439 </div> 2440 </div> 2441</section> 2442 2443 2444 2445<!-- <style> 2446.why-style h3 { 2447 font-family: var(--primtext); 2448 text-transform: capitalize; 2449 font-weight: 700; 2450 letter-spacing: 0.1px; 2451 margin-bottom: 9px; 2452 font-size: 20px; 2453 color: var(--color3); 2454} 2455 2456.why-style p { 2457 font-family: var(--subtext); 2458 font-weight: 400; 2459 font-size: 14px; 2460 margin-bottom: 0px; 2461 color: #eee; 2462} 2463 2464.why-style .col-md-3 { 2465 align-self: center; 2466 text-align: center; 2467 padding-right: 0px; 2468} 2469 2470.why-style .col-md-3 img { 2471 object-fit: contain; 2472 object-position: center; 2473} 2474 2475.why-style { 2476 margin-bottom: 15px; 2477} 2478 2479.style-why { 2480 background-color: navajowhite; 2481 margin-bottom: -41px; 2482} 2483 2484.contact-baru { 2485 background: var(--color2); 2486 position: relative; 2487 padding: 35px 40px 20px 40px; 2488 box-shadow: 0px 11px 53px 0px rgb(89 59 36 / 14%); 2489 border-radius: 10px; 2490 position: relative; 2491 z-index: 11; 2492} 2493 2494@media (max-width: 768px) { 2495 .contact-baru { 2496 background-color: #2a2a2a; 2497 margin-top: 0px; 2498 position: relative; 2499 width: 100%; 2500 border-radius: unset; 2501 padding: 35px 30px 35px !important; 2502 box-shadow: 0px 11px 53px 0px rgb(89 59 36 / 14%); 2503 } 2504 2505 .contact-baru img { 2506 height: 60px; 2507 margin-bottom: 19px; 2508 } 2509 2510 .why-style h3 { 2511 text-transform: capitalize; 2512 font-weight: 700; 2513 letter-spacing: 0.1px; 2514 margin-bottom: 10px; 2515 font-size: 20px; 2516 } 2517 2518 .why-style .col-md-3 { 2519 padding-right: 0px; 2520 } 2521 2522 .why-style p { 2523 font-weight: 400; 2524 font-size: 13px; 2525 margin-bottom: 30px; 2526 } 2527} 2528 2529@media (max-width: 768px) { 2530 .contact-baru { 2531 display: none; 2532 } 2533} 2534</style> 2535<section class="container-global d-md-block d-none" style="position: relative; margin-top: -80px;"> 2536 <div class="contact-baru"> 2537 <div class="row why-style"> 2538 <div class="col-md-4"> 2539 <div class="row align-items-center"> 2540 <div class="col-md-3 col-3"> 2541 <img 2542 alt="Local Cycling Guides Bali" 2543 class="img-fluid" 2544 src="https://jwc.gotra-resources.my.id/web-upload/1754136541-02-08-2025-naeZMSdWDTYCO94gVwy3horstvbFRIuX.webp" 2545 /> 2546 </div> 2547 2548 <div class="col-md-9 col-9"> 2549 <h3>Local Guides</h3> 2550 <p> 2551 Ride with friendly Balinese locals who know every hidden path. 2552 </p> 2553 </div> 2554 </div> 2555 </div> 2556 2557 <div class="col-md-4"> 2558 <div class="row"> 2559 <div class="col-md-3 col-3"> 2560 <img 2561 alt="Scenic Safe Cycling Ubud" 2562 class="img-fluid" 2563 src="https://jwc.gotra-resources.my.id/web-upload/1754136542-02-08-2025-DBt3mfyPMrQOW0GwYJZ4he9HnaSN2TKj.webp" 2564 /> 2565 </div> 2566 2567 <div class="col-md-9 col-9"> 2568 <h3>Scenic & Safe</h3> 2569 <p> 2570 Enjoy beautiful, beginner-friendly routes through Ubud & Kintamani. 2571 </p> 2572 </div> 2573 </div> 2574 </div> 2575 2576 <div class="col-md-4"> 2577 <div class="row"> 2578 <div class="col-md-3 col-3"> 2579 <img 2580 alt="Eco Family Friendly Tour Bali" 2581 class="img-fluid" 2582 src="https://jwc.gotra-resources.my.id/web-upload/1754136541-02-08-2025-FVehr8CbSZ3nAGwXlON6gs42qfJk1Wud.webp" 2583 /> 2584 </div> 2585 2586 <div class="col-md-9 col-9"> 2587 <h3>Eco & Family Friendly</h3> 2588 <p> 2589 Sustainable tours for all ages â solo, couple, or group. 2590 </p> 2591 </div> 2592 </div> 2593 </div> 2594 </div> 2595 </div> 2596</section> --> 2597 2598</div> 2599 2600 2601 2602 2603<style> 2604 2605 #chatbtn { 2606 background: #089dff; 2607 color: #fff; 2608 width: 50px; 2609 height: 50px; 2610 font-size: 20px; 2611 outline: none; 2612 border-radius: 50%; 2613 float: right; 2614 cursor: pointer; 2615 border: none; 2616 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); 2617 z-index: 9999; 2618 } 2619 2620 .sosmed .facebook i { 2621 background-color: #4267b2; 2622 } 2623 2624 .sosmed .instagram i { 2625 background-color: #d10869; 2626 } 2627 2628 .sosmed .whatsapp i { 2629 background-color: #25d366; 2630 } 2631 2632 .sosmed .messenger i { 2633 background-color: #0084ff; 2634 } 2635 2636 .sosmed .telegram i { 2637 background-color: #51bae7; 2638 } 2639 2640 .sosmed .youtube i { 2641 background-color: red; 2642 } 2643 2644 .sosmed .email i { 2645 background-color: #f17721 2646 } 2647 2648 .fixed-bottom #sosmed a i { 2649 margin: 5px auto; 2650 display: block; 2651 color: #FFF; 2652 padding: 12px; 2653 opacity: 0.8; 2654 text-align: center; 2655 } 2656 2657 html .scroll-to-top { 2658 bottom: 25px; 2659 border-radius: 5px; 2660 right: 80px; 2661 } 2662 2663 .icon-custom { 2664 font-size: 25px !important; 2665 width: 50px; 2666 height: 50px; 2667 border-radius: 50%; 2668 } 2669 2670 .title-foot-default { 2671 font-family: var(--primtext); 2672 text-transform: capitalize; 2673 letter-spacing: 0px; 2674 font-size: 21px !important; 2675 font-weight: 700 !important; 2676 margin-bottom: 30px; 2677 color: var(--colors) !important; 2678 } 2679 2680 .text-footer { 2681 margin-bottom: 0; 2682 font-family: var(--subtext); 2683 color: #000; 2684 letter-spacing: 0.5px; 2685 font-size: 14px; 2686 text-align: left; 2687 } 2688 2689 .text-foot b { 2690 font-weight: 500; 2691 } 2692 2693 .text-foot { 2694 font-family: var(--subtext); 2695 color: #000; 2696 margin-bottom: 3px; 2697 font-size: 15px; 2698 letter-spacing: 0px; 2699 line-height: 28px; 2700 } 2701 2702 .text-foot i { 2703 color: var(--colors); 2704 } 2705 2706 .text-foot a { 2707 color: #000 !important; 2708 } 2709 2710 a.scroll-to-top.hidden-mobile.visible { 2711 display: none; 2712 } 2713 2714 .img-avail { 2715 height: 53px; 2716 margin-bottom: 5px; 2717 } 2718 2719 2720 .logfot { 2721 position: relative; 2722 margin-bottom: 4rem; 2723 } 2724 2725 .logfot p { 2726 font-size: 16px; 2727 width: 510px; 2728 margin: auto; 2729 margin-top: 10px; 2730 line-height: 30px; 2731 } 2732
2733 .txt-add { 2734 width: 320px; 2735 } 2736 2737 @media (min-width: 768px) { 2738 .logo-footer { 2739 height: 55px; 2740 margin-bottom: 10px; 2741 object-fit: cover; 2742 margin-top: 1rem; 2743 } 2744 } 2745 2746 @media (max-width: 768px) { 2747 2748 .whatsapp-text { 2749 display: none; 2750 } 2751 2752 .text-sm-center { 2753 text-align: center; 2754 } 2755 2756 .logo-footer { 2757 height: 70px; 2758 margin-bottom: 10px; 2759 } 2760 2761 #footer.short { 2762 padding-top: 3rem; 2763 } 2764 2765 .text-footer { 2766 text-align: center; 2767 } 2768 2769 .logfot p { 2770 width: auto; 2771 font-size: 14px; 2772 } 2773 } 2774 2775 2776 .social-icons:not(.social-icons-clean) li a { 2777 background: transparent; 2778 } 2779 2780 #footer .social-icons:not(.social-icons-clean) li a { 2781 color: #000 !important; 2782 } 2783 2784 .social-icons li a { 2785 color: #111827 !important; 2786 } 2787 2788 .social-icons li a i { 2789 line-height: 28px; 2790 } 2791 2792 .social-icons li { 2793 margin-right: 5px; 2794 } 2795 2796 ul.header-social-icons.social-icons { 2797 /* text-align: right; */ 2798 margin-top: 20px; 2799 } 2800 2801 .social-icons li { 2802 border: .3px solid var(--colors); 2803 border-radius: 0; 2804 } 2805 2806 #footer .social-icons li { 2807 border: .3px solid #ffffff80; 2808 border-radius: 0; 2809 } 2810 2811 .social-icons:not(.social-icons-clean) li { 2812 -webkit-box-shadow: none; 2813 box-shadow: none; 2814 } 2815 2816 .social-icons li a { 2817 border-radius: 0; 2818 height: 32px; 2819 line-height: 32px; 2820 width: 32px; 2821 } 2822 2823 .social-icons:not(.social-icons-clean) li:hover a { 2824 color: #fff !important; 2825 } 2826 2827 html .scroll-to-top { 2828 display: none; 2829 } 2830 2831 #footer.short { 2832 padding: 0; 2833 padding-top: 5rem; 2834 } 2835 2836 .foot-style { 2837 background-color: #fff !important;
2838 border-top: 4px solid var(--color2) !important; 2839 position: relative; 2840 2841 } 2842 2843 .foot-style-2 { 2844 border-top: 1px solid #00000030; 2845 position: relative; 2846 background: transparent; 2847 } 2848 2849 .fixwa { 2850 left: auto; 2851 right: 20px; 2852 bottom: 20px 2853 } 2854 2855 .share-icons { 2856 width: 50px 2857 } 2858 2859 img.img-sosmed { 2860 height: 30px; 2861 margin-right: 10px; 2862 } 2863 2864 .list-link p a i { 2865 color: var(--colors); 2866 } 2867 2868 .list-link p { 2869 font-family: var(--primtext); 2870 color: #acacac; 2871 margin-bottom: 10px; 2872 font-size: 15px; 2873 } 2874 2875 .list-link p a { 2876 color: #000 !important; 2877 } 2878 2879 .list-link p a:hover { 2880 color: var(--color2) !important; 2881 } 2882 2883 .background { 2884 position: absolute; 2885 width: 100%; 2886 height: 100%; 2887 left: 0; 2888 top: 0; 2889 background-size: cover; 2890 background-position: center; 2891 } 2892/* ==================== Footer =================== */ 2893 2894</style> 2895 2896 2897 2898 2899<div class="smooth-slide" id="contact"></div> 2900 2901<footer id="footer" class="foot-style short mt-0"> 2902 <div class="background"></div> 2903 2904 <div class="container-global pb-4 wow fadeInUp" style="position: relative; z-index: 3;"> 2905 2906 2907 <div class="row justify-content-center wow fadeIn" data-wow-duration="2s"> 2908 2909 <div class="col-md-4 mb-4 mb-md-0"> 2910 <img loading="lazy" class="img-fluid logo-footer" src="https://jwc.gotra-resources.my.id/web-upload/1765278061-09-12-2025-8K1GL4Uhc5QMOapqRWbg9nrj2XSIs3Ee.webp" alt="Logo Isla De Bali Tours"> 2911 2912 <p class="text-foot mt-3 ">Banjar Tebuana, Desa Taro, Kecamatan Tegallalang, Kabupaten Gianyar, Bali 80561</p> 2913 2914 <!--<p class="text-foot mt-3 "><i class="fa-solid fa-phone mr-3"></i><a href="tel:+6281316135491">+6281316135491</a></p>--> 2915 2916 2917 <p class="text-foot"><i class="fab fa-whatsapp mr-3"></i><a href="https://wa.me/6281316135491?text=Hello%2C+I+got+this+number+from+website+Isla+De+Bali+Tours.+I%27d+like+to+ask+about+your+services%2C+could+you+assist+me%3F">+6281316135491</a></p> 2918 2919 <p class="text-foot mb-4"><i class="fa-solid fa-envelope mr-3"></i><a href="mailto:[email protected]">[email protected]</a></p> 2920 2921 <ul class="header-social-icons social-icons"> 2922 <li class="social-icons-facebook"><a href="https://www.facebook.com/profile.php?id=61583977964370" target="_blank" rel="noopener" rel="noreferrer" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> 2923 <li class="social-icons-instagram"><a href="https://www.instagram.com/isladebalitours/" target="_blank" rel="noopener" rel="noreferrer" title="Instagram"><i class="fab fa-instagram"></i></a></li> 2924 </ul> 2925 2926 </div> 2927 2928 <div class="col-md-4 mb-4 mb-md-0"> 2929 <h3 class="title-foot-default">Our Pages</h3> 2930 <div class="list-link"> 2931 2932 <p><a href="https://isladebalitours.com/about-us"><i class="fa-solid fa-arrow-right mr-2"></i> About Us</a></p> 2933 2934 <p><a href="https://isladebalitours.com/view/kintamani-tour-with-cruise"><i class="fa-solid fa-arrow-right mr-2"></i> Special Tour</a></p> 2935 2936 <p><a href="https://isladebalitours.com/category/day-tour"><i class="fa-solid fa-arrow-right mr-2"></i> Day Tour</a></p> 2937 2938 <p><a href="https://isladebalitours.com/category/activity-combo-packages"><i class="fa-solid fa-arrow-right mr-2"></i> Activity Combo Packages</a></p> 2939 2940 <p><a href="https://isladebalitours.com/category/airport-transfer-service"><i class="fa-solid fa-arrow-right mr-2"></i> Airport Transfer Service</a></p> 2941 2942 </div> 2943 </div> 2944 2945 <div class="col-md-4 mb-4 mb-md-0"> 2946 <h3 class="title-foot-default">Our Tripadvisor</h3> 2947 2948 <div id="TA_selfserveprop126" class="TA_selfserveprop"><ul id="gRq7aTjqrO" class="TA_links rroX5u"><li id="0gFKvJ4ow45e" class="Z16kIQFIWd"><a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g297695-d34066593-Reviews-Isla_De_Bali_Tours-Gianyar_Gianyar_Regency_Bali.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/branding/v2/Tripadvisor_lockup_horizontal_secondary_registered-11900-2.svg" alt="TripAdvisor"/></a></li></ul></div>
2948<script async src="https://www.jscache.com/wejs?wtype=selfserveprop&uniq=126&locationId=34066593&lang=en_US&rating=true&nreviews=5&writereviewlink=true&popIdx=true&iswide=false&border=true&display_version=2" data-loadtrk onload="this.loadtrk=true"></script>
2948 2949 2950 </div> 2951 2952 </div> 2953 </div> 2954 2955 <div class="py-4 py-md-4 mt-4 text-sm-center foot-style-2"> 2956 2957 <div class="row justify-content-center text-center"> 2958 <div class="col-md-12 mb-md-0 mb-3"> 2959 <p class="text-footer text-center">© Copyright 2026 Isla De Bali Tours. All Rights Reserved.</p> 2960 </div> 2961 2962 </div> 2963 2964 </div> 2965 2966</footer> 2967 2968</div> 2969 2970<div class="fixed-bottom fixwa" style="left: auto; right: 20px; bottom: 20px"> 2971 <div class="share-icons" style="width: 50px"> 2972 <div id="sosmed" class="sosmed"> 2973 <a title="Whatsapp" class="whatsapp" href="https://wa.me/6281316135491" class="text-decoration-none"><i class="fab fa-whatsapp icon-custom"></i></a> 2974 </div> 2975 </div> 2976</div> 2977 2978 2979<!-- Vendor -->
2980<script type='text/javascript' src='https://isladebalitours.com/assets/front/vendor/popper/umd/popper.min.js'></script>
2980<script src="https://isladebalitours.com/assets/front/vendor/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 2980
2980
2981<script src="https://isladebalitours.com/assets/front/vendor/jquery.appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 2981
2981
2982<script src="https://isladebalitours.com/assets/front/vendor/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 2982
2982
2983<script type='text/javascript' src='https://isladebalitours.com/assets/front/vendor/magnific-popup/jquery.magnific-popup.min.js'></script>
2983<!--
2983<script src="https://isladebalitours.com/assets/front/vendor/owl.carousel/owl.carousel.min.js"></script>
2983 --> 2984 2985<!-- Theme Base, Components and Settings -->
2986<script src="https://isladebalitours.com/assets/front/js/theme.min.js"></script>
2986 2987 2988<!-- Theme Custom -->
2989<script src="https://isladebalitours.com/assets/front/js/wow.min.js"></script>
2989 2990
2991<script src="https://isladebalitours.com/assets/front/js/jquery.appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 2991
2991
2992<script src="https://isladebalitours.com/assets/front/js/common/common.min.js"></script>
vendor: 1 bytes, line 2992
2992
2993<script src="https://isladebalitours.com/assets/front/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 2993
2993
2994<script src="https://isladebalitours.com/assets/front/js/theme.js"></script>
vendor: 1 bytes, line 2994
2994
2995<script src="https://isladebalitours.com/assets/front/js/theme.init.js"></script>
2995 2996
2997<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
2997 2998
2999<script src="https://isladebalitours.com/assets/front/js/ls.bgset.min.js"></script>
vendor: 1 bytes, line 2999
2999
3000<script src="https://isladebalitours.com/assets/front/js/lazysizes.min.js"></script>
3000 3001<!--
3001<script src="https://isladebalitours.com/assets/front/js/examples/examples.gallery.js"></script>
3001 --> 3002
3003<script> 3004 new WOW().init(); 3005</script>
3005 3006 3007<!--
3007<script>
vendor: 327 bytes, lines 3007-3011
3007(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3008new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 3009j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 3010'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 3011})(window,document,'script','dataLayer','
3011GTM-WC9WTSF
vendor: 3 bytes, line 3011
3011');
3011</script>
3011 --> 3012 3013<div id="fb-root"></div>
3014<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v13.0" nonce="fwhFN9Lu"></script>
3014 3015
3016<script> 3017$(window).on("scroll",function(){$(window).scrollTop()>=600?$(".hilang-head").addClass("hilang-sticky"):$(".hilang-head").removeClass("hilang-sticky")}),$(document).ready(function(){var n=$("#menu-button"),i=$("#menuWrapper"),l=$("#close");n.on("click",function(){i.addClass("show-box")}),l.on("click",function(){i.removeClass("show-box")})});var i,linkCollapse=document.getElementsByClassName("child-toggle");for(i=0;i<linkCollapse.length;i++)linkCollapse[i].addEventListener("click",function(){this.nextElementSibling.classList.toggle("show-child-menus")});$(document).on("click",".menu-prosing",function(){$(this).addClass("active").siblings().removeClass("active")}); 3018 3019function toggleMessage(id, expand) { 3020 const messageElement = document.getElementById(id); 3021 const readMoreButton = messageElement.nextElementSibling; 3022 const readLessButton = readMoreButton.nextElementSibling; 3023 3024 if (expand) { 3025 // Expand to full message 3026 messageElement.textContent = messageElement.getAttribute('data-full-message'); 3027 readMoreButton.classList.add('d-none'); 3028 readLessButton.classList.remove('d-none'); 3029 } else { 3030 // Collapse to short message 3031 messageElement.textContent = messageElement.getAttribute('data-short-message'); 3032 readMoreButton.classList.remove('d-none'); 3033 readLessButton.classList.add('d-none'); 3034 } 3035} 3036 3037</script>
3037 3038
3039<script> 3040 3041$(document).ready(function(){ 3042 $('.slider').slick({ 3043 autoplay: true, 3044 draggable: true, 3045 arrows: false, 3046 dots: false, 3047 fade: true, 3048 autoplaySpeed: 5000, 3049 speed: 1000, 3050 infinite: true, 3051 }); 3052}); 3053 3054$(document).ready(function(){ 3055 $('.rowdes2').slick({ 3056 autoplay: false, 3057 draggable: true, 3058 prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', 3059 nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', 3060 dots: false, 3061 autoplaySpeed: 3000, 3062 speed: 1000, 3063 infinite: true, 3064 slidesToShow: 2, 3065 slidesToScroll: 1, 3066 responsive: [ 3067 { 3068 breakpoint: 1024, 3069 settings: { 3070 slidesToShow: 1, 3071 slidesToScroll: 1, 3072 infinite: true, 3073 dots: false 3074 } 3075 }, 3076 { 3077 breakpoint: 600, 3078 settings: { 3079 slidesToShow: 1, 3080 slidesToScroll: 1 3081 } 3082 }, 3083 { 3084 breakpoint: 480, 3085 settings: { 3086 slidesToShow: 1, 3087 slidesToScroll: 1 3088 } 3089 } 3090 ] 3091 }); 3092}); 3093 3094$(document).ready(function(){ 3095 $('.product-slick').slick({ 3096 autoplay: false, 3097 draggable: true, 3098 prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', 3099 nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', 3100 dots: false, 3101 autoplaySpeed: 2000, 3102 speed: 1000, 3103 infinite: true, 3104 slidesToShow: 4, 3105 slidesToScroll: 1, 3106 responsive: [ 3107 { 3108 breakpoint: 1024, 3109 settings: { 3110 slidesToShow: 2, 3111 slidesToScroll: 2, 3112 infinite: true, 3113 autoplay: true, 3114 dots: true 3115 } 3116 }, 3117 { 3118 breakpoint: 600, 3119 settings: { 3120 slidesToShow: 1, 3121 autoplay: true, 3122 slidesToScroll: 1 3123 } 3124 }, 3125 { 3126 breakpoint: 480, 3127 settings: { 3128 autoplay: true, 3129 slidesToShow: 1, 3130 slidesToScroll: 1 3131 } 3132 } 3133 ] 3134 }); 3135}); 3136 3137$(document).ready(function(){ 3138 $('.review-slide').slick({ 3139 autoplay: false, 3140 draggable: true, 3141 prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', 3142 nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', 3143 dots: false, 3144 autoplaySpeed: 3000, 3145 speed: 1000, 3146 infinite: true, 3147 slidesToShow: 3, 3148 slidesToScroll: 3, 3149 responsive: [ 3150 { 3151 breakpoint: 1024, 3152 settings: { 3153 slidesToShow: 2, 3154 slidesToScroll: 2, 3155 infinite: true, 3156 dots: true 3157 } 3158 }, 3159 { 3160 breakpoint: 600, 3161 settings: { 3162 slidesToShow: 2, 3163 slidesToScroll: 2 3164 } 3165 }, 3166 { 3167 breakpoint: 480, 3168 settings: { 3169 slidesToShow: 1, 3170 slidesToScroll: 1 3171 } 3172 } 3173 ] 3174 }); 3175 3176}); 3177 3178 3179$(document).ready(function(){ 3180 $('.slick-center').slick({ 3181 centerMode: true, 3182 centerPadding: '0px', 3183 prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', 3184 nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', 3185 slidesToShow: 1, 3186 focusOnSelect: true, 3187 arrows: true, 3188 dots: false, 3189 autoplay: true, 3190 autoplaySpeed: 4000, 3191 speed: 1000, 3192 infinite: true, 3193 responsive: [ 3194 { 3195 breakpoint: 768, 3196 settings: { 3197 arrows: true, 3198 centerMode: true, 3199 centerPadding: '40px', 3200 slidesToShow: 1 3201 } 3202 }, 3203 { 3204 breakpoint: 480, 3205 settings: { 3206 arrows: true, 3207 centerMode: true, 3208 centerPadding: '40px', 3209 slidesToShow: 1 3210 } 3211 } 3212 ] 3213}); 3214}); 3215 3216 3217$(document).ready(function(){ 3218 $('.carousel-wall').slick({ 3219 autoplay: true, // Aktifkan autoplay 3220 autoplaySpeed: 0, // Tidak ada jeda antara slide 3221 speed: 10000, // Kecepatan transisi slide 3222 cssEase: 'linear', // Efek transisi linear seperti marquee 3223 slidesToShow: 3, // Jumlah slide yang ditampilkan sekaligus 3224 slidesToScroll: 1, // Jumlah slide yang bergeser setiap kali 3225 infinite: true, // Looping tanpa batas
3226 arrows: false, // Sembunyikan navigasi panah 3227 dots: false, // Sembunyikan navigasi dots 3228 pauseOnHover: false, // Autoplay tidak berhenti saat hover 3229 3230 responsive: [ 3231 { 3232 breakpoint: 1024, 3233 settings: { 3234 slidesToShow: 2, 3235 slidesToScroll: 1, 3236 infinite: true, 3237 dots: true 3238 } 3239 }, 3240 { 3241 breakpoint: 600, 3242 settings: { 3243 slidesToShow: 2, 3244 slidesToScroll: 1 3245 } 3246 }, 3247 { 3248 breakpoint: 480, 3249 settings: { 3250 slidesToShow: 2, 3251 slidesToScroll: 1 3252 } 3253 } 3254 ] 3255 3256 }); 3257}); 3258 3259$(document).ready(function(){ 3260 $('.slick-cent22').slick({ 3261 centerMode: true, 3262 centerPadding: '0px', 3263 prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', 3264 nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', 3265 slidesToShow: 1, 3266 focusOnSelect: true, 3267 arrows: false, 3268 dots: false, 3269 autoplay: true, 3270 autoplaySpeed: 4000, 3271 speed: 1000, 3272 infinite: true, 3273 responsive: [ 3274 { 3275 breakpoint: 768, 3276 settings: { 3277 arrows: false, 3278 centerMode: true, 3279 centerPadding: '40px', 3280 slidesToShow: 1 3281 } 3282 }, 3283 { 3284 breakpoint: 480, 3285 settings: { 3286 arrows: false, 3287 centerMode: true, 3288 centerPadding: '40px', 3289 slidesToShow: 1 3290 } 3291 } 3292 ] 3293}); 3294}); 3295 3296 3297$(document).ready(function(){ 3298 $('.rowdesi2').slick({ 3299 autoplay: false, 3300 draggable: true, 3301 prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', 3302 nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', 3303 dots: false, 3304 autoplaySpeed: 4000, 3305 speed: 1000, 3306 infinite: true, 3307 slidesToShow: 2, 3308 slidesToScroll: 1, 3309 responsive: [ 3310 { 3311 breakpoint: 1024, 3312 settings: { 3313 slidesToShow: 3, 3314 slidesToScroll: 3, 3315 infinite: true, 3316 dots: true 3317 } 3318 }, 3319 { 3320 breakpoint: 991, 3321 settings: { 3322 slidesToShow: 1, 3323 slidesToScroll: 2 3324 } 3325 }, 3326 { 3327 breakpoint: 600, 3328 settings: { 3329 slidesToShow: 1, 3330 slidesToScroll: 2 3331 } 3332 }, 3333 { 3334 breakpoint: 480, 3335 settings: { 3336 slidesToShow: 1, 3337 slidesToScroll: 1 3338 } 3339 } 3340 ] 3341 }); 3342}); 3343</script>
3343 3344
3345<script type="text/javascript"> 3346 function googleTranslateElementInit2() { 3347 new google.translate.TranslateElement({ 3348 pageLanguage: "en", 3349 includedLanguages: 'en,es', 3350 autoDisplay: false 3351 }, "google_translate_element2"); 3352 } 3353</script>
vendor: 1 bytes, line 3353
3353
3354<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
vendor: 1 bytes, line 3354
3354
3355<script type="text/javascript"> 3356 eval(function(e, t, n, r, a, c) { 3357 if (a = function(e) { 3358 return (e < 43 ? "" : a(parseInt(e / 43))) + ((e %= 43) > 35 ? String.fromCharCode(e + 29) : e.toString(36)) 3359 }, !"".replace(/^/, String)) { 3360 for (; n--;) c[a(n)] = r[n] || a(n); 3361 r = [function(e) { 3362 return c[e] 3363 }], a = function() { 3364 return "\\w+" 3365 }, n = 1 3366 } 3367 for (; n--;) r[n] && (e = e.replace(new RegExp("\\b" + a(n) + "\\b", "g"), r[n])); 3368 return e 3369 }("6 7(a,b){n{4(2.9){3 c=2.9(\"o\");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s('t'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a=='')v;3 b=a.w('|')[1];3 c;3 d=2.x('y');z(3 i=0;i<d.5;i++)4(d[i].A=='B-C-D')c=d[i];4(2.j('k')==E||2.j('k').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,'m');7(c,'m')}}", 0, 43, "||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500".split("|"), 0, {})) 3370</script>
3370 3371 3372 3373 3374</body> 3375 3376</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.