1<!DOCTYPE html> 2<html lang="id"> 3 <head> 4 <!-- 1. Enkoding Teks & Konfigurasi Utama Browser (Harus Paling Atas) --> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta name="google" content="notranslate"> 9 10 <!-- 2. SEO Dasar & Metadata Halaman --> 11 <title>Indonesia Pilot Academy Banyuwangi | Aviation Training</title> 12 <meta name="title" content="Indonesia Pilot Academy Banyuwangi | Aviation Training"> 13 <meta name="description" content="Train to become an aviation professional through DGCA-aligned programs, experienced instructors, and modern flight training facilities."> 14 <meta name="author" content="Akademi Penerbang Indonesia Banyuwangi"> 15 <meta name="robots" content="index, follow, max-image-preview:large"> 16 <link rel="canonical" href="https://icpa-banyuwangi.ac.id/"> 17 18 <!-- 3. Open Graph (Media Sosial / Facebook) --> 19 <meta property="og:type" content="website"> 20 <meta property="og:site_name" content="Indonesia Pilot Academy Banyuwangi"> 21 <meta property="og:title" content="Indonesia Pilot Academy Banyuwangi | Aviation Training"> 22 <meta property="og:description" content="Train to become an aviation professional through DGCA-aligned programs, experienced instructors, and modern flight training facilities."> 23 <meta property="og:url" content="https://icpa-banyuwangi.ac.id/"> 24 <meta property="og:image" content="https://icpa-banyuwangi.ac.id/og/og-image-apibanyuwangi.png"> 25 26 <!-- Twitter/X --> 27 <meta name="twitter:card" content="summary_large_image"> 28 <meta name="twitter:title" content="Indonesia Pilot Academy Banyuwangi | Aviation Training"> 29 <meta name="twitter:description" content="Train to become an aviation professional through DGCA-aligned programs, experienced instructors, and modern flight training facilities."> 30 <meta name="twitter:image" content="https://icpa-banyuwangi.ac.id/og/og-image-apibanyuwangi.png"> 31 32 <!-- 4. Verifikasi Layanan (Google & Facebook) --> 33 <meta name="google-site-verification" content="c5kZVAH7YNkG8rpwvwSpUi3qA3HCSSv6EjWMOoH47P4" /> 34 <meta name="facebook-domain-verification" content="k8s9c2bud4tnkjxzw96iipn0xhpdac" /> 35 36 <!-- 5. Tampilan Aplikasi Mobile / Browser UI Theme --> 37 <meta name="theme-color" content="#0056A6"> 38 <meta name="theme-color" content="#0056A6" media="(prefers-color-scheme: light)"> 39 <meta name="theme-color" content="#003E78" media="(prefers-color-scheme: dark)"> 40 <meta name="apple-mobile-web-app-capable" content="yes"> 41 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 42 <meta name="apple-mobile-web-app-title" content="API Banyuwangi"> 43 <meta name="mobile-web-app-capable" content="yes"> 44 <meta name="msapplication-TileColor" content="#0056A6"> 45 <meta name="msapplication-navbutton-color" content="#0056A6"> 46 47 <!-- 6. Favicon & Ikon App --> 48 <link rel="icon" type="image/png" href="https://icpa-banyuwangi.ac.id/icon_image/favicon.png"> 49 50 <!-- 8. Resource Hints (Font Preconnect & Display Swap) --> 51 <!--<link rel="preconnect" href="https://fonts.googleapis.com">--> 52 <!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>--> 53 <!--<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">--> 54 55 <!-- 9. File CSS Eksternal --> 56 57 <!-- A. CSS KRITIS (Dimuat Synchronous untuk Membentuk Layout Utama) --> 58 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/bootstrap.min.css"> 59 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/style.css"> 60 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/dark.css"> 61 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/responsive.css"> 62 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/homegress.css"> 63 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 64 65 <!-- B. CSS NON-KRITIS (Dimuat Asynchronous / Ditunda) --> 66 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/meanmenu.css" media="print" onload="this.media='all'"> 67 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/owl.carousel.min.css" media="print" onload="this.media='all'"> 68 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/owl.theme.default.min.css" media="print" onload="this.media='all'"> 69 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/magnific-popup.min.css" media="print" onload="this.media='all'"> 70 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/flaticon.css" media="print" onload="this.media='all'"> 71 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/remixicon.css" media="print" onload="this.media='all'"> 72 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/odometer.min.css" media="print" onload="this.media='all'"> 73 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/aos.css" media="print" onload="this.media='all'"> 74 75 <!-- Fallback jika pengguna mematikan JavaScript di browser --> 76 <noscript> 77 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/meanmenu.css"> 78 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/owl.carousel.min.css"> 79 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/owl.theme.default.min.css"> 80 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/magnific-popup.min.css"> 81 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/flaticon.css"> 82 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/remixicon.css"> 83 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/odometer.min.css"> 84 <link rel="stylesheet" href="https://icpa-banyuwangi.ac.id/css-file/aos.css"> 85 </noscript> 86 87 <!-- 10. Custom Inline CSS Styles --> 88 <style> 89 /* Layout Megamenu Responsive */ 90 .megamenu-kampus-responsive { 91 position: static !important; 92 width: 100% !important; 93 max-width: 100% !important; 94 transform: none !important; 95 left: auto !important; 96 right: auto !important; 97 top: auto !important; 98 box-shadow: none !important; 99 padding: 10px 15px !important; 100 border: none !important; 101 background: transparent !important; 102 } 103 104 .megamenu-kampus-responsive .dropdown-grid-responsive { 105 display: flex !important; 106 flex-direction: column !important; 107 gap: 15px !important; 108 } 109 110 .megamenu-kampus-responsive .grid-column-responsive { 111 width: 100% !important; 112 min-width: 100% !important; 113 flex: 1 1 100% !important; 114 text-align: left !important; 115 } 116 117 .megamenu-kampus-responsive a.nav-link { 118 text-align: left !important; 119 margin-left: 0 !important; 120 } 121 122 .megamenu-kampus-responsive .sub-item-link { 123 padding-left: 6px !important; 124 } 125 126 @media (min-width: 992px) { 127 .megamenu-kampus-responsive { 128 position: absolute !important; 129 width: 750px !important; 130 max-width: 90vw !important; 131 right: -200px !important; 132 left: auto !important; 133 top: 100% !important; 134 background: #ffffff !important; 135 box-shadow: 0px 10px 25px rgba(0,0,0,0.12) !important; 136 padding: 22px 28px !important; 137 border-radius: 6px; 138 } 139 140 .megamenu-kampus-responsive .dropdown-grid-responsive { 141 flex-direction: row !important; 142 gap: 25px !important; 143 } 144 145 .megamenu-kampus-responsive .col-fas-pendidikan { 146 flex: 1.2 !important; 147 min-width: 210px !important; 148 } 149 150 .megamenu-kampus-responsive .col-fas-kampus, 151 .megamenu-kampus-responsive .col-jelajah { 152 flex: 1 !important; 153 min-width: 160px !important; 154 } 155 } 156 157 /* Style Custom Google Translate */ 158 .goog-te-gadget { 159 color: transparent !important; 160 } 161 162 .goog-te-gadget:before { 163 content: "Indonesia"; 164 color: #000000; 165 margin-right: 8px; 166 font-weight: bold; 167 } 168 169 .goog-te-gadget img { 170 vertical-align: middle; 171 } 172 173 /* Style Popup Modal Responsive */ 174 .popup-overlay { 175 position: fixed; 176 top: 0; 177 left: 0; 178 width: 100%; 179 height: 100%; 180 background: rgba(0, 0, 0, 0.7); 181 display: flex; 182 justify-content: center; 183 align-items: center; 184 z-index: 9999; 185 padding: 15px; 186 box-sizing: border-box; 187 } 188 189 /* Container Popup */ 190 .popup-content { 191 position: relative; 192 max-width: 340px; /* Batas maksimal ukuran di desktop */ 193 width: 90%; /* Fleksibel mengikuti lebar layar di HP */ 194 margin: 0 auto; 195 } 196 197 /* Gambar Popup */ 198 .popup-content img { 199 width: 100% !important; /* Mengikuti lebar container (max 340px) */ 200 max-width: 340px !important;/* Di desktop tetap 340px, di HP otomatis mengecil */ 201 height: auto !important; /* Menjaga proporsi rasio gambar agar tidak gepeng */ 202 display: block; 203 } 204 205 .close-btn { 206 position: absolute; 207 top: 8px; 208 right: 12px; 209 font-size: 24px; 210 line-height: 1; 211 cursor: pointer; 212 z-index: 10; 213 color: #000000; 214 background: rgba(255, 255, 255, 0.8); 215 border-radius: 50%; 216 width: 28px; 217 height: 28px; 218 display: flex; 219 align-items: center; 220 justify-content: center; 221 } 222 223 /* Container Utama Navbar Brand */ 224 .brand-container { 225 display: flex !important; 226 align-items: center !important; 227 gap: 6px !important; 228 text-decoration: none !important; 229 width: auto !important; 230 } 231 232 /* Ukuran Logo Desktop & Mobile Base */ 233 .logo-img { 234 width: 90px !important; 235 height: 90px !important; 236 object-fit: contain; 237 } 238 239 .logo-img-mobile { 240 width: 52px !important; /* Ukuran presisi agar sisa ruang teks di HP melimpah */ 241 height: 52px !important; 242 flex-shrink: 0 !important;
242 /* Mencegah logo terkunci/gepeng */ 243 object-fit: contain; 244 } 245 246 /* Style Teks Brand - DESKTOP */ 247 .brand-text { 248 display: flex !important; 249 flex-direction: column !important; 250 text-align: left !important; 251 margin-left: -6px !important; 252 } 253 254 .brand-text, 255 .brand-text span { 256 font-size: 15px !important; 257 font-weight: 800 !important; 258 line-height: 1.25 !important; 259 color: #EA5B24 !important; 260 text-transform: uppercase !important; 261 letter-spacing: 0.5px !important; 262 } 263 264 /* Style Teks Brand - MOBILE (Natural Text Flow) */ 265 .brand-text-mobile { 266 display: block !important; 267 text-align: left !important; 268 font-size: 11px !important; 269 font-weight: 800 !important; 270 line-height: 1.2 !important; 271 color: #EA5B24 !important; 272 text-transform: uppercase !important; 273 letter-spacing: 0.2px !important; 274 white-space: normal !important; /* Patah kata alami saat mentok pembatas */ 275 word-break: keep-all !important; /* Menjaga kata tidak terpotong pertengah huruf */ 276 } 277 278 /* Menghilangkan padding bawaan Bootstrap pada kolom footer agar menempel ke kiri */ 279 .col-lg-4:has(.footer-logo-area) { 280 padding-left: 0 !important; 281 } 282 283 /* Mengatur area logo di footer */ 284 .footer-logo-area { 285 padding-left: 0 !important; 286 margin-left: 0 !important; 287 } 288 289 /* Menggeser brand/logo footer lebih rapat ke tepi kiri */ 290 .footer-logo-area .brand-container { 291 margin-left: -10px !important; /* Tarik logo lebih ke kiri */ 292 padding-left: 0 !important; 293 } 294 295 /* Memastikan warna teks brand di footer terlihat jelas (Putih) */ 296 .footer-logo-area .brand-text, 297 .footer-logo-area .brand-text span { 298 color: #ffffff !important; 299 } 300 301 /* Mengangkat teks brand agar lebih tinggi / ke atas */ 302 .footer-logo-area .brand-text { 303 margin-top: -26px !important; 304 } 305 306 /* Jika menggunakan kelas brand dasar (Navbar/Global) */ 307 .brand-text, 308 .brand-text-mobile { 309 margin-top: -6px !important; 310 } 311 312 /* Penyesuaian Responsif Layar HP (<= 576px) */ 313 @media (max-width: 576px) { 314 .brand-container { 315 max-width: calc(100vw - 110px) !important; 316 } 317 } 318 </style> 319 320 <!-- 12. Schema Structured Data JSON-LD (CI4 Dynamic View) -->
vendor: 81 bytes, lines 320-321
320 321 <script async src="https://www.googletagmanager.com/gtag/js?id=
321G-TBYGHQZGBD
vendor: 21 bytes, lines 321-322
321"></script> 322
322<script> 323
vendor: 170 bytes, lines 323-327
323window.dataLayer = window.dataLayer || []; 324 function gtag(){dataLayer.push(arguments);} 325 gtag('js', new Date()); 326 327 gtag('config', '
327G-TBYGHQZGBD
vendor: 13 bytes, lines 327-328
327'); 328
328</script>
328 329 </head> 330 <body> 331 <!--Start Top Header Area--> 332 <div class="top-header-area"> 333 <div class="container-fluid"> 334 <div class="row align-items-center"> 335 <div class="col-lg-6 col-md-6"> 336 <div class="header-left-content"> 337 <div id="clock-container" style="padding-top:5px;"> 338 <div class="list" > 339 <div style="font-size:13px;" id="datetime-text"></div> 340 </div> 341 </div> 342 </div> 343 </div> 344 <div class="col-lg-6 col-md-6"> 345 <div class="header-right-content"> 346 <div class="list"> 347 <ul> 348 <li><a href="https://icpa-banyuwangi.ac.id/profile/zona-integritas">Zona Integritas</a></li> 349 <li><a href="https://tracerstudy.icpa-banyuwangi.ac.id/">Alumni</a></li> 350 351 <li> 352 <a href="https://sipencatar.icpa-banyuwangi.ac.id" 353 target="_blank" 354 rel="noopener noreferrer" 355 style="display: inline-block; 356 background: #ffffff; 357 color: #0b1a63; 358 padding: 10px 20px; 359 border-radius: 6px; 360 font-weight: 600; 361 text-decoration: none; 362 transition: all .3s ease;"> 363 Daftar Sekarang 364 </a> 365 </li> 366 367 </ul> 368 </div> 369 </div> 370 </div> 371 </div> 372 </div> 373 </div> 374 <!--End Top Header Area--> 375 376 <!-- Start Navbar Area --> 377 <div class="navbar-area nav-bg-2"> 378 <div class="mobile-responsive-nav"> 379 <div class="container"> 380 <div class="mobile-responsive-menu"> 381 <div class="logo"> 382 <a class="navbar-brand brand-container" href="https://icpa-banyuwangi.ac.id/"> 383 <img src="https://icpa-banyuwangi.ac.id/logo_image/Logo-apibanyuwangi.svg" oncontextmenu="return false;" class="main-logo logo-img-mobile" alt="logo"> 384 <img src="https://icpa-banyuwangi.ac.id/logo_image/Logo-apibanyuwangi.svg" oncontextmenu="return false;" class="white-logo logo-img-mobile" alt="logo"> 385 <span class="brand-text-mobile"> 386 AKADEMI PENERBANG INDONESIA BANYUWANGI 387 </span> 388 </a> 389 </div> 390 </div> 391 </div> 392 </div> 393 394 <div class="desktop-nav"> 395 <div class="container-fluid"> 396 <nav class="navbar navbar-expand-md navbar-light"> 397 <a class="navbar-brand brand-container" href="https://icpa-banyuwangi.ac.id/"> 398 <img src="https://icpa-banyuwangi.ac.id/logo_image/Logo-apibanyuwangi.svg" oncontextmenu="return false;" class="main-logo logo-img" alt="logo"> 399 <img src="https://icpa-banyuwangi.ac.id/logo_image/Logo-apibanyuwangi.svg" oncontextmenu="return false;" class="white-logo logo-img" alt="logo">
400 <span class="brand-text"> 401 <span>AKADEMI PENERBANG INDONESIA</span> 402 <span>BANYUWANGI</span> 403 </span> 404 </a> 405 406 <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent"> 407 <div class="others-option-for-responsive"> 408 <div class="container"> 409 <div class="dot-menu"> 410 <div class="inner"> 411 <div class="icon"> 412 <i class="ri-menu-search-line" data-bs-toggle="modal" data-bs-target="#sidebarModal"></i> 413 </div> 414 </div> 415 </div> 416 </div> 417 </div> 418 <ul class="navbar-nav ms-auto"> 419 <li class="nav-item"> 420 <!-- Menu Utama: Extra Bold --> 421 <a href="#" class="nav-link dropdown-toggle " style="font-weight: 800;"> 422 PROFIL 423 </a> 424 <ul class="dropdown-menu tentang-grid" style="width: 90vw; max-width: 1000px;"> 425 <li> 426 <div class="dropdown-grid"> 427 <!-- Kolom 1 --> 428 <div class="grid-column"> 429 <i><a href="#" class="nav-link" style="color:#666; font-weight: normal;">AKADEMI</a></i> 430 <a href="https://icpa-banyuwangi.ac.id/profile/sambutan-direktur" class="nav-link" style="font-weight: normal;"> 431 Sambutan Direktur </a> 432 <a href="https://icpa-banyuwangi.ac.id/profile/sejarah" class="nav-link" style="font-weight: normal;"> 433 Sejarah dan Profil </a> 434 <a href="https://icpa-banyuwangi.ac.id/profile/arti-lambang-logo" class="nav-link" style="font-weight: normal;"> 435 Arti Lambang dan Logo </a> 436 <a href="https://icpa-banyuwangi.ac.id/profile/hymne-mars" class="nav-link" style="font-weight: normal;"> 437 Hymne dan Mars </a> 438 <a href="https://icpa-banyuwangi.ac.id/profile/visi-misi" class="nav-link" style="font-weight: normal;"> 439 Visi, Misi, dan Tujuan </a> 440 <a href="https://icpa-banyuwangi.ac.id/profile/tugas-fungsi" class="nav-link" style="font-weight: normal;"> 441 Tugas dan Fungsi </a> 442 <a href="https://icpa-banyuwangi.ac.id/profile/sertifikasi-kampus" class="nav-link" style="font-weight: normal;"> 443 Sertifikasi </a> 444 <a href="https://icpa-banyuwangi.ac.id/profile/akreditasi" class="nav-link" style="font-weight: normal;"> 445 Akreditasi </a> 446 <a href="https://icpa-banyuwangi.ac.id/profile/core-value" class="nav-link" style="font-weight: normal;"> 447 Core Values </a> 448 <a href="https://icpa-banyuwangi.ac.id/profile/code-ethic" class="nav-link" style="font-weight: normal;"> 449 Kode Etik </a> 450 <a href="https://icpa-banyuwangi.ac.id/profile/zona-integritas" class="nav-link" style="font-weight: normal;"> 451 Zona Integritas </a> 452 </div> 453 454 <!-- Kolom 2 --> 455 <div class="grid-column"> 456 <i><a href="#" class="nav-link" style="color:#666; font-weight: normal;">STRUKTUR AKADEMI</a></i> 457 <a href="https://icpa-banyuwangi.ac.id/profile/sejarah-pimpinan" class="nav-link" style="font-weight: normal;"> 458 Pimpinan Masa ke Masa </a> 459 <a href="https://icpa-banyuwangi.ac.id/profile/hirarki" class="nav-link" style="font-weight: normal;"> 460 Hirarki </a> 461 <a href="https://icpa-banyuwangi.ac.id/profile/struktur-organisasi" class="nav-link" style="font-weight: normal;"> 462 Susunan Organisasi </a> 463 <a href="https://icpa-banyuwangi.ac.id/profile/struktur-pejabat" class="nav-link" style="font-weight: normal;"> 464 Manajemen </a> 465 <a href="https://icpa-banyuwangi.ac.id/profile/senat" class="nav-link" style="font-weight: normal;"> 466 Senat </a> 467 <a href="https://icpa-banyuwangi.ac.id/profile/dewan-penyantun" class="nav-link" style="font-weight: normal;"> 468 Dewan Penyantun </a> 469 <a href="https://icpa-banyuwangi.ac.id/profile/dewan-pengawas" class="nav-link" style="font-weight: normal;"> 470 Dewan Pengawas </a> 471 <a href="https://icpa-banyuwangi.ac.id/profile/satuan" class="nav-link" style="font-weight: normal;"> 472 Satuan </a> 473 <a href="https://icpa-banyuwangi.ac.id/profile/prodi" class="nav-link" style="font-weight: normal;"> 474 Program Studi </a> 475 <a href="https://icpa-banyuwangi.ac.id/profile/pusat" class="nav-link" style="font-weight: normal;"> 476 Pusat </a> 477 <a href="https://icpa-banyuwangi.ac.id/profile/unit" class="nav-link" style="font-weight: normal;"> 478 Unit </a> 479 </div> 480 481 <!-- Kolom 3 --> 482 <div class="grid-column"> 483 <i><a href="#" class="nav-link" style="color:#666; font-weight: normal;">PUBLIKASI</a></i> 484 <a href="https://icpa-banyuwangi.ac.id/profile/pengumuman" class="nav-link" style="font-weight: normal;"> 485 Pengumuman </a> 486 <a href="https://ppid.icpa-banyuwangi.ac.id/keputusan-direktur" class="nav-link" style="font-weight: normal;"> 487 Keputusan Direktur </a> 488 <a href="https://icpa-banyuwangi.ac.id/profile/event" class="nav-link" style="font-weight: normal;"> 489 Event </a> 490
490 <a href="https://icpa-banyuwangi.ac.id/profile/berita" class="nav-link" style="font-weight: normal;"> 491 Berita </a> 492 <a href="https://icpa-banyuwangi.ac.id/profile/galeri" class="nav-link" style="font-weight: normal;"> 493 Galeri </a> 494 <a href="https://icpa-banyuwangi.ac.id/profile/infografis" class="nav-link" style="font-weight: normal;"> 495 Infografis </a> 496 <a href="https://icpa-banyuwangi.ac.id/profile/arsip" class="nav-link" style="font-weight: normal;"> 497 Arsip </a> 498 </div> 499 </div> 500 </li> 501 </ul> 502 </li> 503 504 <li class="nav-item"> 505 <!-- Menu Utama: Extra Bold --> 506 <a href="#" class="nav-link dropdown-toggle " style="font-weight: 800;"> 507 AKADEMIK 508 </a> 509 <ul class="dropdown-menu akademik-grid"> 510 <li> 511 <div class="dropdown-grid"> 512 <div class="grid-column"> 513 <a href="https://icpa-banyuwangi.ac.id/akademik/seleksi" class="nav-link" style="font-weight: normal;"> 514 Seleksi Masuk </a> 515 <a href="https://icpa-banyuwangi.ac.id/akademik/program-studi-d3-penerbang-sayap-tetap" class="nav-link" style="font-weight: normal;"> 516 Program Studi Diploma III Penerbang Sayap Tetap </a> 517 <a href="https://icpa-banyuwangi.ac.id/akademik/program-studi-d3-operasi-pesawat-udara" class="nav-link" style="font-weight: normal;"> 518 Program Studi Diploma III Operasi Pesawat Udara </a> 519 <a href="https://icpa-banyuwangi.ac.id/akademik/program-non-diploma" class="nav-link" style="font-weight: normal;"> 520 Program Non Diploma </a> 521 <a href="https://icpa-banyuwangi.ac.id/akademik/program-executive" class="nav-link" style="font-weight: normal;"> 522 Program Eksekutif </a> 523 <a href="https://icpa-banyuwangi.ac.id/akademik/program-diklat" class="nav-link" style="font-weight: normal;"> 524 Program Diklat </a> 525 <a href="https://icpa-banyuwangi.ac.id/akademik/kalender-akademik" class="nav-link" style="font-weight: normal;"> 526 Kalender Akademik </a> 527 <a href="https://icpa-banyuwangi.ac.id/akademik/biaya-pendidikan" class="nav-link" style="font-weight: normal;"> 528 Biaya Pendidikan </a> 529 </div> 530 </div> 531 </li> 532 </ul> 533 </li> 534 535 <li class="nav-item"> 536 <!-- Menu Utama: Extra Bold --> 537 <a href="#" class="nav-link dropdown-toggle " style="font-weight: 800;"> 538 RISET & INOVASI 539 </a> 540 <ul class="dropdown-menu tentang-grid"> 541 <li> 542 <div class="dropdown-grid"> 543 <div class="grid-column"> 544 <a href="https://icpa-banyuwangi.ac.id/riset-inovasi/publikasi-ilmiah" class="nav-link" style="font-weight: normal;"> 545 Publikasi Ilmiah </a> 546 <a href="https://icpa-banyuwangi.ac.id/riset-inovasi/pengabdian-kepada-masyarakat" class="nav-link" style="font-weight: normal;"> 547 Pengabdian Kepada Masyarakat </a> 548 <a href="https://icpa-banyuwangi.ac.id/riset-inovasi/haki" class="nav-link" style="font-weight: normal;"> 549 Haki </a> 550 </div> 551 </div> 552 </li> 553 </ul> 554 </li> 555 556 <li class="nav-item position-relative"> 557 <!-- Menu Utama: KAMPUS --> 558 <a href="#" class="nav-link dropdown-toggle " style="font-weight: 800;"> 559 KAMPUS 560 </a> 561 562 <!-- Mega Menu Dropdown --> 563 <ul class="dropdown-menu tentang-grid megamenu-kampus-responsive"> 564 <li> 565 <div class="dropdown-grid dropdown-grid-responsive"> 566 567 <!-- Kolom 1: FASILITAS PENDIDIKAN --> 568 <div class="grid-column grid-column-responsive col-fas-pendidikan"> 569 <i style="display: block; margin-bottom: 10px; font-style: normal;"> 570 <a href="#" class="nav-link" style="color:#555; font-weight: 700; font-size: 15px; padding: 0;">FASILITAS PENDIDIKAN</a> 571 </i> 572 573 574 <!-- 1. HEADER: Armada Pesawat Latih --> 575 <div style="font-weight: 700; color: #111; margin-top: 8px; margin-bottom: 5px; font-size: 13.5px; text-align: left;"> 576 Armada Pesawat Latih 577 </div> 578 579 <a href="https://icpa-banyuwangi.ac.id/kampus/cessna-172-skyhawk" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 4px; color: #444;"> 580 Cessna 172 Skyhawk </a> 581 <a href="https://icpa-banyuwangi.ac.id/kampus/cessna-172-skyhawk-seaplane" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 4px; color: #444;"> 582 Cessna 172 Skyhawk Seaplane </a> 583 <a href="https://icpa-banyuwangi.ac.id/kampus/piper-seneca-v" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 4px; color: #444;"> 584 Piper Seneca V </a> 585 586 <!-- 2. HEADER: Simulator Penerbangan --> 587 <div style="font-weight: 700; color: #111; margin-top: 14px; margin-bottom: 5px; font-size: 13.5px; text-align: left;"> 588 Simulator Penerbangan 589 </div> 590 591 <a href="https://icpa-banyuwangi.ac.id/kampus/redbird-fmx-1000" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 4px; color: #444;"> 592 Redbird FMX 1000 </a> 593 <a href="https://icpa-banyuwangi.ac.id/kampus/alsim-172" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 4px; color: #444;"> 594 ALSIM 172 </a> 595 <a href="https://icpa-banyuwangi.ac.id/kampus/alsim-250" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 4px; color: #444;"> 596 ALSIM 250 </a> 597 <a href="https://icpa-banyuwangi.ac.id/kampus/redbird-td2" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 4px; color: #444;"> 598 Redbird TD2 </a> 599 600 </div> 601 602 <!-- Kolom 2: FASILITAS KAMPUS --> 603 <div class="grid-column grid-column-responsive col-fas-kampus"> 604 <i style="display: block; margin-bottom: 10px; font-style: normal;"> 605 <a href="#" class="nav-link" style="color:#555; font-weight: 700; font-size: 15px; padding: 0;">FASILITAS KAMPUS</a> 606 </i> 607 <a href="https://icpa-banyu
607wangi.ac.id/kampus/fasilitas-kesehatan" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 6px; color: #444;"> 608 Fasilitas Kesehatan </a> 609 <a href="https://icpa-banyuwangi.ac.id/kampus/perpustakaan" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 6px; color: #444;"> 610 Perpustakaan </a> 611 <a href="https://icpa-banyuwangi.ac.id/kampus/fasilitas-olahraga" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 6px; color: #444;"> 612 Fasilitas Olahraga </a> 613 <a href="https://icpa-banyuwangi.ac.id/kampus/keamanan" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 6px; color: #444;"> 614 Keamanan </a> 615 <a href="https://icpa-banyuwangi.ac.id/kampus/fasilitas-umum" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 6px; color: #444;"> 616 Fasilitas Umum </a> 617 </div> 618 619 <!-- Kolom 3: JELAJAHI KAMPUS --> 620 <div class="grid-column grid-column-responsive col-jelajah"> 621 <i style="display: block; margin-bottom: 10px; font-style: normal;"> 622 <a href="#" class="nav-link" style="color:#555; font-weight: 700; font-size: 15px; padding: 0;">JELAJAHI KAMPUS</a> 623 </i> 624 <a href="https://app.lapentor.com/sphere/akademi-penerbang-indonesia-banyuwangi-1733972316?scene=6760d4d83bef34d7d905b235" target="_blank" class="nav-link sub-item-link" style="font-weight: normal; font-size: 15px; display: block; margin-bottom: 6px; color: #444;"> 625 Campus Tour </a> 626 </div> 627 628 </div> 629 </li> 630 </ul> 631 </li> 632 633 <li class="nav-item"> 634 <!-- Menu Utama: Extra Bold --> 635 <a href="#" class="nav-link dropdown-toggle " style="font-weight: 800;"> 636 LAYANAN 637 </a> 638 <ul class="dropdown-menu tentang-grid"> 639 <li> 640 <div class="dropdown-grid"> 641 <div class="grid-column"> 642 643 <a href="https://ppid.icpa-banyuwangi.ac.id/" class="nav-link" target="_blank" style="font-weight: normal;"> 644 PPID </a> 645 <a href="https://icpa-banyuwangi.ac.id/layanan/sop" class="nav-link" style="font-weight: normal;"> 646 Standar Operasional Prosedur </a> 647 <a href="https://icpa-banyuwangi.ac.id/pengaduan" class="nav-link" style="font-weight: normal;"> 648 Pengaduan </a> 649 <a href="https://icpa-banyuwangi.ac.id/layanan/kerj
649asama" class="nav-link" style="font-weight: normal;"> 650 Kerjasama </a> 651 <a href="https://icpa-banyuwangi.ac.id/layanan/layanan-publik" class="nav-link" style="font-weight: normal;"> 652 Layanan Publik </a> 653 <a href="https://icpa-banyuwangi.ac.id/layanan/layanan-internal" class="nav-link" style="font-weight: normal;"> 654 Layanan Internal </a> 655 </div> 656 </div> 657 </li> 658 </ul> 659 </li> 660 </ul> 661 662 <div class="others-options"> 663 <div class="icon"> 664 <i class="ri-menu-search-line" data-bs-toggle="modal" data-bs-target="#sidebarModal"></i> 665 </div> 666 </div> 667 </div> 668 </nav> 669 </div> 670 </div> 671 672 673 </div> 674 <!-- End Navbar Area --> 675 676 <!-- Sidebar Modal --> 677 <div class="sidebarModal modal right fade" id="sidebarModal" tabindex="-1" role="dialog"> 678 <div class="modal-dialog" role="document"> 679 <div class="modal-content"> 680 <button type="button" class="close" data-bs-dismiss="modal"><i class="ri-close-line"></i></button> 681 682 <div class="modal-body"> 683 <a href="index.html"> 684 <img src="https://icpa-banyuwangi.ac.id/logo_image/Logo-API-Banyuwangi-Motto.webp" class="main-logo logo-img" alt="Image"> 685 <img src="https://icpa-banyuwangi.ac.id/logo_image/logo_new.png" class="white-logo logo-img" alt="Image"> 686 </a> 687 <div class="contact-form"> 688 <h3>Pencarian</h3> 689 690 <form action="https://icpa-banyuwangi.ac.id/home/search" method="GET"> 691 <div class="row"> 692 <div class="col-lg-12 col-md-6"> 693 <div class="form-group"> 694 <input type="text" name="search-enginee" class="form-control" required data-error="Mohon Untuk Masukkan Pencarian" placeholder="Search Now ..."> 695 <div class="help-block with-errors"></div> 696 </div> 697 </div> 698 <div class="col-lg-12 col-md-12"><br> 699 <button type="submit" class="default-btn single_li">Search<i class="flaticon-paper-plane"></i></button> 700 <div id="msgSubmit" class="h3 text-center hidden"></div> 701 <div class="clearfix"></div> 702 </div> 703 </div> 704 </form> 705 </div> 706 <div class="sidebar-content"> 707 <h3>Tentang Kami</h3> 708 <p>Akademi Penerbang Indonesia Banyuwangi merupakan perguruan tinggi kedinasan di lingkungan Kementerian Perhubungan yang berada di bawah dan bertanggung jawab kepada Kepala Badan Pengembangan Sumber Daya Manusia Perhubungan.</p> 709 710 <div class="sidebar-btn"> 711 <a href="https://icpa-banyuwangi.ac.id/kontak" class="default-btn single_li" style="color:white;">Tanyakan Sesuatu</a> 712 </div> 713 </div> 714 <div class="sidebar-contact-info"> 715 <h3>Informasi Kontak</h3> 716 <p>Kompleks Bandar Udara Banyuwangi, <br>Jl. Pantai Blimbingsari Dsn. Krajan, Kec. Blimbingsari, <br>Kab. Banyuwangi - Jawa Timur Kode Pos 68462</p> 717 <ul class="sidebar-social-list"> 718 <li> 719 <a href="https://www.facebook.com/official.apibanyu
719wangi" target="_blank" rel="noopener noreferrer"> 720 <i class="ri-facebook-fill"></i> 721 </a> 722 </li> 723 <li> 724 <a href="https://www.instagram.com/official.apibanyuwangi/" target="_blank" rel="noopener noreferrer"> 725 <i class="ri-instagram-line"></i> 726 </a> 727 </li> 728 <li> 729 <a href="https://www.tiktok.com/@official.apibanyuwangi" target="_blank" rel="noopener noreferrer"> 730 <i class="ri-tiktok-line"></i> 731 </a> 732 </li> 733 <li> 734 <a href="https://www.linkedin.com/school/official.apibanyuwangi" target="_blank" rel="noopener noreferrer"> 735 <i class="ri-linkedin-fill"></i> 736 </a> 737 </li> 738 <li> 739 <a href="https://www.youtube.com/@official.apibanyuwangi" target="_blank" rel="noopener noreferrer"> 740 <i class="ri-youtube-line"></i> 741 </a> 742 </li> 743 </ul> 744 </div> 745 746 747 </div> 748 </div> 749 </div> 750 </div> 751 <!-- End Sidebar Modal --> 752 753 <!--Start Page Banner--> 754<div class="page-banner-area" style="background-image: url('https://icpa-banyuwangi.ac.id/other_image/header_about.jpg');"> 755 <div class="container"> 756 <div class="page-banner-content"> 757 <h1>Zona Integritas</h1> 758 <ul> 759 <li><a href="#">Layanan</a></li> 760 <li>Zona Integritas</li> 761 </ul> 762 </div> 763 </div> 764 </div> 765 <!--End Page Banner--> 766 <div class="latest-news-area pt-100 pb-70"> 767 <div class="container"> 768 <div class="row"> 769 <div class="col-lg-12"> 770 <div class="latest-news-left-content pr-20 771 "> 772 <div class="accordion" id="accordionExample"> 773 <div class="accordion-item"> 774 <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> 775 <div class="accordion-body"> 776 <div class="text-wrapper" style="text-align: justify;"> 777 <br> 778 <div style="position:relative;padding-top:max(60%,324px);width:100%;height:0;"><iframe style="position:absolute;border:none;width:100%;height:100%;left:0;top:0;" src="https://online.fliphtml5.com/oouai/mcsh/" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" ></iframe></div> 779 </div> 780 781 </div> 782 </div> 783 </div> 784 </div> 785 786 787 </div> 788 </div> 789 </div> 790 </div> 791 </div><!--Start Footer Area--> 792<div class="footer-area pt-100 pb-70"> 793 <div class="container"> 794 <div class="row"> 795 <div class="col-lg-4"> 796 <div class="footer-logo-area"> 797 <a class="navbar-brand brand-container" href="https://icpa-banyuwangi.ac.id/"> 798 <img src="https://icpa-banyuwangi.ac.id/logo_image/Logo-apibanyuwangi.svg" oncontextmenu="return false;" class="main-logo logo-img" alt="logo">
799 <span class="brand-text"> 800 <span>AKADEMI PENERBANG INDONESIA</span> 801 <span>BANYUWANGI</span> 802 </span> 803 </a> 804 <p>Kompleks Bandar Udara Internasional Banyuwangi, 805Jl. Pantai Blimbingsari, Desa Blimbingsari, Kec. Blimbingsari, Kab. Banyuwangi - Jawa Timur <br>Kode Pos 68462 <br>INDONESIA</p> <div class="contact-list"> 806 <ul style="color: white; list-style: none; padding: 0; margin: 0;"> 807 <li class="contact-item"> 808 <img src="https://icpa-banyuwangi.ac.id/icon_image/Icon-Phone.svg" class="logo_foot" alt=""> <a href="tel:+62333630456">(0333) 630 456</a> </li> 809 <li class="contact-item"> 810 <img src="https://icpa-banyuwangi.ac.id/icon_image/Icon-WhatsApp.svg" class="logo_foot" alt=""> <a href="https://wa.me/6281919040077?text=Halo,%20saya%20ingin%20bertanya">+62 819-1904-0077</a> (Helpdesk) 811 </li> 812 <li class="contact-item"> 813 <img src="https://icpa-banyuwangi.ac.id/icon_image/Icon-WhatsApp.svg" class="logo_foot" alt=""> <a href="https://wa.me/628113130141?text=Halo,%20saya%20ingin%20bertanya">+62 811-3130-141</a> (Kerjasama) 814 </li> 815 <li class="contact-item"> 816 <img src="https://icpa-banyuwangi.ac.id/icon_image/Icon-Mail.svg" class="logo_foot" alt=""> 817 [email protected] </li> 818 </ul> 819 </div> 820 </div> 821 </div> 822 <div class="col-lg-1" style="text-align: center;"> 823 </div> 824 <div class="col-lg-3" style="text-align: left;"> 825 <div class="footer-widjet"> 826 <h3>Informasi</h3> 827 <div class="list"> 828 <ul> 829 <li><a href="https://kemenhub.go.id/">Kementerian Perhubungan</a></li> 830 <li><a href="https://bpsdm.kemenhub.go.id/">BPSDM Perhubungan</a></li> 831 <li><a href="https://ppsdmpu.bpsdm.kemenhub.go.id/">Pusbang SDM Hubud</a></li> 832 <li><a href="https://jdih.kemenhub.go.id/">JDIH</a></li> 833 <li><a href="https://icpa-banyuwangi.ac.id/aturan-penggunaan">Aturan Penggunaan</a></li> 834 <li><a href="https://icpa-banyuwangi.ac.id/hak-cipta">Hak Cipta</a></li> 835 <li><a href="https://icpa-banyuwangi.ac.id/penolakan">Penolakan</a></li> 836 <li><a href="https://icpa-banyuwangi.ac.id/kebijakan-keamanan">Kebijakan Keamanan</a></li> 837 <li><a href="https://icpa-banyuwangi.ac.id/pengaduan">Pengaduan</a></li> 838 <li><a href="https://icpa-banyuwangi.ac.id/kontak">Kontak</a></li> 839 </ul> 840 </div> 841 </div> 842 </div> 843 <div class="col-lg-1" style="text-align: center;"> 844 </div> 845 <div class="col-lg-3" style="text-align: left;"> 846 <div class="footer-widjet"> 847 <h3>Jam Layanan</h3> 848 <div class="list"> 849 <ul> 850 <li><a>Senin-Kamis: 08.00 â 16.00 WIB</a></li><li><a>Jumat: 08.00 â 16.30 WIB</a></li><li><a>Sabtu dan Minggu (Tutup)</a></li><li><a>Hari Libur Nasional (Tutup)</a></li> </ul> 851 </div> 852 </div> 853 </div> 854 </div> 855 <div class="shape"> 856 <img src="https://icpa-banyuwangi.ac.id/slider_image/shape1.png" alt="Image"> 857 </div> 858 </div> 859 </div> 860 <!--End Footer Area--> 861 862 <!--Start Copyright Area--> 863 <div class="copyright-area"> 864 <div class="container"> 865 <div class="copyright"> 866 <div class="row"> 867 <div class="col-lg-6 col-md-4"> 868 <div class="social-content"> 869 <ul> 870 <li><span>
870Ikuti Kami di</span></li> 871 <li> 872 <a href="https://www.facebook.com/official.apibanyuwangi" target="_blank" rel="noopener noreferrer"> 873 <i class="ri-facebook-fill"></i> 874 </a> 875 </li> 876 <li> 877 <a href="https://www.instagram.com/official.apibanyuwangi/" target="_blank" rel="noopener noreferrer"> 878 <i class="ri-instagram-line"></i> 879 </a> 880 </li> 881 <li> 882 <a href="https://www.tiktok.com/@official.apibanyuwangi" target="_blank" rel="noopener noreferrer"> 883 <i class="ri-tiktok-line"></i> 884 </a> 885 </li> 886 <li> 887 <a href="https://www.youtube.com/@official.apibanyuwangi" target="_blank" rel="noopener noreferrer"> 888 <i class="ri-youtube-line"></i> 889 </a> 890 </li> 891 <li> 892 <a href="https://www.linkedin.com/school/official.apibanyuwangi" target="_blank" rel="noopener noreferrer"> 893 <i class="ri-linkedin-fill"></i> 894 </a> 895 </li> 896 </ul> 897 </div> 898 </div> 899 <div class="col-lg-6 col-md-8"> 900 <div class="copy"> 901 <p>Hak Cipta © 2013 - 2026 Akademi Penerbang Indonesia Banyuwangi</p> 902 </div> 903 </div> 904 </div> 905 </div> 906 </div> 907 </div> 908 <!--End Copyright Area--> 909 910 <!-- Start Go Top Area --> 911 <div class="go-top" style=" 912 position: fixed !important; 913 right: 30px !important; 914 bottom: 100px !important; 915 top: auto !important; 916 transform: none !important; 917 "> 918 <i class="ri-arrow-up-s-line"></i> 919 <i class="ri-arrow-up-s-line"></i> 920 </div> 921 <!-- End Go Top Area --> 922 923 <!--=== Jquery Min js ===--> 924 925
925<script src="https://icpa-banyuwangi.ac.id/js-file/jquery.min.js"></script>
925 926
926<script src="https://icpa-banyuwangi.ac.id/js-file/bootstrap.bundle.min.js"></script>
926 927
927<script src="https://icpa-banyuwangi.ac.id/js-file/jquery.meanmenu.js"></script>
927 928
928<script src="https://icpa-banyuwangi.ac.id/js-file/owl.carousel.min.js"></script>
928 929
929<script src="https://icpa-banyuwangi.ac.id/js-file/carousel-thumbs.min.js"></script>
929 930
930<script src="https://icpa-banyuwangi.ac.id/js-file/jquery.magnific-popup.min.js"></script>
930 931
931<script src="https://icpa-banyuwangi.ac.id/js-file/aos.js"></script>
931 932
932<script src="https://icpa-banyuwangi.ac.id/js-file/odometer.min.js"></script>
932 933
933<script src="https://icpa-banyuwangi.ac.id/js-file/appear.min.js"></script>
933 934
934<script src="https://icpa-banyuwangi.ac.id/js-file/form-validator.min.js"></script>
934 935
935<script src="https://icpa-banyuwangi.ac.id/js-file/contact-form-script.js"></script>
935 936
936<script src="https://icpa-banyuwangi.ac.id/js-file/ajaxchimp.min.js"></script>
936 937
937<script src="https://icpa-banyuwangi.ac.id/js-file/custom.js"></script>
937 938
938<script src="https://cdn.userway.org/widget.js" data-account="xMTohpRPaq"></script>
938 939
939<script async type="application/javascript" src="https://news.google.com/swg/js/v1/swg-basic.js"></script>
939 940 941 <!-- 1. Dropdown Bahasa --> 942
942<script nonce=""> 943 document.addEventListener("DOMContentLoaded", function () { 944 const toggle = document.getElementById('dropdownToggle'); 945 const menu = document.getElementById('dropdownMenu'); 946 const options = document.querySelectorAll('.lang-option'); 947 948 if (toggle && menu) { 949 toggle.addEventListener('click', function (e) { 950 e.stopPropagation(); 951 menu.style.display = menu.style.display === 'block' ? 'none' : 'block'; 952 }); 953 954 options.forEach(option => { 955 option.addEventListener('click', function () { 956 menu.style.display = 'none'; 957 }); 958 }); 959 960 document.addEventListener('click', function () { 961 menu.style.display = 'none'; 962 }); 963 } 964 }); 965 </script>
965 966 967 <!-- 2. Navbar Mobile Dropdown --> 968
968<script nonce=""> 969 document.addEventListener("DOMContentLoaded", function() { 970 document.querySelectorAll('.navbar-nav .dropdown-toggle').forEach(function(el) { 971 el.addEventListener('click', function(e) { 972 if (window.innerWidth < 992) { 973 e.preventDefault(); 974 let nextEl = el.nextElementSibling; 975 if (nextEl && nextEl.classList.contains('dropdown-menu')) { 976 if (nextEl.classList.contains('show')) { 977 nextEl.classList.remove('show'); 978 } else { 979 document.querySelectorAll('.dropdown-menu.show').forEach(function(subMenu) { 980 subMenu.classList.remove('show'); 981 }); 982 nextEl.classList.add('show'); 983 } 984 } 985 } 986 }); 987 }); 988 989 document.addEventListener('click', function(e) { 990 if (!e.target.closest('.navbar-nav')) { 991 document.querySelectorAll('.dropdown-menu.show').forEach(function(subMenu) { 992 subMenu.classList.remove('show'); 993 }); 994 } 995 }); 996 }); 997 </script>
997 998 999 <!-- 3. Jam Realtime --> 1000
1000<script nonce=""> 1001 function updateClock() { 1002 const datetimeEl = document.getElementById('datetime-text'); 1003 if (!datetimeEl) return; 1004 1005 const hari = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu']; 1006 const bulan = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 1007 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; 1008 1009 const now = new Date(); 1010 const hariText = hari[now.getDay()]; 1011 const tanggal = now.getDate(); 1012 const bulanText = bulan[now.getMonth()]; 1013 const tahun = now.getFullYear(); 1014 1015 let jam = now.getHours(); 1016 const menit = now.getMinutes().toString().padStart(2, '0'); 1017 const detik = now.getSeconds().toString().padStart(2, '0'); 1018 const ampm = jam >= 12 ? 'PM' : 'AM'; 1019 1020 jam = jam % 12; 1021 jam = jam ? jam : 12; 1022 const jamText = jam.toString().padStart(2, '0'); 1023 1024 const fullDateTime = `${hariText}, ${tanggal} ${bulanText} ${tahun} | ${jamText}:${menit}:${detik} ${ampm}`; 1025 datetimeEl.textContent = fullDateTime; 1026 } 1027 1028 setInterval(updateClock, 1000); 1029 updateClock(); 1030 </script>
1030 1031 1032 <!-- 4. Carousel Instansi --> 1033
1033<script nonce=""> 1034 document.addEventListener("DOMContentLoaded", function () { 1035 const instansiTrack = document.getElementById('instansiTrack'); 1036 const instansiDotsContainer = document.getElementById('instansiDots'); 1037 1038 if (instansiTrack && instansiDotsContainer) { 1039 const instansiTotal = instansiTrack.children.length; 1040 let instansiIndex = 0; 1041 1042 function updateInstansiDots() { 1043 instansiDotsContainer.innerHTML = ''; 1044 const itemsPerView = window.innerWidth >= 768 ? 4 : 1; 1045 const maxIndex = Math.ceil(instansiTotal / itemsPerView); 1046 1047 for (let i = 0; i < maxIndex; i++) { 1048 const dot = document.createElement('span'); 1049 dot.classList.add('dot'); 1050 if (i === instansiIndex) dot.classList.add('active'); 1051 dot.addEventListener('click', () => { 1052 instansiIndex = i; 1053 updateInstansiCarousel(); 1054 }); 1055 instansiDotsContainer.appendChild(dot); 1056 } 1057 } 1058 1059 function updateInstansiCarousel() { 1060 const item = instansiTrack.querySelector('.instansi-item'); 1061 if (!item) return; 1062 1063 const itemWidth = item.offsetWidth; 1064 const itemsPerView = window.innerWidth >= 768 ? 4 : 1; 1065 instansiTrack.style.transform = `translateX(-${itemWidth * instansiIndex * itemsPerView}px)`; 1066 updateInstansiDots(); 1067 } 1068 1069 window.addEventListener('resize', updateInstansiCarousel); 1070 updateInstansiCarousel(); 1071 } 1072 }); 1073 </script>
1073 1074 1075 <!-- 5. Popup Modal --> 1076
1076<script nonce=""> 1077 document.addEventListener("DOMContentLoaded", function () { 1078 const popup = document.getElementById("popupModal"); 1079 const closeBtn = document.getElementById("closePopup"); 1080 1081 if (popup && closeBtn) { 1082 localStorage.removeItem("popupShown"); 1083 1084 if (!localStorage.getItem("popupShown")) { 1085 setTimeout(() => { 1086 popup.classList.add("show"); 1087 }, 300); 1088 localStorage.setItem("popupShown", "true"); 1089 } 1090 1091 closeBtn.addEventListener("click", function () { 1092 popup.classList.remove("show"); 1093 }); 1094 } 1095 }); 1096 </script>
1096 1097 </body> 1098</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.