PageSourceSearch

https://pt-banten.go.id/tentang-pengadilan/visi-dan-misi-pengadilan-tinggi-banten

html pt-banten.go.id collected 2026-10-04 13:25:00 UTC 92,414 bytes, 1,412 lines download raw bytes

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                &nbsp;
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&amp;view=article&amp;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 &amp; 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&amp;view=category&amp;id=45'>Rencana Strategis (Renstra)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;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&amp;view=category&amp;id=67'>Maklumat Pelayanan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;id=68'>Prosedur Pelayanan Bagi Penyandang Disabilitas</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=69'>Sarana &amp; 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&amp;view=category&amp;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&amp;view=category&amp;id=74'>Delegasi</a></li><li class=''><a href='https://docs.google.com/spreadsheets/d/1qIUulVB54UTMx0mG9dSKYiOsviq2MMUM/edit?usp=sharing&amp;ouid=108042720727592043024&amp;rtpof=true&amp;
404sd=true'>Statistik Perkara</a></li></ul></li><li class='has-submenu dropdown'><a href='#'>Informasi Kinerja &amp; 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&amp;view=category&amp;id=72'>Hasil Penelitian</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;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&amp;view=article&amp;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&amp;view=category&amp;id=41'>Laporan Tahunan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;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&amp;view=category&amp;id=42'>Laporan Realisasi Anggaran</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=43'>PNBP</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=56'>CALK</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=92'>Laporan BMN</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;id=44'>Indikator Kinerja Utama (IKU)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=45'>Rencana Strategis (Restra)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=46'>Rencana Kinerja Tahunan (RKT)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=52'>Perjanjian Kinerja Tahunan (PKT)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=47'>Laporan Kinerja Instansi Pemerintah (LKjIP)</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=39'>Rencana Kerja dan Anggaran (RKAKL) &amp; DIPA</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=55'>Rencana Aksi</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=75'>Laporan Pelayanan Informasi Publik</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=48'>Laporan Harta Kekayaan Pejabat Negara (LHKPN) &amp; SPT</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=50'>Laporan SKM</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;id=87'>Pengadaan dan Lelang, Barang &amp; Jasa</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;id=91'>Sewa BMN</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;id=82'>Prosedur Pengaduan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;view=category&amp;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&amp;view=category&amp;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&amp;view=category&amp;id=81'>Inovasi Pengadilan</a></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;id=85'>LKE ZI</a></li></ul></li><li class=''><a href='https://pt-banten.go.id/berita/index.php?option=com_content&amp;view=category&amp;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&amp;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">&#10094;</span>
902        <img src="" alt="Zoomed Image">
903        <span class="image-zoom-next">&#10095;</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()">&times;</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.