1<!DOCTYPE html> 2<html lang="id"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Website Resmi Pengadilan Tinggi Banten</title> 8 <meta name="description" content="Portal Informasi dan Layanan Pengadilan Tinggi Banten. Memuat informasi perkara, jadwal sidang, transparansi, dan layanan publik."> 9 <meta name="keywords" content="website resmi, pengadilan, pengadilan tinggi banten, informasi perkara, e-court, mahkamah agung"> 10 11 <link rel="apple-touch-icon" sizes="180x180" href="https://pt-banten.go.id//assets/images/favicons/favicon.png"> 12 <link rel="icon" type="image/png" sizes="32x32" href="https://pt-banten.go.id//assets/images/favicons/favicon.png"> 13 <link rel="icon" type="image/png" sizes="16x16" href="https://pt-banten.go.id//assets/images/favicons/favicon.png"> 14 <link rel="manifest" href="https://pt-banten.go.id//assets/images/favicons/site.webmanifest"> 15 16 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 17 <style> 18 body, 19 h1, 20 h2, 21 h3, 22 h4, 23 h5, 24 h6 { 25 font-family: 'Inter', sans-serif; 26 letter-spacing: 0.3px; 27 } 28 29 /* Global Background Pattern */ 30 body, 31 .page-wrapper, 32 .boxed_wrapper, 33 .main-header-three__middle, 34 .header-logo-section, 35 .quick-links-bar, 36 .services-style1, 37 .blog-details, 38 .sidebar-page-container, 39 .custom-breadcrumb-details, 40 .blog-style1 { 41 background-image: url('https://pt-banten.go.id/assets/images/resources/web_bg_pattern.png') !important; 42 background-repeat: repeat !important; 43 background-size: auto !important; 44 background-color: transparent !important; 45 } 46 47 /* Custom Navigation Menu Redesign */ 48 .header-floating-nav__bar { 49 background: linear-gradient(90deg, #d16200 0%, #ff8405 50%, #d16200 100%) !important; 50 /* Gradasi menyamping elegan, ujung kiri dan kanan sedikit digelapkan */ 51 border-radius: 6px 6px 0 0 !important; 52 border-bottom: 3px solid #b3610e; 53 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important; 54 padding: 0; 55 } 56 57 .main-menu-one--three .main-menu__list { 58 display: flex; 59 justify-content: center; 60 margin: 0; 61 padding: 0; 62 } 63 64 .main-menu-one--three .main-menu__list>li { 65 border-right: 1px solid rgba(255, 255, 255, 0.25); 66 /* Garis batas simple, tidak 3D */ 67 } 68 69 .main-menu-one--three .main-menu__list>li:last-child { 70 border-right: none; 71 } 72 73 .main-menu-one--three .main-menu__list>li>a, 74 .stricky-header .main-menu__list>li>a { 75 color: #ffffff !important; 76 font-weight: 600 !important; 77 opacity: 1 !important; 78 padding: 20px 28px !important; 79 text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) !important; 80 transition: all 0.3s ease; 81 text-transform: capitalize !important; 82 } 83 84 .main-menu-one--three .main-menu__list>li:hover>a, 85 .stricky-header .main-menu__list>li:hover>a { 86 background: rgba(255, 255, 255, 0.15) !important; 87 color: #ffffff !important; 88 } 89 90 /* Menghilangkan Gap / Jarak antara Menu Utama dan Slider (Mepet 2px) */ 91 .header-floating-nav { 92 margin-bottom: 2px !important; 93 padding-bottom: 0 !important; 94 } 95 96 .main-slider-three { 97 margin-top: 0 !important; 98 padding-top: 0 !important; 99 } 100 101 .main-slider-three.main-slider .auto-container { 102 padding-top: 0 !important; 103 /* Override origin CSS yang ber-padding tinggi */ 104 } 105 </style> 106 107 108 <!-- Open Graph (untuk WhatsApp, Facebook, Telegram) --> 109 <meta property="og:type" content="article" /> 110 <meta property="og:site_name" content="Pengadilan Tinggi Banten" /> 111 <meta property="og:title" content="Website Resmi Pengadilan Tinggi Banten" /> 112 <meta property="og:description" content="Portal Informasi dan Layanan Pengadilan Tinggi Banten. Memuat informasi perkara, jadwal sidang, transparansi, dan layanan publik." /> 113 <meta property="og:url" content="https://pt-banten.go.id/tentang-pengadilan/visi-dan-misi-pengadilan-tinggi-banten" /> 114 <meta property="og:image" content="https://pt-banten.go.id/assets/images/resources/logo-satker.png" /> 115 <meta property="og:image:alt" content="Website Resmi Pengadilan Tinggi Banten" /> 116 117 <!-- Optional untuk tampil bagus di Telegram dan WhatsApp --> 118 <meta property="og:image:type" content="image/jpeg" />
119 <meta property="og:image:width" content="1200" /> 120 <meta property="og:image:height" content="630" /> 121 122 <!-- Twitter Card --> 123 <meta name="twitter:card" content="summary_large_image" /> 124 <meta name="twitter:title" content="Website Resmi Pengadilan Tinggi Banten" /> 125 <meta name="twitter:description" content="Portal Informasi dan Layanan Pengadilan Tinggi Banten. Memuat informasi perkara, jadwal sidang, transparansi, dan layanan publik." /> 126 <meta name="twitter:image" content="https://pt-banten.go.id/assets/images/resources/logo-satker.png" /> 127 128 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/animate/animate.min.css"> 129 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/animate/custom-animate.css"> 130 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/bootstrap/css/bootstrap.min.css"> 131 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/bootstrap-select/css/bootstrap-select.min.css"> 132 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/bxslider/jquery.bxslider.css"> 133 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/fontawesome/css/all.min.css"> 134 <link rel="stylesheet" 135 href="https://pt-banten.go.id//assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css"> 136 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/jquery-ui/jquery-ui.css"> 137 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/nice-select/nice-select.css"> 138 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/nouislider/nouislider.min.css"> 139 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/nouislider/nouislider.pips.css"> 140 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/odometer/odometer.min.css"> 141 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/owl-carousel/owl.carousel.min.css"> 142 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/owl-carousel/owl.theme.default.min.css"> 143 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/swiper/swiper.min.css"> 144 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/timepicker/timePicker.css"> 145 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/tiny-slider/tiny-slider.min.css"> 146 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/vegas/vegas.min.css"> 147 <link rel="stylesheet" href="https://pt-banten.go.id//assets/vendors/thm-icons/style.css"> 148 <!-- Module css --> 149 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/module-css/01-header-section.css"> 150 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/module-css/02-banner-section.css"> 151 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/module-css/03-about-section.css"> 152 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/module-css/04-fact-counter-section.css"> 153 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/module-css/05-testimonial-section.css"> 154 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/module-css/06-partner-section.css"> 155 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/module-css/07-footer-section.css"> 156 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/module-css/08-blog-section.css"> 157 <!-- template styles --> 158 159 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/style.css"> 160 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/responsive.css"> 161 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/scale.css"> 162 <link rel="stylesheet" href="https://pt-banten.go.id//assets/css/custom_ui.css"> 163 164 165
165<script> 166 function hideGoogleTranslateBar() { 167 const selectors = [ 168 'iframe.goog-te-banner-frame', 169 '.goog-te-banner-frame', 170 '.goog-te-gadget', 171 '.goog-logo-link' 172 ]; 173 174 selectors.forEach(sel => { 175 const els = document.querySelectorAll(sel); 176 els.forEach(el => { 177 el.style.display = 'none'; 178 el.style.visibility = 'hidden'; 179 }); 180 }); 181 182 document.body.style.top = '0px'; 183 } 184 setInterval(hideGoogleTranslateBar, 1000); 185 window.addEventListener('load', hideGoogleTranslateBar); 186 </script>
186 187 188</head> 189 190<body> 191 <div id="google_translate_element" style="display:none;"></div> 192 193
193<script type="text/javascript"> 194 let googleReady = false; 195 196 function googleTranslateElementInit() { 197 new google.translate.TranslateElement({ 198 pageLanguage: 'id', 199 includedLanguages: 'id,en', 200 autoDisplay: false 201 }, 'google_translate_element'); 202 googleReady = true; 203 } 204 205 (function () { 206 const gt = document.createElement('script'); 207 gt.type = 'text/javascript'; 208 gt.async = true; 209 gt.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; 210 document.head.appendChild(gt); 211 })(); 212 213 function GTranslateFireEvent(element, event) { 214 try { 215 if (document.createEvent) { 216 const evt = document.createEvent('HTMLEvents'); 217 evt.initEvent(event, true, true); 218 element.dispatchEvent(evt); 219 } else { 220 const evt = document.createEventObject(); 221 element.fireEvent('on' + event, evt); 222 } 223 } catch (e) { } 224 } 225 226 function doGTranslate(langPair) { 227 const lang = langPair.split('|')[1]; 228 const interval = setInterval(function () { 229 const select = document.querySelector('select.goog-te-combo'); 230 if (select && googleReady) { 231 select.value = lang; 232 GTranslateFireEvent(select, 'change'); 233 clearInterval(interval); 234 } 235 }, 500); 236 } 237 238 document.addEventListener('DOMContentLoaded', function () { 239 const idBtn = document.getElementById('lang-id'); 240 const enBtn = document.getElementById('lang-en'); 241 242 if (!idBtn || !enBtn) return; 243 244 idBtn.addEventListener('click', function (e) { 245 e.preventDefault(); 246 doGTranslate('id|id'); 247 setActiveLang('id'); 248 }); 249 250 enBtn.addEventListener('click', function (e) { 251 e.preventDefault(); 252 doGTranslate('id|en'); 253 setActiveLang('en'); 254 }); 255 }); 256 257 function setActiveLang(lang) { 258 const idBtn = document.getElementById('lang-id'); 259 const enBtn = document.getElementById('lang-en'); 260 if (lang === 'en') { 261 idBtn.style.opacity = '0.6'; 262 enBtn.style.opacity = '1'; 263 } else { 264 idBtn.style.opacity = '1'; 265 enBtn.style.opacity = '0.6'; 266 } 267 } 268 </script>
268 269 270 <div class="page-wrapper"> 271 <header class="main-header main-header-three" role="banner"> 272 <!-- Top Info Bar --> 273 <div class="main-header-three__top"> 274 <div class="auto-container"> 275 <div class="main-header-three__top-inner"> 276 <div class="main-header-three-top-right"> 277 <div class="header-btn-style1"> 278 <a class="btn-one" style="background: #992109;" href="#"> 279 <span class="txt"><strong></strong></span> 280 </a> 281 </div> 282 </div> 283 <div class="main-header-three__top-left"> 284 <ul class="header-contact-info-style1"> 285 <li> 286 <div class="icon"> 287 <span class="icon-wall-clock"></span> 288 </div> 289 <div class="" style="font-size: 15px !important;"> 290 <p> Jam Kerja : Senin - Kamis 8.00 - 16.30 WIB | Jumat 7.00 - 16.00 WIB</p> 291 </div> 292 </li> 293 </ul> 294 295 <ul class="header-social-link-style1"> 296 <li><a href="https://www.facebook.com/pt-banten" target="_blank" aria-label="Facebook"><span 297 class="icon-facebook-app-symbol"></span></a> 298 </li> 299 <li><a href="https://www.instagram.com/pt_banten/" target="_blank" aria-label="Instagram"><span 300 class="icon-instagram"></span></a></li> 301 <li><a href="https://www.youtube.com/@pengadilantinggibanten7931" target="_blank" aria-label="Youtube"><span 302 class="fab fa-youtube"></span></a> 303 </li> 304 <li><a href="https://www.tiktok.com/@pt_banten" target="_blank" aria-label="TikTok"><span 305 class="fab fa-tiktok"></span></a> 306 </li> 307 </ul> 308 309 <div class="search-box-style1"> 310 <a href="#" class="main-menu__search search-toggler icon-search" style="color: #fff !important;" 311 role="button" aria-expanded="false" aria-label="Buka Pencarian"></a> 312 313 </div> 314 <div class="lang-switch" style="display:inline-block; margin-left:10px;"> 315 <a href="#" id="lang-id" style="color:#fff; font-weight:bold; text-decoration:none;" role="button" 316 aria-label="Ganti bahasa ke Indonesia">ID |</a> 317 <a href="#" id="lang-en" style="color:#fff; font-weight:bold; text-decoration:none;" role="button" 318 aria-label="Ganti bahasa ke Inggris">EN</a> 319 </div> 320 321 </div> 322 323 </div> 324 </div> 325 </div> 326 327 <!-- Logo + Institution Name + Badge Images Section (ABOVE menu) --> 328 <div class="header-logo-section"> 329 <div class="auto-container"> 330 <div class="header-logo-section__inner"> 331 <!-- Left: Logo + Institution Name --> 332 <style> 333 .stricky-header:not(.stricky-fixed) { 334 opacity: 0 !important; 335 visibility: hidden !important; 336 pointer-events: none !important; 337 z-index: -99 !important; 338 } 339 340 .header-logo-section__title, 341 .header-logo-section__subtitle, 342 .header-logo-section__address { 343 text-shadow: none !important; 344 } 345 </style> 346 <div class="header-logo-section__left" style="position: relative; z-index: 10;"> 347 <a href="https://pt-banten.go.id/" class="header-logo-section__logo-link" 348 style="display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 5px; z-index: 99; min-height: clamp(70px, 17vw, 108px) !important; overflow: visible !important;"> 349 <img src="https://pt-banten.go.id/assets/images/resources/logo-satker.png" 350 alt="Logo Pengadilan Tinggi Banten" class="header-logo-section__logo-img" 351 style="width: auto !important; height: clamp(68px, 16vw, 103px) !important; max-height: none !important; object-fit: contain !important; overflow: visible !important; border-radius: 0 !important; background: transparent !important;"> 352 </a> 353 <div class="header-logo-section__text" 354 style="display: flex; flex-direction: column; justify-content: center; overflow: visible;">
355 <span class="header-logo-section__subtitle" 356 style="display: block; font-size: clamp(10px, 2.9vw, 13.5px); font-weight: 700; color: #000000; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 2px; font-family: 'Inter', sans-serif; white-space: nowrap;"> 357 MAHKAMAH AGUNG REPUBLIK INDONESIA 358 </span> 359 <h1 class="header-logo-section__title" 360 style="font-size: clamp(14.5px, 4.8vw, 30.5px); font-weight: 800; text-transform: uppercase; margin: 0 0 6px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.5px; line-height: 1.1; white-space: nowrap; color: #992109;"> 361 PENGADILAN TINGGI BANTEN </h1> 362 <span class="header-logo-section__address" 363 style="display: block; font-size: clamp(10px, 2.2vw, 13.5px); font-weight: 500; font-family: 'Inter', sans-serif; line-height: 1.4; opacity: 0.85;"> 364 Jalan Raya Serang - Pandeglang KM 6.6, Tembong, Kec Cipocok Jaya, Kota Serang, Banten 42126 </span> 365 </div> 366 </div> 367 <!-- Right: Badge Images (Dynamic from category: logo atas kanan) --> 368 <div class="header-logo-section__right" 369 style="display: flex; align-items: center; justify-content: flex-end; gap: 15px; flex-wrap: wrap;"> 370 <a href="#" class="header-badge-link" style="display: inline-block;"> 371 <img src="https://pt-banten.go.id/images/2026/logo-asn-berakhlak.png" alt="logo asn berakhlak" class="header-badge-img" 372 style="max-height: 60px; width: auto; object-fit: contain;"> 373 </a> 374 </div> 375 </div> 376 </div> 377 </div> 378 379 <!-- Floating Menu Bar with Border Radius --> 380 <div class="header-floating-nav"> 381 <div class="auto-container"> 382 <div class="header-floating-nav__bar"> 383 <nav class="main-menu main-menu-one main-menu-one--three" role="navigation" aria-label="Navigasi Utama"> 384 <div class="main-menu__wrapper clearfix"> 385 <div class="main-menu__wrapper-inner"> 386 <div class="main-header-one__bottom-right" style="width:100%;"> 387 <div class="main-menu-box" style="margin:0 auto; float:none; text-align:center;"> 388 <a href="#" class="mobile-nav__toggler" role="button" aria-expanded="false" 389 aria-controls="mobile-nav" aria-label="Buka Menu Mobile"><i class="fa fa-bars" 390 aria-hidden="true"></i><span 391 style="font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; margin-left: 10px; letter-spacing: 1px;">MENU</span></a> 392 <ul class="main-menu__list" role="menubar"> 393 394 <li class="" role="none"> 395 <a href="https://pt-banten.go.id/" role="menuitem" > 396 Beranda </a> 397 398 </li> 399 400 <li class="dropdown" role="none"> 401 <a href="https://pt-banten.go.id/index.php?option=com_content&view=article&id=7" role="menuitem" aria-haspopup="true" aria-expanded="false"> 402 Tentang Pengadilan </a> 403 404 <ul class='submenu-lvl submenu-lvl-2'><li class=''><a href='https://pt-banten.go.id/tentang-pengadilan/sambutan-kpt'>Pengantar Ketua Pengadilan</a></li><li class=''><a href='https://pt-banten.go.id/tentang-pengadilan/visi-dan-misi-pengadilan-tinggi-banten'>Visi dan Misi Pengadilan</a></li><li class='has-submenu dropdown'><a href='#'>Profile Pengadilan <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/tentang-pengadilan/sejarah-pengadilan'>Sejarah Pengadilan</a></li><li class=''><a href='https://pt-banten.go.id/tentang-pengadilan/struktur-organisasi-pengadilan-negeri-pbg'>Struktur Organisasi</a></li><li class=''><a href='https://pt-banten.go.id/tentang-pengadilan/wilayah-hukum'>Wilayah Yuridiksi</a></li><li class=''><a href='https://pt-banten.go.id/tentang-pengadilan/tugas-pokok-dan-fungsi'>Tugas Pokok dan Fungsi</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Profil Hakim & Pegawai <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/profil-pegawai/ketua'>Ketua</a></li><li class=''><a href='https://pt-banten.go.id/tentang-pengadilan/2015-05-30-06-27-49/wakil-ketua'>Wakil Ketua</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/hakim-karir'>Hakim</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/hakim-ad-hoc'>Hakim Ad Hoc</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/hakim-yustisial'>Hakim Yustisial</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/panitera'>Panitera</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/kepaniteraan'>Kepaniteraan</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/sekretaris'>Sekretaris</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/kesekretariatan'>Kesekretariatan</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/panitera-pengganti'>Panitera Pengganti</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/fungsional'>Pejabat Fungsional</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/staff'>Pelaksana</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Profil Role Model dan Agen Perubahan <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/profil-pegawai/profil-agen-perubahan'>Profil Role Model</a></li><li class=''><a href='https://pt-banten.go.id/profil-pegawai/profil-agen-perubahan'>Profil Agen Perubahan</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Kepaniteraan <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/kepaniteraan/kepaniteraan-pidana'>Kepaniteraan Pidana</a></li><li class=''><a href='https://pt-banten.go.id/kepaniteraan/kepaniteraan-perdata'>Kepaniteraan Perdata</a></li><li class=''><a href='https://pt-banten.go.id/kepaniteraan/kepaniteraan-tipikor'>Kepaniteraan Tipikor</a></li><li class=''><a href='https://pt-banten.go.id/kepaniteraan/kepaniteraan-hukum'>Kepaniteraan Hukum</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Sistem Pengelolaan Pengadilan <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/sistem-pengelolaan-pengadilan/program-kerja'>Program Kerja</a></li><li class=''><a href='https://elearning.mahkamahagung.go.id/'>e-Learning</a></li><li class=''><a href='https://jdih.mahkamahagung.go.id/'>Kebijakan/Yurisprudensi</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=45'>Rencana Strategis (Renstra)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=39'>Rencana Kerja dan Anggaran</a></li><li class=''><a href='https://pt-banten.go.id/tentang-pengadilan/kode-etik-hakim-dan-pedoman-perilaku-hakim'>Pengawasan dan Kode Etik Hakim</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=93'>Daftar dokumen pedoman pengelolaan organisasi, administrasi, dan personil</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>PTSP <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/layanan-publik/jenis-layanan'>Jenis Layanan</a></li><li class=''><a href='https://pt-banten.go.id/layanan-publik/standar-layanan'>Standar Layanan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=67'>Maklumat Pelayanan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=66'>Kompensasi Pelayanan</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Layanan Disabilitas <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=68'>Prosedur Pelayanan Bagi Penyandang Disabilitas</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=69'>Sarana & Prasarana Bagi Penyandang Disabilitas</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Tata Tertib di Pengadilan <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=70'>Tata Tertib di Pengadilan</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Informasi Perkara <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=74'>Delegasi</a></li><li class=''><a href='https://docs.google.com/spreadsheets/d/1qIUulVB54UTMx0mG9dSKYiOsviq2MMUM/edit?usp=sharing&ouid=108042720727592043024&rtpof=true&
404sd=true'>Statistik Perkara</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Informasi Kinerja & Aset Inventaris <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=72'>Hasil Penelitian</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=73'>Ringkasan Laporan Akuntabilitas Kinerja Instansi Pemerintah (LKJIP)</a></li><li class=''><a href='https://pt-banten.go.id/layanan-publik/ringkasan-aset-dan-inventaris-pt-banten'>Ringkasan Daftar Aset dan Inventaris</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=687'>Kerja Sama</a></li></ul> </li> 405 406 <li class="dropdown" role="none"> 407 <a href="https://pt-banten.go.id/index.php?option=com_content&view=article&id=7" role="menuitem" aria-haspopup="true" aria-expanded="false"> 408 Layanan Publik </a> 409 410 <ul class='submenu-lvl submenu-lvl-2'><li class='has-submenu dropdown'><a href='#'>Laporan <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=41'>Laporan Tahunan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=73'>Ringkasan Laporan Akuntabilitas Kinerja Instansi Pemerintah (LKJIP)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=89'>Laporan Monev Program Kerja</a></li><li class='has-submenu dropdown'><a href='#'>Laporan Keuangan <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-4'><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=42'>Laporan Realisasi Anggaran</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=43'>PNBP</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=56'>CALK</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=92'>Laporan BMN</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=58'>Neraca</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>SAKIP <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-4'><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=44'>Indikator Kinerja Utama (IKU)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=45'>Rencana Strategis (Restra)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=46'>Rencana Kinerja Tahunan (RKT)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=52'>Perjanjian Kinerja Tahunan (PKT)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=47'>Laporan Kinerja Instansi Pemerintah (LKjIP)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=39'>Rencana Kerja dan Anggaran (RKAKL) & DIPA</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=55'>Rencana Aksi</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=75'>Laporan Pelayanan Informasi Publik</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=48'>Laporan Harta Kekayaan Pejabat Negara (LHKPN) & SPT</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=50'>Laporan SKM</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=51'>Laporan SPAK</a></li><li class=''><a href='https://drive.google.com/drive/folders/1ztTVS5S_AlUdoFO5FmIyaBNnguOeYPj9'>Laporan survei harian</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Pengumuman <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=87'>Pengadaan dan Lelang, Barang & Jasa</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=83'>Penerimaan Pegawai</a></li><li class=''><a href='https://pt-banten.go.id/berita/pengumuman'>Pengumuman Lainnya</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=91'>Sewa BMN</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=77'>Prosedur Permohonan Informasi</a></li><li class='has-submenu dropdown'><a href='#'>Pengaduan Layanan Publik <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/layanan-publik/dasar-hukum-regulasi-pengaduan'>Dasar Hukum/Regulasi Pengaduan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=82'>Prosedur Pengaduan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=90'>Hak hak masyarakat dalam pelayanan publik pengadilan</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=76'>E-Brosur</a></li><li class='has-submenu dropdown'><a href='#'>Penyumpahan Advokat <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/layanan-publik/alur-proses-penyumpahan-advokat'>Alur Proses Penyumpahan Advokat</a></li><li class=''><a href='https://pt-banten.go.id/layanan-publik/persyaratan-penyumpahan-advokat'>Persyaratan Penyumpahan Advokat</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=78'>Verifikasi dan Validasi Akun e-Court Advokat</a></li></ul></li></ul> </li> 411 412 <li class="dropdown" role="none"> 413 <a href="https://pt-banten.go.id/" role="menuitem" aria-haspopup="true" aria-expanded="false"> 414 Layanan Hukum </a> 415 416 <ul class='submenu-lvl submenu-lvl-2'><li class='has-submenu dropdown'><a href='#'>Layanan Hukum Bagi Masyarakat Tidak Mampu <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/layanan-hukum/peraturan-dan-kebijakan'>Peraturan dan Kebijakan</a></li><li class=''><a href='https://pt-banten.go.id/layanan-hukum/prosedur-pembebasan-biaya-perkara-secara-prodeo'>Prosedur Pembebasan Biaya Perkara Secara Prodeo</a></li><li class=''><a href='https://pt-banten.go.id/layanan-hukum/posbakum'>Posbakum</a></li><li class=''><a href='https://pt-banten.go.id/layanan-hukum/sidang-diluar-gedung-pengadilan'>Zitting Plaats</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Prosedur Pengajuan Perkara dan Biaya Perkara <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://pt-banten.go.id/layanan-hukum/prosedur-pengajuan-perkara'>Prosedur Pengajuan Perkara</a></li><li class=''>
416<a href='https://pt-banten.go.id/layanan-hukum/sk-pengelola-biaya-proses'>Biaya Proses Perkara</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/layanan-publik/sop-peminjangan-berkas-perkara'>Peminjaman Berkas Perkara</a></li></ul> </li> 417 418 <li class="dropdown" role="none"> 419 <a href="https://pt-banten.go.id/" role="menuitem" aria-haspopup="true" aria-expanded="false"> 420 Berita </a> 421 422 <ul class='submenu-lvl submenu-lvl-2'><li class=''><a href='https://pt-banten.go.id/berita/berita-terkini'>Berita Terkini</a></li><li class=''><a href='https://pt-banten.go.id/berita/artikel'>Artikel</a></li><li class=''><a href='https://pt-banten.go.id/berita/pengumuman'>Pengumuman</a></li><li class=''><a href='https://pt-banten.go.id/berita/galeri-foto'>Galeri Foto</a></li><li class=''><a href='https://pt-banten.go.id/berita/galeri-video'>Galeri Video</a></li></ul> </li> 423 424 <li class="dropdown" role="none"> 425 <a href="https://pt-banten.go.id/" role="menuitem" aria-haspopup="true" aria-expanded="false"> 426 Hubungi Kami </a> 427 428 <ul class='submenu-lvl submenu-lvl-2'><li class=''><a href='https://pt-banten.go.id/features/alamat-pengadilan-tinggi'>Alamat</a></li><li class=''><a href='https://pt-banten.go.id/features/hubungi-kami'>Hubungi Kami</a></li></ul> </li> 429 430 <li class="dropdown" role="none"> 431 <a href="https://pt-banten.go.id/" role="menuitem" aria-haspopup="true" aria-expanded="false"> 432 Reformasi Birokrasi </a> 433 434 <ul class='submenu-lvl submenu-lvl-2'><li class='has-submenu dropdown'><a href='#'>Zona Integritas <i class='fa fa-angle-right'></i></a><ul class='submenu-lvl submenu-lvl-3'><li class=''><a href='https://drive.google.com/drive/folders/1-laeg_enwCUWxNGBBUQf8ZB5dbWlATui?usp=drive_link'>Area I</a></li><li class=''><a href='https://drive.google.com/drive/folders/1-ligvGnbi4rkLAJAT6g2kbrlra9G43P3?usp=drive_link'>Area II</a></li><li class=''><a href='https://drive.google.com/drive/folders/1-mnSDFZY51c1z14PEvuX2h8entVjw5tn?usp=drive_link'>Area III</a></li><li class=''><a href='https://drive.google.com/drive/folders/1-p7KZ1LrYd-u1Rakn2Qer7LTQtquNQVf?usp=drive_link'>Area IV</a></li><li class=''><a href='https://drive.google.com/drive/folders/1-p9Qomxk3TCJT4EwxQowLdgooiY9ImJw?usp=drive_link'>Area V</a></li><li class=''><a href='https://drive.google.com/drive/folders/1-rV7ZsxWsulKnqY5dwgURVdW2hGDKmjl?usp=drive_link'>Area VI</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=81'>Inovasi Pengadilan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=85'>LKE ZI</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=686'>SK TIM KOMITE KEPUTUSAN ASESMEN SERTIFIKASI MUTU PERADILAN UNGGUL DAN TANGGUH (AMPUH)</a></li></ul> </li> 435 </ul> 436 </div> 437 </div> 438 </div> 439 </div> 440 </nav> 441 </div> 442 </div> 443 </div> 444 </header> 445 446 <div class="stricky-header stricked-menu main-menu main-menu-one--three"> 447 <div class="sticky-header__content"></div> 448 </div>
448<script type="application/ld+json"> 449{ 450 "@context": "https://schema.org", 451 "@type": "NewsArticle", 452 "mainEntityOfPage": { 453 "@type": "WebPage", 454 "@id": "tentang-pengadilan/visi-dan-misi-pengadilan-tinggi-banten" 455 }, 456 "headline": "Visi dan Misi Pengadilan Tinggi Banten", 457 "image": ["https://pt-banten.go.id/assets/images/resources/logo-1.png"], 458 "datePublished": "25", 459 "dateModified": "25", 460 "author": { 461 "@type": "Organization", 462 "name": "Pengadilan Tinggi Banten" 463 }, 464 "publisher": { 465 "@type": "Organization", 466 "name": "Pengadilan Tinggi Banten", 467 "logo": { 468 "@type": "ImageObject", 469 "url": "https://pt-banten.go.id/assets/images/resources/logo-1.png" 470 } 471 }, 472 "description": "<p>Â </p> 473<h1 style="text-align: center;">Â V I S I</h1> 474<p>âTERWUJUDYA PENGADILAN TINGGI BANTEN YANG AGUNGâ</p> 475<h1 style="text-align: center;">Â M I S I</h1> 476<ol> 477<li><span>Menjaga Kemandirian Badan Peradilan.</span></li> 478<li><span>Memberikan Pelayanan hukum yang berkeadilan kepada pencari keadilan.</span></li> 479<li><span>Meningkatkan kualitas kepemimpinan badan peradilan.</span></li> 480<li><span>Meningkatkan Kredibilitas dan Transfaransi badan peradilan.</span></li> 481</ol> 482<p>Â </p> 483<p><img src="images/Visi dan Misi PANJANG 2.png" alt="" style="display: block; margin-left: auto; margin-right: auto;" /></p> 484<div id="gtx-trans" style="position: absolute; left: -7px; top: 167.25px;">Â </div>" 485} 486</script>
486 487<section class="custom-breadcrumb-details" style="padding-top: 30px; padding-bottom: 20px;"> 488 <div class="auto-container"> 489 <div style=" 490 position: relative; 491 background-image: url('https://pt-banten.go.id/assets/images/backgrounds/detilback.jpeg'); 492 background-size: cover; 493 background-position: center; 494 border-radius: 12px; 495 overflow: hidden; 496 box-shadow: 0 8px 20px rgba(0,0,0,0.08); 497 border: 1px solid rgba(0,0,0,0.05); 498 padding: 40px 30px; 499 "> 500 501 <div style="position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(255,255,255,0.5);"></div> 502 503 <div class="row" style="position: relative; z-index: 2;"> 504 <div class="col-xl-12"> 505 <div class="text-center"> 506 <h2 style="font-size: 26px; font-weight: 700; color: #111; margin: 0; line-height: 1.4;"> 507 Visi dan Misi Pengadilan Tinggi Banten </h2> 508 </div> 509 </div> 510 </div> 511 </div> 512 </div> 513</section> 514 515 516<section class="blog-details"> 517 <div class="auto-container"> 518 <div class="row"> 519 520 <div class="col-xl-8 col-lg-7"> 521 <div class="blog-details__content"> 522 <div class="blog-details-text-box1"> 523 524 <div style="display:flex;align-items:center;"> 525 <div class="calendar-year"> 526 2013 </div> 527 <div class="calendar-badge"> 528 <div class="day"> 529 25 </div> 530 <div class="month"> 531 JUN </div> 532 </div> 533 <span style='margin-top:-10px' class='text-left'><h3><strong>Visi dan Misi Pengadilan Tinggi Banten</strong></h3></span> 534 </div> 535 <div style="margin-left: 85px; margin-top: -20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;"> 536 <h6 style="margin: 0;"> 537 <span class="icon-user"> 538 <a href="#">Oleh : Admin</a> 539 </span> 540 <span style="margin: 0 10px; color: #ccc;">|</span> 541 <span class="fa fa-eye" style="color: #a02b1a;"></span> 542 <span style="font-size: 14px; color: #666; font-weight: 500;">
542Dilihat: 5,988 kali</span> 543 </h6> 544 545 <div class="action-buttons" style="display: flex; gap: 8px;"> 546 <button onclick="window.print()" style="background: #fdf5f4; border: 1px solid rgba(160,43,26,0.1); color: #a02b1a; padding: 6px 15px; border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: 600; transition: all 0.3s;" onmouseover="this.style.background='#fae6e3';" onmouseout="this.style.background='#fdf5f4';"> 547 <i class="fas fa-print"></i> Cetak 548 </button> 549 <button onclick="if(navigator.share){ navigator.share({title: 'Visi dan Misi Pengadilan Tinggi Banten', url: window.location.href}).catch(console.error); } else { var dummy = document.createElement('input'); document.body.appendChild(dummy); dummy.value = window.location.href; dummy.select(); document.execCommand('copy'); document.body.removeChild(dummy); var btn = this; var oldHtml = btn.innerHTML; btn.innerHTML = '<i class=\'fas fa-check\'></i> Tersalin!'; setTimeout(function(){ btn.innerHTML = oldHtml; }, 2000); }" style="background: #fdf5f4; border: 1px solid rgba(160,43,26,0.1); color: #a02b1a; padding: 6px 15px; border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: 600; transition: all 0.3s;" onmouseover="this.style.background='#fae6e3';" onmouseout="this.style.background='#fdf5f4';"> 550 <i class="fas fa-share-alt"></i> Bagikan 551 </button> 552 </div> 553 </div> 554 555 <article class="text1 article-content"> 556 <p>Â </p> 557<h1 style="text-align: center;">Â V I S I</h1> 558<p>âTERWUJUDYA PENGADILAN TINGGI BANTEN YANG AGUNGâ</p> 559<h1 style="text-align: center;">Â M I S I</h1> 560<ol> 561<li><span>Menjaga Kemandirian Badan Peradilan.</span></li> 562<li><span>Memberikan Pelayanan hukum yang berkeadilan kepada pencari keadilan.</span></li> 563<li><span>Meningkatkan kualitas kepemimpinan badan peradilan.</span></li> 564<li><span>Meningkatkan Kredibilitas dan Transfaransi badan peradilan.</span></li> 565</ol> 566<p>Â </p> 567<p><img src="https://pt-banten.go.id//images/Visi dan Misi PANJANG 2.png" alt="" style="display: block; margin-left: auto; margin-right: auto;" /></p> 568<div id="gtx-trans" style="position: absolute; left: -7px; top: 167.25px;">Â </div> </article> 569 </div> 570 </div> 571 </div> 572 573 574 575 576 <div class="col-xl-4 col-lg-5 sidebar-area mb-4"> 577 <div class="sidebar-widget"> 578 <div class="sw-header"> 579 <i class="fas fa-language"></i> 580 <h4>Alih Bahasa</h4> 581 </div> 582 <div class="sw-body"> 583 <div class="lang-toggle-group"> 584 <a href="#" class="lang-btn active" 585 onclick="event.preventDefault(); doGTranslate('id|id'); this.classList.add('active'); this.parentNode.querySelector('.lang-btn:last-child').classList.remove('active');"> 586 <img src="https://flagcdn.com/w40/id.png" alt="ID"> Indonesia 587 </a> 588 <a href="#" class="lang-btn" 589 onclick="event.preventDefault(); doGTranslate('id|en'); this.classList.add('active'); this.parentNode.querySelector('.lang-btn:first-child').classList.remove('active');"> 590 <img src="https://flagcdn.com/w40/gb.png" alt="EN"> English 591 </a> 592 </div> 593 </div> 594 </div> 595 596 <div class="sidebar-widget"> 597 <div class="sw-header"> 598 <i class="fas fa-gavel"></i> 599 <h4>Jadwal Sidang</h4> 600 </div> 601 <div class="sw-body"> 602 <div class="lang-toggle-group" style="text-align: center; padding: 5px 0;"> 603 <a href="https://sipp-banding.mahkamahagung.go.id/slide_sidang_publik/WGRyb1g0Q3k0Y0g3NVBDRDlBaU1MYTJ4bXVCVUoxMThSMzZ1NmFmS1hKRG54QzhvRWl2c29OQnhlblBJc1MrWTlLTzVycEw5TllneGM5eW5kTE53MWc9PQ==/1000" target="_blank" style="display: block; width: 100%; padding: 12px 20px; background-color: #a93226; color: #ffffff; text-decoration: none; font-weight: bold; border-radius: 8px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: background 0.3s;"> 604 Buka Jadwal Sidang 605 </a> 606 </div> 607 </div> 608 </div> 609 610 <div class="sidebar-widget"> 611 <div class="sw-header"> 612 <i class="fas fa-search"></i> 613 <h4>Pencarian</h4> 614 </div> 615 <div class="sw-body"> 616 <form action="https://pt-banten.go.id/search.php" class="premium-search-form" role="search" aria-label="Formulir Pencarian"> 617 <input type="text" name="q" placeholder="Cari informasi..." aria-label="Kata kunci pencarian"> 618 <button type="submit" aria-label="Cari"><i class="fas fa-search" aria-hidden="true"></i></button> 619 </form> 620 </div> 621 </div> 622 623 624 <div class="sidebar-widget"> 625 <div class="sw-header"> 626 <i class="fas fa-clock"></i> 627 <h4>Jam Kerja Pengadilan & PTSP</h4> 628 </div> 629 <div class="sw-body" style="padding: 12px 15px;"> 630 <div style="display: flex; flex-direction: column; gap: 15px; margin-top: 8px;"> 631 632 <div style="text-align: center; display: flex; flex-direction: column; gap: 15px;"> 633 634 <img src="https://pt-banten.go.id/images/2026/jamkerjaptbanten.jpeg" alt="Jam Kerja" 635 style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);"> 636 637 </div> 638 </div> 639 640 <div 641 style="margin-top: 12px; padding: 10px 14px; background: rgba(160,43,26,0.04); border-radius: 8px; font-size: 11.5px; color: #888; text-align: center; font-weight:500;"> 642 <i class="fas fa-info-circle" style="color:#a02b1a; margin-right: 5px;"></i> 643 Jam pelayanan PTSP mengikuti jam kerja di atas 644 </div> 645 </div> 646 </div> 647 648 649 <div class="sidebar-widget"> 650 <div class="sw-header"> 651 <i class="fas fa-chart-bar"></i> 652 <h4>Indeks Pelayanan Publik</h4> 653 </div> 654 <div class="sw-body"> 655 <!-- Slider untuk multi gambar IKM --> 656 <div class="info-slider" id="ikm-slider"> 657 <div class="info-slider-track" id="ikm-slider-track"> 658 <div style="min-width:100%; box-sizing:border-box;"> 659 <img src="images/SKM Q2 2026.jpg" alt="IKM 1" 660 style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);"> 661 </div> 662 <div style="min-width:100%; box-sizing:border-box;"> 663 <img src="images/SPAK%20Q2%202026.jpg" alt="IKM 2" 664 style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);"> 665 </div> 666 </div> 667 <button class="info-slider-nav prev" onclick="ikmSlider.prev()" aria-label="Sebelumnya"><i class="fas fa-chevron-left"></i></button> 668 <button class="info-slider-nav next" onclick="ikmSlider.next()" aria-label="Berikutnya"><i class="fas fa-chevron-right"></i></button> 669 <div class="info-slider-dots" id="ikm-slider-dots"> 670 <sp
670an class="dot active" onclick="ikmSlider.goTo(0)"></span> 671 <span class="dot " onclick="ikmSlider.goTo(1)"></span> 672 </div> 673 </div> 674
674<script> 675 var ikmSlider = (function() { 676 var current = 0; 677 var total = 2; 678 var track = document.getElementById('ikm-slider-track'); 679 var dots = document.querySelectorAll('#ikm-slider-dots .dot'); 680 var autoTimer = null; 681 682 function goTo(idx) { 683 if (idx < 0) idx = total - 1; 684 if (idx >= total) idx = 0; 685 current = idx; 686 track.style.transform = 'translateX(-' + (current * 100) + '%)'; 687 dots.forEach(function(d, i) { d.classList.toggle('active', i === current); }); 688 } 689 function next() { goTo(current + 1); } 690 function prev() { goTo(current - 1); } 691 function startAuto() { 692 stopAuto(); 693 autoTimer = setInterval(next, 5000); 694 } 695 function stopAuto() { 696 if (autoTimer) clearInterval(autoTimer); 697 } 698 699 startAuto(); 700 var slider = document.getElementById('ikm-slider'); 701 slider.addEventListener('mouseenter', stopAuto); 702 slider.addEventListener('mouseleave', startAuto); 703 704 return { goTo: goTo, next: next, prev: prev }; 705 })(); 706 </script>
706 707 </div> 708 </div> 709 710 711 <div class="sidebar-widget"> 712 <div class="sw-header"> 713 <i class="fas fa-link"></i> 714 <h4>Tautan Website</h4> 715 </div> 716 <div class="sw-body" style="padding: 10px 18px;"> 717 <ul class="tautan-list"> 718 <li> 719 <a href="https://www.mahkamahagung.go.id/id" target="_blank"> 720 <i class="fas fa-chevron-right"></i> 721 Mahkamah Agung RI </a> 722 </li> 723 <li> 724 <a href="https://badilum.mahkamahagung.go.id/" target="_blank"> 725 <i class="fas fa-chevron-right"></i> 726 Ditjen Badilum </a> 727 </li> 728 <li> 729 <a href="https://bawas.mahkamahagung.go.id/" target="_blank"> 730 <i class="fas fa-chevron-right"></i> 731 Badan Pengawasan MA </a> 732 </li> 733 <li> 734 <a href="https://bsdk.mahkamahagung.go.id/id/" target="_blank"> 735 <i class="fas fa-chevron-right"></i> 736 Balitbang Diklat Kumdil </a> 737 </li> 738 <li> 739 <a href="https://putusan3.mahkamahagung.go.id/" target="_blank"> 740 <i class="fas fa-chevron-right"></i> 741 Direktori Putusan </a> 742 </li> 743 </ul> 744 </div> 745 </div> 746 747 748 <div class="sidebar-widget"> 749 <div class="sw-header"> 750 <i class="fas fa-share-alt"></i> 751 <h4>Sosial Media Pengadilan</h4> 752 </div> 753 <div class="sw-body" style="padding: 10px 15px;"> 754 <table style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="5"> 755<tbody> 756<tr> 757<td style="text-align: left; vertical-align: middle; width: 60px;"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS8lv-iEOWtRxGDqsOR-Pa1kIiqN298569zVA&s" alt="Instagram" width="50" /></td> 758<td style="vertical-align: middle;"><a href="https://instagram.com/pt_banten" target="_blank" style="font-weight: bold; text-decoration: none; color: #333;">Instagram</a><br /> <a href="https://instagram.com/pt_banten" target="_blank" style="color: #555;">@pt_banten</a></td> 759</tr> 760<tr> 761<td style="text-align: left; vertical-align: middle;"><img src="https://cdn-icons-png.flaticon.com/512/3046/3046121.png" alt="Tiktok" width="50" /></td> 762<td style="vertical-align: middle;"><a href="https://www.tiktok.com/@pt_banten" target="_blank" style="font-weight: bold; text-decoration: none; color: #333;">TikTok</a><br /> <a href="https://www.tiktok.com/@pt_banten" target="_blank" style="color: #555;">PT Banten Official</a></td> 763</tr> 764<tr> 765<td style="text-align: left; vertical-align: middle;"><img src="https://static.vecteezy.com/system/resources/thumbnails/023/986/480/small/youtube-logo-youtube-logo-transparent-youtube-icon-transparent-free-free-png.png" alt="YouTube" width="50" /></td> 766<td style="vertical-align: middle;"><a href="https://www.youtube.com/@pengadilantinggibanten7931" target="_blank" style="font-weight: bold; text-decoration: none; color: #333;">YouTube</a><br /> <a href="https://www.youtube.com/@pengadilantinggibanten7931" target="_blank" style="color: #555;">PT Banten Official</a></td> 767</tr> 768</tbody> 769</table> </div> 770 </div> 771 772 773 <div class="sidebar-widget"> 774 <div class="sw-header"> 775 <i class="fas fa-user-tie"></i> 776 <h4>Agen Perubahan</h4> 777 </div> 778 <div class="sw-body" style="padding: 10px 15px;"> 779 <!-- Slider untuk multi gambar --> 780 <div class="info-slider" id="agen-slider"> 781 <div class="info-slider-track" id="agen-slider-track"> 782 <div style="min-width:100%; box-sizing:border-box;"> 783 <a href="https://pt-banten.go.id/" target="_blank" style="display:block;"> 784 <img src="https://pt-banten.go.id/images/demo/blog/rolemodel2025.jpg" alt="Agen Perubahan 1" 785 style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);"> 786 </a> 787 </div> 788 <div style="min-width:100%; box-sizing:border-box;"> 789 <a href="https://pt-banten.go.id/" target="_blank" style="display:block;"> 790 <img src="https://pt-banten.go.id/images/demo/blog/agenperubahan2026.jpeg" alt="Agen Perubahan 2" 791 style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);"> 792 </a> 793 </div> 794 </div> 795 <button class="info-slider-nav prev" onclick="agenSlider.prev()" aria-label="Sebelumnya"><i class="fas fa-chevron-left"></i></button> 796 <button class="info-slider-nav next" onclick="agenSlider.next()" aria-label="Berikutnya"><i class="fas fa-chevron-right"></i></button> 797 <div class="info-slider-dots" id="agen-slider-dots"> 798 <sp
798an class="dot active" onclick="agenSlider.goTo(0)"></span> 799 <span class="dot " onclick="agenSlider.goTo(1)"></span> 800 </div> 801 </div> 802
802<script> 803 var agenSlider = (function() { 804 var current = 0; 805 var total = 2; 806 var track = document.getElementById('agen-slider-track'); 807 var dots = document.querySelectorAll('#agen-slider-dots .dot'); 808 var autoTimer = null; 809 810 function goTo(idx) { 811 if (idx < 0) idx = total - 1; 812 if (idx >= total) idx = 0; 813 current = idx; 814 track.style.transform = 'translateX(-' + (current * 100) + '%)'; 815 dots.forEach(function(d, i) { d.classList.toggle('active', i === current); }); 816 } 817 function next() { goTo(current + 1); } 818 function prev() { goTo(current - 1); } 819 function startAuto() { 820 stopAuto(); 821 autoTimer = setInterval(next, 5000); 822 } 823 function stopAuto() { 824 if (autoTimer) clearInterval(autoTimer); 825 } 826 827 // Auto-slide 828 startAuto(); 829 // Pause saat hover 830 var slider = document.getElementById('agen-slider'); 831 slider.addEventListener('mouseenter', stopAuto); 832 slider.addEventListener('mouseleave', startAuto); 833 834 return { goTo: goTo, next: next, prev: prev }; 835 })(); 836 </script>
836 837 </div> 838 </div> 839 840 841<div style="background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); padding: 22px; border: 1px solid #f1f1f1; margin: 0 0 30px 0; font-family: 'Inter', sans-serif;"> 842 <div style="display: flex; align-items: center; margin-bottom: 15px; border-bottom: 2px solid #f8f8f8; padding-bottom: 15px;"> 843 <div style="width: 40px; height: 40px; background: rgba(160,43,26,0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 15px;"> 844 <i class="fas fa-chart-line" style="color: #a02b1a; font-size: 18px;"></i> 845 </div> 846 <h4 style="margin: 0; font-size: 17px; font-weight: 700; color: #222;">Statistik Pengunjung</h4> 847 </div> 848 849 <div style="display: flex; flex-direction: column;"> 850 <!-- Hari ini --> 851 <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; border-bottom: 1px dashed #eaeaea;"> 852 <span style="font-size: 14px; color: #555; font-weight: 600; display: flex; align-items: center; gap: 10px;"> 853 <i class="fas fa-user-clock" style="color: #a02b1a; font-size: 14px; width: 16px;"></i> Hari Ini 854 </span> 855 <span style="font-size: 16px; font-weight: 800; color: #222;">589</span> 856 </div> 857 858 <!-- Kemarin --> 859 <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; border-bottom: 1px dashed #eaeaea;"> 860 <span style="font-size: 14px; color: #555; font-weight: 600; display: flex; align-items: center; gap: 10px;"> 861 <i class="fas fa-user-check" style="color: #a02b1a; font-size: 14px; width: 16px;"></i> Kemarin 862 </span> 863 <span style="font-size: 16px; font-weight: 800; color: #222;">765</span> 864 </div> 865 866 <!-- Total --> 867 <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; border-bottom: 1px dashed #eaeaea;"> 868 <span style="font-size: 14px; color: #555; font-weight: 600; display: flex; align-items: center; gap: 10px;"> 869 <i class="fas fa-users" style="color: #a02b1a; font-size: 14px; width: 16px;"></i> Total 870 </span> 871 <span style="font-size: 16px; font-weight: 800; color: #222;">98,886</span> 872 </div> 873 874 <!-- Online --> 875 <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; margin-top: 5px;"> 876 <span style="font-size: 14px; color: #27ae60; font-weight: 600; display: flex; align-items: center; gap: 10px;"> 877 <span style="display: inline-block; width: 8px; height: 8px; background: #2ecc71; border-radius: 50%; box-shadow: 0 0 6px rgba(46, 204, 113, 0.6); animation: pulse 2s infinite; margin-left: 4px;"></span> 878 Online 879 </span> 880 <span style="font-size: 16px; font-weight: 800; color: #27ae60;">21</span> 881 <style>@keyframes pulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } }</style> 882 </div> 883 </div> 884</div> </div> 885 886 </div> 887 </div> 888</section> 889 890 891
892<script> 893 document.addEventListener("DOMContentLoaded", function() { 894 const images = Array.from(document.querySelectorAll('.article-content img')); 895 if (images.length === 0) return; 896 897 898 const overlay = document.createElement('div'); 899 overlay.className = 'image-zoom-overlay'; 900 overlay.innerHTML = ` 901 <span class="image-zoom-prev">❮</span> 902 <img src="" alt="Zoomed Image"> 903 <span class="image-zoom-next">❯</span> 904 `; 905 document.body.appendChild(overlay); 906 907 const zoomImg = overlay.querySelector('img'); 908 const prevBtn = overlay.querySelector('.image-zoom-prev'); 909 const nextBtn = overlay.querySelector('.image-zoom-next'); 910 let currentIndex = 0; 911 912 913 function showZoom(index) { 914 currentIndex = index; 915 zoomImg.src = images[currentIndex].src; 916 overlay.style.display = 'flex'; 917 setTimeout(() => overlay.classList.add('show'), 10); 918 } 919 920 921 function closeZoom() { 922 overlay.classList.remove('show'); 923 setTimeout(() => overlay.style.display = 'none', 300); 924 } 925 926 927 function showNext() { 928 currentIndex = (currentIndex + 1) % images.length; 929 zoomImg.src = images[currentIndex].src; 930 } 931 932 function showPrev() { 933 currentIndex = (currentIndex - 1 + images.length) % images.length; 934 zoomImg.src = images[currentIndex].src; 935 } 936 937 938 images.forEach((img, index) => { 939 img.addEventListener('click', () => showZoom(index)); 940 }); 941 942 943 nextBtn.addEventListener('click', e => { 944 e.stopPropagation(); 945 showNext(); 946 }); 947 prevBtn.addEventListener('click', e => { 948 e.stopPropagation(); 949 showPrev(); 950 }); 951 952 953 overlay.addEventListener('click', e => { 954 if (e.target === overlay || e.target === zoomImg) closeZoom(); 955 }); 956 957 958 document.addEventListener('keydown', e => { 959 if (overlay.style.display !== 'flex') return; 960 if (e.key === 'ArrowRight') showNext(); 961 else if (e.key === 'ArrowLeft') showPrev(); 962 else if (e.key === 'Escape') closeZoom(); 963 }); 964 }); 965</script>
965<section id="hubungikami" style="padding-bottom: 0;"> 966 <div class="container-fluid" style="padding: 0;"> 967 <!-- Accent Orange Bar --> 968 <div style="background-color: #f90; height: 24px; width: 100%;"></div> 969 <footer class="footer-area" style="margin-bottom: 0; overflow: hidden;"> 970 <div class="footer-area__shape1"> 971 <img src="https://pt-banten.go.id//assets/images/resources/peta.png" alt="#"> 972 </div> 973 <!--Start Footer--> 974 <div class="footer" 975 style="padding: 50px 0 20px; background: linear-gradient(135deg, rgba(60, 60, 65, 0.9) 0%, rgba(25, 25, 30, 0.95) 100%) !important;"> 976 <div class="auto-container"> 977 <div class="row"> 978 <!--Start single footer widget--> 979 <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 fadeInUp" data-wow-delay="0.1s"> 980 <div class="single-footer-widget"> 981 <div class="our-company-info"> 982 <div class="footer-identity" 983 style="display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px;"> 984 <a href="https://pt-banten.go.id/" style="flex-shrink: 0;"> 985 <img src="https://pt-banten.go.id/assets/images/resources/logo-satker.png" alt="Logo Pengadilan Tinggi Banten" 986 style="width: 62px; height: auto; border-radius: 0; background: transparent;"> 987 </a> 988 <div class="footer-identity-text"> 989 <span 990 style="display: block; font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.6); letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 3px; font-family: 'Inter', sans-serif;">MAHKAMAH 991 AGUNG REPUBLIK INDONESIA</span> 992 <h4 993 style="font-size: 16px; font-weight: 800; color: #fff; text-transform: uppercase; margin: 0 0 4px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.2px; line-height: 1.25;"> 994 Pengadilan Tinggi Banten </h4> 995 <span 996 style="display: block; font-size: 12.5px; font-weight: 400; color: rgba(255,255,255,0.55); font-family: 'Inter', sans-serif; line-height: 1.5;"> 997 Jalan Raya Serang - Pandeglang KM 6.6, Tembong, Kec Cipocok Jaya, Kota Serang, Banten 42126 </span> 998 </div> 999 </div> 1000 <ul class="our-company-info__social-link"> 1001 <li><a href="https://www.facebook.com/pt-banten" 1002 target="_blank" rel="noopener noreferrer"><span 1003 class="icon-facebook-app-symbol"></span></a></li> 1004 <li><a href="https://www.instagram.com/pt_banten/" 1005 target="_blank" rel="noopener noreferrer"><span 1006 class="icon-instagram"></span></a></li> 1007 <li><a href="https://www.youtube.com/@pengadilantinggibanten7931" 1008 target="_blank" rel="noopener noreferrer"><span 1009 class="fab fa-youtube"></span></a></li> 1010 <li><a href="https://www.tiktok.com/@pt_banten" 1011 target="_blank" rel="noopener noreferrer"><span 1012 class="fab fa-tiktok"></span></a></li> 1013 </ul> 1014 </div> 1015 </div> 1016 </div> 1017 <!--End single footer widget--> 1018 1019 1020 <!--Start single footer widget-->
1021 <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 fadeInUp" data-wow-delay="0.3s"> 1022 <div class="single-footer-widget single-footer-widget--explore"> 1023 <div class="title"> 1024 <h3>Link Publik</h3> 1025 </div> 1026 <div class="footer-widget-links"> 1027 <ul> 1028 <li><a href="https://ecourt.mahkamahagung.go.id/">e-Court</a></li> 1029 <li><a href="https://eberpadu.mahkamahagung.go.id/">e-Berpadu</a></li> 1030 <li><a href="https://putusan3.mahkamahagung.go.id/">Direktori Putusan</a></li> 1031 <li><a href="https://sipp-banding.mahkamahagung.go.id/">SIPP</a></li> 1032 </ul> 1033 </div> 1034 </div> 1035 </div> 1036 <!--End single footer widget--> 1037 1038 <!--Start single footer widget--> 1039 <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 fadeInUp" data-wow-delay="0.5s"> 1040 <div class="single-footer-widget single-footer-widget--links"> 1041 <div class="title"> 1042 <h3>Info Cepat</h3> 1043 </div> 1044 <div class="footer-widget-links"> 1045 <ul> 1046 <!-- <li><a 1047 href="https://pn-klaten.go.id/main/index.php/layanan-publik/panggilan-pemberitahuan-umum">Panggilan 1048 Umum</a></li> --> 1049 <li><a href="https://eraterang.badilum.mahkamahagung.go.id">Surat Keterangan 1050 Online</a></li> 1051 <li><a href="https://siwas.mahkamahagung.go.id/">Pengaduan (SIWAS)</a></li> 1052 <li><a href="https://dandapala.com/">Majalah Dandapala</a></li> 1053 </ul> 1054 </div> 1055 </div> 1056 </div> 1057 <!--End single footer widget--> 1058 1059 <!--Start single footer widget--> 1060 <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 fadeInUp" data-wow-delay="0.7s"> 1061 <div class="single-footer-widget footer-widget--contact"> 1062 <div class="title"> 1063 <h3>Hubungi Kami</h3> 1064 </div> 1065 <div class="footer-widget--contact-info"> 1066 <div class="footer-widget--contact-info-text"> 1067 <!--<p>Anda juga bisa menghubungi PTSP kemari secara daring</p>--> 1068 </div> 1069 <ul> 1070 <li> 1071 <div class="icon" style="color:#fff !important"> 1072 <span class="icon-pin"></span> 1073 </div> 1074 <div class="text"> 1075 <p>Jalan Raya Serang - Pandeglang KM 6.6, Tembong, Kec Cipocok Jaya, Kota Serang, Banten 42126 </p> 1076 </div> 1077 </li> 1078 1079 <li> 1080 <div class="icon"> 1081 <span class="icon-mail-1"></span> 1082 </div> 1083 <div class="text"> 1084 <p><a 1085 href="mailto:[email protected]">[email protected]</a> 1086 </p> 1087 </div> 1088 </li> 1089 1090 <li> 1091 <div class="icon">
1092 <span class="icon-telephone"></span> 1093 </div> 1094 <div class="text"> 1095 <p><a 1096 href="tel:02542500026285117737679">Telp. (0254) 250002, WA. +62 851-1773-7679</a> 1097 </p> 1098 </div> 1099 </li> 1100 </ul> 1101 </div> 1102 </div> 1103 </div> 1104 <!--End single footer widget--> 1105 </div> 1106 1107 </div> <!-- End of .auto-container --> 1108 1109 <!-- Footer Bottom inside .footer so it shares background padding logic --> 1110 <div class="footer-bottom" 1111 style="padding: 15px 0 10px; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);"> 1112 <div class="auto-container"> 1113 <div class="bottom-inner text-center" style="padding: 0;"> 1114 <div class="copyright"> 1115 <p style="margin-bottom: 0;">Copyright 2025 by <a href="#">Pengadilan Tinggi Banten</a> All 1116 Right Reserved.</p> 1117 </div> 1118 </div> 1119 </div> 1120 </div> 1121 </div> 1122 <!--End Footer--> 1123 1124 </footer> 1125 </div> 1126 </div> 1127 <div class="mobile-nav__wrapper"> 1128 <div class="mobile-nav__overlay mobile-nav__toggler"></div> 1129 <div class="mobile-nav__content"> 1130 <span class="mobile-nav__close mobile-nav__toggler"> 1131 <i class="icon-plus"></i> 1132 </span> 1133 <div class="logo-box"> 1134 <a href="https://pt-banten.go.id/" aria-label="logo image"> 1135 <img src="https://pt-banten.go.id/assets/images/resources/logo-satker.png" alt="Logo Pengadilan Tinggi Banten"> 1136 </a> 1137 </div> 1138 <div class="mobile-nav__container"></div> 1139 <ul class="mobile-nav__contact list-unstyled"> 1140 <li> 1141 <i class="fa fa-envelope"></i> 1142 <a 1143 href="mailto:[email protected]">[email protected]</a> 1144 </li> 1145 <li> 1146 <i class="fa fa-phone-alt"></i> 1147 <a href="tel:02542500026285117737679">Telp. (0254) 250002, WA. +62 851-1773-7679 </a> 1148 </li> 1149 </ul> 1150 <div class="mobile-nav__social"> 1151 <a href="https://www.facebook.com/pt-banten" class="fab fa-facebook-square" 1152 target="_blank" rel="noopener noreferrer"></a> 1153 <a href="https://www.instagram.com/pt_banten/" class="fab fa-instagram" 1154 target="_blank" rel="noopener noreferrer"></a> 1155 <a href="https://www.youtube.com/@pengadilantinggibanten7931" class="fab fa-youtube" target="_blank" 1156 rel="noopener noreferrer"></a> 1157 <a href="https://www.tiktok.com/@pt_banten" class="fab fa-tiktok" target="_blank" 1158 rel="noopener noreferrer"></a> 1159 </div> 1160 1161 </div> 1162 </div> 1163</section> 1164<div class="search-popup"> 1165 <div class="search-popup__overlay search-toggler"></div> 1166 <div class="search-popup__content"> 1167 <form action="https://pt-banten.go.id/search.php"> 1168 <label for="search" class="sr-only">search here</label> 1169 <input type="text" id="search" placeholder="Cari.." name="q" autofocus> 1170 <button type="submit" aria-label="search submit" class="thm-btn"> 1171 <i class="icon-search-1"></i> 1172 </button> 1173 </form> 1174 </div> 1175</div> 1176 1177<div id="zoomModal" class="zoom-modal"> 1178 <span class="zoom-close" onclick="closeZoom()">×</span> 1179 <img id="zoomedImg" src=""> 1180</div> 1181 1182<a href="#" data-target="html" class="scroll-to-target scroll-to-top"> 1183 <i class="icon-down-arrow"></i> 1184</a> 1185<style> 1186 div.static { 1187 position: fixed; 1188 bottom: 140px; 1189 right: -120px; 1190 width: 300px; 1191 height: 160px; 1192 z-index: 9999; 1193 } 1194 1195 div.static img { 1196 right: 20px; 1197 } 1198 1199 div.static2 { 1200 position: fixed; 1201 bottom: 100px; 1202 right: -30px; 1203 width: 300px; 1204 height: 160px; 1205 } 1206 1207 #close { 1208 float: right; 1209 display: inline-block; 1210 padding: 2px 5px; 1211 background: #ccc; 1212 margin-right: 130px; 1213 bottom: 270px; 1214 } 1215 1216 #close:hover { 1217 float: right; 1218 display: inline-block; 1219 padding: 2px 5px; 1220 background: #ccc; 1221 color: #fff; 1222 } 1223 1224 @media only screen and (max-width: 768px) { 1225 div.static { 1226 position: fixed; 1227 bottom: 10px; 1228 right: 0; 1229 width: 250px; 1230 height: 130px; 1231 } 1232 1233 div.static2 { 1234 position: fixed; 1235 bottom: 50px; 1236 left: 0; 1237 width: 250; 1238 height: 90px; 1239 } 1240 } 1241</style> 1242
1243<script> 1244 function closeicon() { 1245 document.getElementById("static").remove(); 1246 } 1247</script>
vendor: 1 bytes, line 1247
1247
1248<script> 1249 document.addEventListener('DOMContentLoaded', function () { 1250 var rv = document.createElement('script'); 1251 rv.src = "https://code.responsivevoice.org/responsivevoice.js?key=F26tmbI0"; 1252 rv.async = true; 1253 document.body.appendChild(rv); 1254 }); 1255</script>
1255 1256
1257<script>(function (d) { var s = d.createElement("script"); s.setAttribute("data-account", "WoHzV6foLa"); s.setAttribute("src", "https://cdn.userway.org/widget.js"); (d.body || d.head).appendChild(s); })(document)</script>
1257 1258<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website 1259 accessibility</a></noscript>
1260<script async src='https://d2mpatx37cqexb.cloudfront.net/delightchat-whatsapp-widget/embeds/embed.min.js'></script>
vendor: 1 bytes, line 1260
1260
1261<script> 1262 window.addEventListener('load', () => { 1263 var wa_btnSetting1 = { "btnColor": "#16BE45", "ctaText": "Hubungi kami!", "cornerRadius": 40, "marginBottom": 20, "marginLeft": 20, "marginRight": 120, "btnPosition": "right", "whatsAppNumber": "6285117737679", "welcomeMessage": "info", "zIndex": 999999, "btnColorScheme": "light" }; 1264 _waEmbed(wa_btnSetting1); 1265 1266 1267 }); 1268</script>
1268 1269 1270
1271<script src="https://pt-banten.go.id//assets/vendors/jquery/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 1271
1271
1272<script src="https://pt-banten.go.id//assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1272
1272
1273<script src="https://pt-banten.go.id//assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
vendor: 1 bytes, line 1273
1273
1274<script src="https://pt-banten.go.id//assets/vendors/bxslider/jquery.bxslider.min.js"></script>
vendor: 1 bytes, line 1274
1274
1275<script src="https://pt-banten.go.id//assets/vendors/circleType/jquery.circleType.js"></script>
vendor: 1 bytes, line 1275
1275
1276<script src="https://pt-banten.go.id//assets/vendors/circleType/jquery.lettering.min.js"></script>
vendor: 1 bytes, line 1276
1276
1277<script src="https://pt-banten.go.id//assets/vendors/isotope/isotope.js"></script>
vendor: 1 bytes, line 1277
1277
1278<script src="https://pt-banten.go.id//assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
vendor: 1 bytes, line 1278
1278
1279<script src="https://pt-banten.go.id//assets/vendors/jquery-appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 1279
1279
1280<script src="https://pt-banten.go.id//assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 1280
1280
1281<script src="https://pt-banten.go.id//assets/vendors/jquery-migrate/jquery-migrate.min.js"></script>
vendor: 1 bytes, line 1281
1281
1282<script src="https://pt-banten.go.id//assets/vendors/jquery-ui/jquery-ui.js"></script>
vendor: 1 bytes, line 1282
1282
1283<script src="https://pt-banten.go.id//assets/vendors/jquery-validate/jquery.validate.min.js"></script>
vendor: 1 bytes, line 1283
1283
1284<script src="https://pt-banten.go.id//assets/vendors/nice-select/jquery.nice-select.min.js"></script>
vendor: 1 bytes, line 1284
1284
1285<script src="https://pt-banten.go.id//assets/vendors/nouislider/nouislider.min.js"></script>
vendor: 1 bytes, line 1285
1285
1286<script src="https://pt-banten.go.id//assets/vendors/odometer/odometer.min.js"></script>
vendor: 1 bytes, line 1286
1286
1287<script src="https://pt-banten.go.id//assets/vendors/owl-carousel/owl.carousel.min.js"></script>
vendor: 1 bytes, line 1287
1287
1288<script src="https://pt-banten.go.id//assets/vendors/parallax/parallax.min.js"></script>
vendor: 1 bytes, line 1288
1288
1289<script src="https://pt-banten.go.id//assets/vendors/swiper/swiper.min.js"></script>
vendor: 1 bytes, line 1289
1289
1290<script src="https://pt-banten.go.id//assets/vendors/timepicker/timePicker.js"></script>
vendor: 1 bytes, line 1290
1290
1291<script src="https://pt-banten.go.id//assets/vendors/tiny-slider/tiny-slider.min.js"></script>
vendor: 1 bytes, line 1291
1291
1292<script src="https://pt-banten.go.id//assets/vendors/typed-2.0.11/typed-2.0.11.js"></script>
vendor: 1 bytes, line 1292
1292
1293<script src="https://pt-banten.go.id//assets/vendors/vegas/vegas.min.js"></script>
vendor: 1 bytes, line 1293
1293
1294<script src="https://pt-banten.go.id//assets/vendors/wnumb/wNumb.min.js"></script>
vendor: 1 bytes, line 1294
1294
1295<script src="https://pt-banten.go.id//assets/vendors/wow/wow.js"></script>
vendor: 1 bytes, line 1295
1295
1296<script src="https://pt-banten.go.id//assets/vendors/jarallax/jarallax.min.js"></script>
1296 1297 1298<!-- Template js -->
1299<script src="https://pt-banten.go.id//assets/js/custom.js"></script>
vendor: 1 bytes, line 1299
1299
1300<script> 1301 const slider = document.querySelector('.myCardSlider .card-slider-wrapper'); 1302 const slides = document.querySelectorAll('.myCardSlider .card-slide'); 1303 const prevBtn = document.querySelector('.myCardSlider .card-button-prev'); 1304 const nextBtn = document.querySelector('.myCardSlider .card-button-next'); 1305 1306 if (slider && slides.length > 0 && prevBtn && nextBtn) { 1307 let index = 0; 1308 const total = slides.length; 1309 const perView = 4; 1310 1311 function updateSlider() { 1312 const slideWidth = slides[0].clientWidth; 1313 slider.style.transform = `translateX(${-index * slideWidth}px)`; 1314 } 1315 1316 function nextSlide() { 1317 if (index < total - perView) { 1318 index++; 1319 } else { 1320 index = 0; 1321 } 1322 updateSlider(); 1323 } 1324 1325 function prevSlide() { 1326 if (index > 0) { 1327 index--; 1328 } else { 1329 index = total - perView; 1330 } 1331 updateSlider(); 1332 } 1333 1334 nextBtn.addEventListener('click', nextSlide); 1335 prevBtn.addEventListener('click', prevSlide); 1336 1337 setInterval(nextSlide, 3000); 1338 } 1339</script>
1339 1340
1341<script> 1342 const modal = document.getElementById("zoomModal"); 1343 const modalImg = document.getElementById("zoomedImg"); 1344 1345 document.querySelectorAll("img.zoom").forEach(img => { 1346 img.style.cursor = "pointer"; 1347 img.addEventListener("click", function () { 1348 modal.style.display = "flex"; 1349 modalImg.src = this.src; 1350 modalImg.style.animation = "zoomIn 0.3s ease"; 1351 }); 1352 }); 1353 1354 function closeZoom() { 1355 modal.style.display = "none"; 1356 } 1357 1358 modal.addEventListener("click", function (e) { 1359 if (e.target === modal) { 1360 closeZoom(); 1361 } 1362 }); 1363</script>
vendor: 1 bytes, line 1363
1363
1364<script> 1365 document.getElementById('lang-id').addEventListener('click', function (e) { 1366 e.preventDefault(); 1367 setLanguage('id'); 1368 }); 1369 1370 document.getElementById('lang-en').addEventListener('click', function (e) { 1371 e.preventDefault(); 1372 setLanguage('en'); 1373 }); 1374 1375 function setLanguage(lang) { 1376 var select = document.querySelector('.goog-te-combo'); 1377 if (select) { 1378 select.value = lang; 1379 select.dispatchEvent(new Event('change')); 1380 } 1381 } 1382</script>
vendor: 1 bytes, line 1382
1382
1383<script> 1384 document.addEventListener("DOMContentLoaded", function () { 1385 function repositionImageBox() { 1386 const imgBox = document.querySelector('.img-box'); 1387 const contentBox = document.querySelector('.main-slider-three__content'); 1388 const parent = contentBox?.parentNode; 1389 1390 if (window.innerWidth <= 768 && imgBox && contentBox && parent) { 1391 if (!document.querySelector('.img-box.mobile-moved')) { 1392 parent.appendChild(imgBox); 1393 imgBox.classList.add('mobile-moved'); 1394 } 1395 } else if (window.innerWidth > 768 && imgBox && parent && contentBox) { 1396 const imgWrapper = document.querySelector('.main-slider-three__img .inner'); 1397 if (imgWrapper && !imgWrapper.contains(imgBox)) { 1398 imgWrapper.appendChild(imgBox); 1399 imgBox.classList.remove('mobile-moved'); 1400 } 1401 } 1402 } 1403 1404 repositionImageBox(); 1405 window.addEventListener('resize', repositionImageBox); 1406 }); 1407</script>
1407 1408 1409 1410</body> 1411 1412</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.