PageSourceSearch

https://pt-banten.go.id/

html pt-banten.go.id collected 2026-10-04 13:24:56 UTC 178,801 bytes, 2,330 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/" />
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>
449
450<section class="main-slider main-slider-three" role="region" aria-label="Slider Utama" style="background: transparent; padding-top: 0; margin-top: 0;">
451    <div class="auto-container" style="margin-top: 0;">
452        <div class="swiper-container thm-swiper__slider" data-swiper-options='{&quot;slidesPerView&quot;:1,&quot;loop&quot;:true,&quot;pagination&quot;:{&quot;el&quot;:&quot;#main-slider-pagination&quot;,&quot;type&quot;:&quot;bullets&quot;,&quot;clickable&quot;:true,&quot;dynamicBullets&quot;:false},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;#main-slider__swiper-button-next&quot;,&quot;prevEl&quot;:&quot;#main-slider__swiper-button-prev&quot;},&quot;autoplay&quot;:{&quot;delay&quot;:7000,&quot;disableOnInteraction&quot;:false}}' style="border-radius: 0 0 8px 8px; overflow: hidden;  background: url('https://pt-banten.go.id/assets/images/resources/red_abstract_bg.png') center/cover no-repeat; position: relative;">
453        <div class="swiper-wrapper">
454            
455                    <div class="swiper-slide" style="position: relative; background: transparent;">
456                        <div class="slider-content-wrapper" style="position: relative; z-index: 2; padding: 66px 40px;">
457                            <div class="row align-items-center">
458                                <div class="col-xl-7 col-lg-7 col-md-7" style="padding-right: 30px;">
459                                    <div class="main-slider-three__content">
460                                        <div
461                                            style="font-size:2em;font-weight:800;padding-bottom: 20px;color: #ffffff; letter-spacing:-0.5px; text-shadow: 0 2px 5px rgba(0,0,0,0.4);">
462                                            <span>
463                                                Sambutan Ketua Pengadilan Tinggi Banten                                            </span>
464                                        </div>
465
466                                                                                    <div class="mt-3">
467                                                <p style="color: #fcfcfc;">
468                                                    Salam sejahtera buat kita semua,Puji syukur ke hadirat Tuhan yang Maha Esa atas terwujudnya situs resmi Pengadilan Tinggi Banten dengan alamat www.pt-banten.go.id.Tujuan dari dibuatnya situs ini adalah sebagai media informasi bagi lingkungan internal peradilan maupun bagi  para pencari keadilan (justisiabelen) serta masyarakat umum dan merupakan implementasi dari SK KMA Nomor 2-144/KMA/SK/VIII/2022 tentang Standar Pelayanan Informasi Publik di Pengadilan.                                                </p>
469                                            </div><br>
470                                                                                                                        <div class="text-right mt-3">
471                                            <a class="btn-one" href="https://pt-banten.go.id/berita/sambutan-kpt" aria-label="Selengkapnya tentang Sambutan Ketua Pengadilan Tinggi Banten" style="border: 1.5px solid #ffffff;">
472                                                <span class="txt">
473                                                    Selengkapnya                                                </span>
474                                            </a>
475                                        </div>
476                                    </div>
477                                </div>
478
479                                <div class="col-xl-5 col-lg-5 col-md-5" style="padding-left: 30px; overflow: hidden;">
480                                    <div class="main-slider-three__img clearfix"
481                                        style="display: flex; align-items: center; justify-content: center;">
482                                        <div class="inner"
483                                            style="position: relative; bottom: auto; right: auto; padding-top: 40px;">
484                                            <div class="img-box">
485                                                <img class="float-bob-y zoom"
486                                                    style="max-width: 619px; max-height: 529px; width: 453px; height: 468px;" src="https://pt-banten.go.id/images/2026/ketua.png"
487                                                    alt="Sambutan Ketua Pengadilan Tinggi Banten">
488                                            </div>
489                                        </div>
490                                    </div>
491                                </div>
492                            </div>
493                        </div>
494                    </div>
495                    
496                    <div class="swiper-slide" style="position: relative; background: transparent;">
497                        <div class="slider-content-wrapper" style="position: relative; z-index: 2; padding: 66px 40px;">
498                            <div class="row align-items-center">
499                                <div class="col-xl-7 col-lg-7 col-md-7" style="padding-right: 30px;">
500                                    <div class="main-slider-three__content">
501                                        <div
502                                            style="font-size:2em;font-weight:800;padding-bottom: 20px;color: #ffffff; letter-spacing:-0.5px; text-shadow: 0 2px 5px rgba(0,0,0,0.4);">
503                                            <span>
504                                                Survei Kepuasan Masyarakat                                            </span>
505                                        </div>
506
507                                                                                                                        <div class="text-right mt-3">
508                                            <a class="btn-one" href="https://pt-banten.go.id/berita/survei-skm-qr" aria-label="Selengkapnya tentang Survei Kepuasan Masyarakat" style="border: 1.5px solid #ffffff;">
509                                                <span class="txt">
510                                                    Selengkapnya                                                </span>
511                                            </a>
512                                        </div>
513                                    </div>
514                                </div>
515
516                                <div class="col-xl-5 col-lg-5 col-md-5" style="padding-left: 30px; overflow: hidden;">
517                                    <div class="main-slider-three__img clearfix"
518                                        style="display: flex; align-items: center; justify-content: center;">
519                                        <div class="inner"
520                                            style="position: relative; bottom: auto; right: auto; padding-top: 40px;">
521                                            <div class="img-box">
522                                                <img class="float-bob-y zoom"
523                                                    style="max-width: 619px; max-height: 529px; width: 453px; height: 468px;" src="https://pt-banten.go.id/media/gallery/Survei Kepuasan Masyarakat 2026.png"
524                                                    alt="Survei Kepuasan Masyarakat">
525                                            </div>
526                                        </div>
527                                    </div>
528                                </div>
529                            </div>
530                        </div>
531                    </div>
532                    
533                    <div class="swiper-slide" style="position: relative; background: transparent;">
534                        <div class="slider-content-wrapper" style="position: relative; z-index: 2; padding: 66px 40px;">
535                            <div class="row align-items-center">
536                                <div class="col-xl-7 col-lg-7 col-md-7" style="padding-right: 30px;">
537                                    <div class="main-slider-three__content">
538                                        <div
539                                            style="font-size:2em;font-weight:800;padding-bottom: 20px;color: #ffffff; letter-spacing:-0.5px; text-shadow: 0 2px 5px rgba(0,0,0,0.4);">
540                                            <span>
541                                                Pengumuman Biaya PNBP Advokat                                            </span>
542                                        </div>
543
544                                                                                                                        <div class="text-right mt-3">
545                                            <a class="btn-one" href="https://pt-banten.go.id/berita/pengumuman-biaya-pnbp-advokat" aria-label="Selengkapnya tentang Pengumuman Biaya PNBP Advokat" style="border: 1.5px solid #ffffff;">
546                                                <span class="txt">
547                                                    Selengkapnya                                                </span>
548                                            </a>
549                                        </div>
550                                    </div>
551                                </div>
552
553                                <div class="col-xl-5 col-lg-5 col-md-5" style="padding-left: 30px; overflow: hidden;">
554                                    <div class="main-slider-three__img clearfix"
555                                        style="display: flex; align-items: center; justify-content: center;">
556                                        <div class="inner"
557                                            style="position: relative; bottom: auto; right: auto; padding-top: 40px;">
558                                            <div class="img-box">
559                                                <img class="float-bob-y zoom"
560                                                    style="max-width: 619px; max-height: 529px; width: 453px; height: 468px;" src="https://pt-banten.go.id/media/gallery/Pemberitahuan PNBP Advokat 2026.png"
561                                                    alt="Pengumuman Biaya PNBP Advokat">
562                                            </div>
563                                        </div>
564                                    </div>
565                                </div>
566                            </div>
567                        </div>
568                    </div>
569                    
570        </div>
571
572        
573            <div class="swiper-pagination" id="main-slider-pagination"></div>
574        
575        </div>
576    </div>
577</section>
578
579
580<section class="quick-links-bar" role="region" aria-label="Tautan Cepat"
581    style="background: transparent; padding: 25px 0 30px; position:relative; z-index:20; border-top: 1px solid #eaeef3;">
582    <div class="auto-container">
583        <div class="row" style="row-gap: 22px;">
584                                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
585                        <a href="https://ecourt.mahkamahagung.go.id/" class="quick-link-item" target="_blank">
586
587                            <div class="ql-icon"
588                                style="overflow: hidden; display: flex; align-items: center; justify-content: center;">
589                                <img src="https://pt-banten.go.id/images/2026/iconmenu/ecourt.png" alt="e-Court"
590                                    style="max-height: 100%; max-width: 100%; object-fit: contain;">
591                            </div>
592                            <div class="ql-text">
593                                <h6>
594                                    e-Court                                </h6>
595                                <p>
596                                    Layanan Peradilan Online                                </p>
597                            </div>
598                            <div class="ql-arrow"><i class="fas fa-arrow-right"></i></div>
599                        </a>
600                    </div>
601                                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
602                        <a href="https://eberpadu.mahkamahagung.go.id/" class="quick-link-item" target="_blank">
603
604                            <div class="ql-icon"
605                                style="overflow: hidden; display: flex; align-items: center; justify-content: center;">
606                                <img src="https://pt-banten.go.id/images/2026/iconmenu/icon_eberpadu.png" alt="e-Berpadu"
607                                    style="max-height: 100%; max-width: 100%; object-fit: contain;">
608                            </div>
609                            <div class="ql-text">
610                                <h6>
611                                    e-Berpadu                                </h6>
612                                <p>
613                                    Pidana Elektronik Terpadu                                </p>
614                            </div>
615                            <div class="ql-arrow"><i class="fas fa-arrow-right"></i></div>
616                        </a>
617                    </div>
618                                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
619                        <a href="https://putusan3.mahkamahagung.go.id/pengadilan/profil/pengadilan/pt-banten" class="quick-link-item" target="_blank">
620
621                            <div class="ql-icon"
622                                style="overflow: hidden; display: flex; align-items: center; justify-content: center;">
623                                <img src="https://pt-banten.go.id/images/2026/iconmenu/direktori_putusan.png" alt="Direktori Putusan"
624                                    style="max-height: 100%; max-width: 100%; object-fit: contain;">
625                            </div>
626                            <div class="ql-text">
627                                <h6>
628                                    Direktori Putusan                                </h6>
629                                <p>
630                                    Arsip Putusan Pengadilan                                </p>
631                            </div>
632                            <div class="ql-arrow"><i class="fas fa-arrow-right"></i></div>
633                        </a>
634                    </div>
635                                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
636                        <a href="http://esurvey.badilum.mahkamahagung.go.id/index.php/pengadilan/663398" class="quick-link-item" target="_blank">
637
638                            <div class="ql-icon"
639                                style="overflow: hidden; display: flex; align-items: center; justify-content: center;">
640                                <img src="https://pt-banten.go.id/images/2026/iconmenu/sisuper.png" alt="SISUPER"
641                                    style="max-height: 100%; max-width: 100%; object-fit: contain;">
642                            </div>
643                            <div class="ql-text">
644                                <h6>
645                                    SISUPER                                </h6>
646                                <p>
647                                    Survei Kepuasan Layanan                                </p>
648                            </div>
649                            <div class="ql-arrow"><i class="fas fa-arrow-right"></i></div>
650                        </a>
651                    </div>
652                                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
653                        <a href="https://jdih.mahkamahagung.go.id/" class="quick-link-item" target="_blank">
654
655                            <div class="ql-icon"
656                                style="overflow: hidden; display: flex; align-items: center; justify-content: center;">
657                                <img src="https://pt-banten.go.id/images/2026/iconmenu/jdih.png" alt="JDIH"
658                                    style="max-height: 100%; max-width: 100%; object-fit: contain;">
659                            </div>
660                            <div class="ql-text">
661                                <h6>
662                                    JDIH                                </h6>
663                                <p>
664                                    Jaringan Dokumentasi Informasi Hukum                                </p>
665                            </div>
666                            <div class="ql-arrow"><i class="fas fa-arrow-right"></i></div>
667                        </a>
668                    </div>
669                                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
670                        <a href="https://siwas.mahkamahagung.go.id/" class="quick-link-item" target="_blank">
671
672                            <div class="ql-icon"
673                                style="overflow: hidden; display: flex; align-items: center; justify-content: center;">
674                                <img src="https://pt-banten.go.id/images/2026/iconmenu/siwas.png" alt="SIWAS"
675                                    style="max-height: 100%; max-width: 100%; object-fit: contain;">
676                            </div>
677                            <div class="ql-text">
678                                <h6>
679                                    SIWAS                                </h6>
680                                <p>
681                                    Sistem Informasi Pengawasan                                </p>
682                            </div>
683                            <div class="ql-arrow"><i class="fas fa-arrow-right"></i></div>
684                        </a>
685                    </div>
686                                        </div>
687    </div>
688</section>
689
690<!-- Banner Full Section -->
691        <section class="banner-full-section" style="padding: 10px 0;">
692            <div class="auto-container">
693                <div class="row">
694                                                <div class="col-md-12 col-12 mb-4">
695                                                                    <img src="https://pt-banten.go.id/images/banners/bannerzi2026.png" alt="Zona Integritas" class="img-fluid zoom w-100" style="border-radius: 8px; cursor: pointer; display: block; margin: 0 auto; object-fit: cover;">
696                                                            </div>
697                                        </div>
698            </div>
699        </section>
700    
701<!-- Banner 2 Section -->
702
703<!-- Banner 3 Section -->
704
705<section class="main-content-area" role="main" aria-label="Area Konten Utama" style="background: transparent; padding: 32px 0 28px;">
706    <div class="auto-container">
707        <div class="row">
708
709
710            <div class="col-xl-8 col-lg-8 col-md-12 mb-4">
711
712
713
714                                <div class="row mb-5" style="row-gap: 20px;">
715                                                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
716                                                                    <img class="zoom" src="https://pt-banten.go.id/images/banners/Maklumat%20Pelayanan.jpg" alt="Maklumat Pelayanan"
717                                        style="width: 100%; border-radius: 14px; box-shadow: 0 2px 6px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.05); transition: transform 0.4s cubic-bezier(.4,0,.2,1);"
718                                        onmouseover="this.style.transform='scale(1.02)'"
719                                        onmouseout="this.style.transform='scale(1)'">
720                                                            </div>
721                                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
722                                                                    <img class="zoom" src="https://pt-banten.go.id/images/banners/Maklumat%20Layanan%20Informasi.jpg" alt="Maklumat Layanan Informasi"
723                                        style="width: 100%; border-radius: 14px; box-shadow: 0 2px 6px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.05); transition: transform 0.4s cubic-bezier(.4,0,.2,1);"
724                                        onmouseover="this.style.transform='scale(1.02)'"
725                                        onmouseout="this.style.transform='scale(1)'">
726                                                            </div>
727                                                                </div>
728
729
730                                <div class="berita-terkini-area">
731                    <div class="sec-title mb-4"
732                        style="display:flex; justify-content:space-between; align-items:center; border-bottom: 2px solid #f2f2f2; padding-bottom: 18px;">
733                        <h2 style="margin:0; font-size:22px; font-weight:800; letter-spacing:-0.02em;"><span
734                                style="color:#a02b1a;">Berita</span> terkini..</h2>
735                        <a href="https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=12"
736                            style="display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #a02b1a; background: #fdf5f4; border: 1px solid rgba(160,43,26,0.1); padding: 10px 22px; border-radius: 10px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1); box-shadow: 0 2px 8px rgba(160,43,26,0.04);"
737                            onmouseover="this.style.background='#fae6e3'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 12px rgba(160,43,26,0.08)'"
738                            onmouseout="this.style.background='#fdf5f4'; this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 8px rgba(160,43,26,0.04)'"
739                            aria-label="Lihat semua berita terkini">
740                            Berita lain.. <i class="fas fa-arrow-right" aria-hidden="true"></i>
741                        </a>
742                    </div>
743
744                    <div class="row">
745
746                        
747
748                            <div class="col-xl-6 col-lg-6 col-md-6 mb-4 wow fadeInUp" data-wow-delay=".3s">
749                                <div style="display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04); overflow: hidden;
749 border: 1px solid #f0f0f0; height: 100%; transition: all 0.35s cubic-bezier(.4,0,.2,1);"
750                                    onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 32px rgba(160,43,26,0.08)'; this.style.borderColor='rgba(160,43,26,0.08)';"
751                                    onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f0f0';">
752                                    <div
753                                        style="width: 100%; height: 210px; overflow: hidden; position: relative; background: #fdfdfd;">
754                                        <a href="https://pt-banten.go.id/berita/upacara-peringatan-hari-kesaktian-pancasila-tahun-2026" style="display: block; width: 100%; height: 100%;">
755                                            <img src="https://pt-banten.go.id//images/upacara hari kesaktian pancasila 01102026_1.jpg" alt="Upacara Peringatan Hari Kesaktian Pancasila Tahun 2026"
756                                                style="width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.4,0,.2,1);"
757                                                onmouseover="this.style.transform='scale(1.04)'"
758                                                onmouseout="this.style.transform='scale(1)'">
759                                        </a>
760                                    </div>
761
762                                    <div
763                                        style="flex-grow: 1; padding: 24px; display: flex; flex-direction: column; position: relative;">
764                                        <div
765                                            style="position: absolute; top: -16px; left: 20px; background: #fff; padding: 5px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #a02b1a; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f8f8f8; display: flex; align-items: center; gap: 6px;">
766                                            <i class="far fa-calendar-alt" style="font-size:11px;"></i>
767                                            Oct 01, 2026                                        </div>
768
769                                        <h2
770                                            style="font-size: 16px; line-height: 1.45; margin: 12px 0 10px 0; font-weight: 700; letter-spacing:-0.01em;">
771                                            <a style="color: #222; text-decoration: none; transition: color 0.25s ease;"
772                                                href="https://pt-banten.go.id/berita/upacara-peringatan-hari-kesaktian-pancasila-tahun-2026" onmouseover="this.style.color='#a02b1a'"
773                                                onmouseout="this.style.color='#222'">
774                                                Upacara Peringatan Hari Kesaktian Pancasila Tahun 2026                                                                                              </a>
775                                        </h2>
776
777                                        <div
778                                            style="font-size: 12px; color: #888; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-weight:500;">
779                                            <i class="far fa-user" style="color:#a02b1a; font-size:11px;"></i>
780                                            Admin                                        </div>
781
782                                        <div style="font-size: 15px; color: #666; line-height: 1.65; margin-bottom: 18px;">
783                                            <p style="margin: 0;">
784                                                
785Serang, 1 Oktober 2026 — Pengadilan Tinggi Banten melaksanakan Upacara Peringatan Hari Kesaktian Pancasila Tahun 202...                                            </p>
786                                        </div>
787
788                                        <div style="margin-top: auto;">
789                                            <a style="display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #a02b1a; padding: 8px 18px; background: rgba(160,43,26,0.05); border-radius: 8px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1);"
790                                                href="https://pt-banten.go.id/berita/upacara-peringatan-hari-kesaktian-pancasila-tahun-2026"
791                                                onmouseover="this.style.background='rgba(160,43,26,0.1)'; this.style.transform='translateX(2px)'"
792                                                onmouseout="this.style.background='rgba(160,43,26,0.05)'; this.style.transform='translateX(0)'"
793                                                aria-label="Baca selengkapnya tentang Upacara Peringatan Hari Kesaktian Pancasila Tahun 2026">
794                                                Selengkapnya <i class="fas fa-arrow-right" style="font-size:11px;" aria-hidden="true"></i>
795                                            </a>
796                                        </div>
797                                    </div>
798                                </div>
799                            </div>
800                            
801
802                            <div class="col-xl-6 col-lg-6 col-md-6 mb-4 wow fadeInUp" data-wow-delay=".3s">
803                                <div style="display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04); overflow: hidden;
803 border: 1px solid #f0f0f0; height: 100%; transition: all 0.35s cubic-bezier(.4,0,.2,1);"
804                                    onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 32px rgba(160,43,26,0.08)'; this.style.borderColor='rgba(160,43,26,0.08)';"
805                                    onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f0f0';">
806                                    <div
807                                        style="width: 100%; height: 210px; overflow: hidden; position: relative; background: #fdfdfd;">
808                                        <a href="https://pt-banten.go.id/berita/mahkamah-agung-laksanakan-pengawasan-dan-pembinaan-daerah-di-wilayah-provinsi-banten" style="display: block; width: 100%; height: 100%;">
809                                            <img src="https://pt-banten.go.id//images/Kunjungan HA ke Banten 29092026_1.jpg" alt="Mahkamah Agung Laksanakan Pengawasan dan Pembinaan Daerah di Wilayah Provinsi Banten"
810                                                style="width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.4,0,.2,1);"
811                                                onmouseover="this.style.transform='scale(1.04)'"
812                                                onmouseout="this.style.transform='scale(1)'">
813                                        </a>
814                                    </div>
815
816                                    <div
817                                        style="flex-grow: 1; padding: 24px; display: flex; flex-direction: column; position: relative;">
818                                        <div
819                                            style="position: absolute; top: -16px; left: 20px; background: #fff; padding: 5px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #a02b1a; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f8f8f8; display: flex; align-items: center; gap: 6px;">
820                                            <i class="far fa-calendar-alt" style="font-size:11px;"></i>
821                                            Sep 29, 2026                                        </div>
822
823                                        <h2
824                                            style="font-size: 16px; line-height: 1.45; margin: 12px 0 10px 0; font-weight: 700; letter-spacing:-0.01em;">
825                                            <a style="color: #222; text-decoration: none; transition: color 0.25s ease;"
826                                                href="https://pt-banten.go.id/berita/mahkamah-agung-laksanakan-pengawasan-dan-pembinaan-daerah-di-wilayah-provinsi-banten" onmouseover="this.style.color='#a02b1a'"
827                                                onmouseout="this.style.color='#222'">
828                                                Mahkamah Agung Laksanakan Pengawasan dan Pembinaan Daer...                                            </a>
829                                        </h2>
830
831                                        <div
832                                            style="font-size: 12px; color: #888; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-weight:500;">
833                                            <i class="far fa-user" style="color:#a02b1a; font-size:11px;"></i>
834                                            Admin                                        </div>
835
836                                        <div style="font-size: 15px; color: #666; line-height: 1.65; margin-bottom: 18px;">
837                                            <p style="margin: 0;">
838                                                
839Serang, 29 September 2026 — Pengadilan Tinggi Banten mengikuti kegiatan Pengawasan dan Pembinaan Daerah oleh Mahkama...                                            </p>
840                                        </div>
841
842                                        <div style="margin-top: auto;">
843                                            <a style="display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #a02b1a; padding: 8px 18px; background: rgba(160,43,26,0.05); border-radius: 8px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1);"
844                                                href="https://pt-banten.go.id/berita/mahkamah-agung-laksanakan-pengawasan-dan-pembinaan-daerah-di-wilayah-provinsi-banten"
845                                                onmouseover="this.style.background='rgba(160,43,26,0.1)'; this.style.transform='translateX(2px)'"
846                                                onmouseout="this.style.background='rgba(160,43,26,0.05)'; this.style.transform='translateX(0)'"
847                                                aria-label="Baca selengkapnya tentang Mahkamah Agung Laksanakan Pengawasan dan Pembinaan Daerah di Wilayah Provinsi Banten">
848                                                Selengkapnya <i class="fas fa-arrow-right" style="font-size:11px;" aria-hidden="true"></i>
849                                            </a>
850                                        </div>
851                                    </div>
852                                </div>
853                            </div>
854                            
855
856                            <div class="col-xl-6 col-lg-6 col-md-6 mb-4 wow fadeInUp" data-wow-delay=".3s">
857                                <div style="display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04); overflow: hidden;
857 border: 1px solid #f0f0f0; height: 100%; transition: all 0.35s cubic-bezier(.4,0,.2,1);"
858                                    onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 32px rgba(160,43,26,0.08)'; this.style.borderColor='rgba(160,43,26,0.08)';"
859                                    onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f0f0';">
860                                    <div
861                                        style="width: 100%; height: 210px; overflow: hidden; position: relative; background: #fdfdfd;">
862                                        <a href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-ambil-sumpah-janji-115-advokat-dari-7-organisasi-advokat" style="display: block; width: 100%; height: 100%;">
863                                            <img src="https://pt-banten.go.id//images/Pengambilan sumpah advokat 24092026_1.jpg" alt="Pengadilan Tinggi Banten Ambil Sumpah/Janji 115 Advokat dari 7 Organisasi Advokat"
864                                                style="width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.4,0,.2,1);"
865                                                onmouseover="this.style.transform='scale(1.04)'"
866                                                onmouseout="this.style.transform='scale(1)'">
867                                        </a>
868                                    </div>
869
870                                    <div
871                                        style="flex-grow: 1; padding: 24px; display: flex; flex-direction: column; position: relative;">
872                                        <div
873                                            style="position: absolute; top: -16px; left: 20px; background: #fff; padding: 5px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #a02b1a; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f8f8f8; display: flex; align-items: center; gap: 6px;">
874                                            <i class="far fa-calendar-alt" style="font-size:11px;"></i>
875                                            Sep 24, 2026                                        </div>
876
877                                        <h2
878                                            style="font-size: 16px; line-height: 1.45; margin: 12px 0 10px 0; font-weight: 700; letter-spacing:-0.01em;">
879                                            <a style="color: #222; text-decoration: none; transition: color 0.25s ease;"
880                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-ambil-sumpah-janji-115-advokat-dari-7-organisasi-advokat" onmouseover="this.style.color='#a02b1a'"
881                                                onmouseout="this.style.color='#222'">
882                                                Pengadilan Tinggi Banten Ambil Sumpah/Janji 115 Advokat...                                            </a>
883                                        </h2>
884
885                                        <div
886                                            style="font-size: 12px; color: #888; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-weight:500;">
887                                            <i class="far fa-user" style="color:#a02b1a; font-size:11px;"></i>
888                                            Admin                                        </div>
889
890                                        <div style="font-size: 15px; color: #666; line-height: 1.65; margin-bottom: 18px;">
891                                            <p style="margin: 0;">
892                                                
893Serang, 24 September 2026 — Pengadilan Tinggi Banten menyelenggarakan kegiatan Pengambilan Sumpah/Janji Advokat bert...                                            </p>
894                                        </div>
895
896                                        <div style="margin-top: auto;">
897                                            <a style="display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #a02b1a; padding: 8px 18px; background: rgba(160,43,26,0.05); border-radius: 8px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1);"
898                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-ambil-sumpah-janji-115-advokat-dari-7-organisasi-advokat"
899                                                onmouseover="this.style.background='rgba(160,43,26,0.1)'; this.style.transform='translateX(2px)'"
900                                                onmouseout="this.style.background='rgba(160,43,26,0.05)'; this.style.transform='translateX(0)'"
901                                                aria-label="Baca selengkapnya tentang Pengadilan Tinggi Banten Ambil Sumpah/Janji 115 Advokat dari 7 Organisasi Advokat">
902                                                Selengkapnya <i class="fas fa-arrow-right" style="font-size:11px;" aria-hidden="true"></i>
903                                            </a>
904                                        </div>
905                                    </div>
906                                </div>
907                            </div>
908                            
909
910                            <div class="col-xl-6 col-lg-6 col-md-6 mb-4 wow fadeInUp" data-wow-delay=".3s">
911                                <div style="display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04); overflow: hidden;
911 border: 1px solid #f0f0f0; height: 100%; transition: all 0.35s cubic-bezier(.4,0,.2,1);"
912                                    onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 32px rgba(160,43,26,0.08)'; this.style.borderColor='rgba(160,43,26,0.08)';"
913                                    onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f0f0';">
914                                    <div
915                                        style="width: 100%; height: 210px; overflow: hidden; position: relative; background: #fdfdfd;">
916                                        <a href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-laksanakan-pembinaan-kepaniteraan-untuk-penguatan-pelaksanaan-tugas-dan-fungsi" style="display: block; width: 100%; height: 100%;">
917                                            <img src="https://pt-banten.go.id//images/Pembinaan Kepaniteraan 22092026_1.jpg" alt="Pengadilan Tinggi Banten Laksanakan Pembinaan Kepaniteraan untuk Penguatan Pelaksanaan Tugas dan Fungsi"
918                                                style="width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.4,0,.2,1);"
919                                                onmouseover="this.style.transform='scale(1.04)'"
920                                                onmouseout="this.style.transform='scale(1)'">
921                                        </a>
922                                    </div>
923
924                                    <div
925                                        style="flex-grow: 1; padding: 24px; display: flex; flex-direction: column; position: relative;">
926                                        <div
927                                            style="position: absolute; top: -16px; left: 20px; background: #fff; padding: 5px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #a02b1a; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f8f8f8; display: flex; align-items: center; gap: 6px;">
928                                            <i class="far fa-calendar-alt" style="font-size:11px;"></i>
929                                            Sep 22, 2026                                        </div>
930
931                                        <h2
932                                            style="font-size: 16px; line-height: 1.45; margin: 12px 0 10px 0; font-weight: 700; letter-spacing:-0.01em;">
933                                            <a style="color: #222; text-decoration: none; transition: color 0.25s ease;"
934                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-laksanakan-pembinaan-kepaniteraan-untuk-penguatan-pelaksanaan-tugas-dan-fungsi" onmouseover="this.style.color='#a02b1a'"
935                                                onmouseout="this.style.color='#222'">
936                                                Pengadilan Tinggi Banten Laksanakan Pembinaan Kepaniter...                                            </a>
937                                        </h2>
938
939                                        <div
940                                            style="font-size: 12px; color: #888; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-weight:500;">
941                                            <i class="far fa-user" style="color:#a02b1a; font-size:11px;"></i>
942                                            Admin                                        </div>
943
944                                        <div style="font-size: 15px; color: #666; line-height: 1.65; margin-bottom: 18px;">
945                                            <p style="margin: 0;">
946                                                
947Serang, 22 September 2026 — Ketua Pengadilan Tinggi Banten, Bapak Suwidya, S.H., LL.M., bersama para Hakim Tinggi Pe...                                            </p>
948                                        </div>
949
950                                        <div style="margin-top: auto;">
951                                            <a style="display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #a02b1a; padding: 8px 18px; background: rgba(160,43,26,0.05); border-radius: 8px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1);"
952                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-laksanakan-pembinaan-kepaniteraan-untuk-penguatan-pelaksanaan-tugas-dan-fungsi"
953                                                onmouseover="this.style.background='rgba(160,43,26,0.1)'; this.style.transform='translateX(2px)'"
954                                                onmouseout="this.style.background='rgba(160,43,26,0.05)'; this.style.transform='translateX(0)'"
955                                                aria-label="Baca selengkapnya tentang Pengadilan Tinggi Banten Laksanakan Pembinaan Kepaniteraan untuk Penguatan Pelaksanaan Tugas dan Fungsi">
956                                                Selengkapnya <i class="fas fa-arrow-right" style="font-size:11px;" aria-hidden="true"></i>
957                                            </a>
958                                        </div>
959                                    </div>
960                                </div>
961                            </div>
962                            
963
964                            <div class="col-xl-6 col-lg-6 col-md-6 mb-4 wow fadeInUp" data-wow-delay=".3s">
965                                <div style="display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04); overflow: hidden;
965 border: 1px solid #f0f0f0; height: 100%; transition: all 0.35s cubic-bezier(.4,0,.2,1);"
966                                    onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 32px rgba(160,43,26,0.08)'; this.style.borderColor='rgba(160,43,26,0.08)';"
967                                    onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f0f0';">
968                                    <div
969                                        style="width: 100%; height: 210px; overflow: hidden; position: relative; background: #fdfdfd;">
970                                        <a href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-gelar-rapat-bulanan-evaluasi-kinerja" style="display: block; width: 100%; height: 100%;">
971                                            <img src="https://pt-banten.go.id//images/Rapat Bulanan Evaluasi Pelaksanaan Kinerja 16092026_1.jpg" alt="Pengadilan Tinggi Banten Gelar Rapat Bulanan Evaluasi Kinerja"
972                                                style="width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.4,0,.2,1);"
973                                                onmouseover="this.style.transform='scale(1.04)'"
974                                                onmouseout="this.style.transform='scale(1)'">
975                                        </a>
976                                    </div>
977
978                                    <div
979                                        style="flex-grow: 1; padding: 24px; display: flex; flex-direction: column; position: relative;">
980                                        <div
981                                            style="position: absolute; top: -16px; left: 20px; background: #fff; padding: 5px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #a02b1a; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f8f8f8; display: flex; align-items: center; gap: 6px;">
982                                            <i class="far fa-calendar-alt" style="font-size:11px;"></i>
983                                            Sep 16, 2026                                        </div>
984
985                                        <h2
986                                            style="font-size: 16px; line-height: 1.45; margin: 12px 0 10px 0; font-weight: 700; letter-spacing:-0.01em;">
987                                            <a style="color: #222; text-decoration: none; transition: color 0.25s ease;"
988                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-gelar-rapat-bulanan-evaluasi-kinerja" onmouseover="this.style.color='#a02b1a'"
989                                                onmouseout="this.style.color='#222'">
990                                                Pengadilan Tinggi Banten Gelar Rapat Bulanan Evaluasi K...                                            </a>
991                                        </h2>
992
993                                        <div
994                                            style="font-size: 12px; color: #888; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-weight:500;">
995                                            <i class="far fa-user" style="color:#a02b1a; font-size:11px;"></i>
996                                            Admin                                        </div>
997
998                                        <div style="font-size: 15px; color: #666; line-height: 1.65; margin-bottom: 18px;">
999                                            <p style="margin: 0;">
1000                                                
1001Serang, 16 September 2026 — Pengadilan Tinggi Banten melaksanakan Rapat Bulanan Evaluasi Kinerja bertempat di Aula P...                                            </p>
1002                                        </div>
1003
1004                                        <div style="margin-top: auto;">
1005                                            <a style="display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #a02b1a; padding: 8px 18px; background: rgba(160,43,26,0.05); border-radius: 8px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1);"
1006                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-gelar-rapat-bulanan-evaluasi-kinerja"
1007                                                onmouseover="this.style.background='rgba(160,43,26,0.1)'; this.style.transform='translateX(2px)'"
1008                                                onmouseout="this.style.background='rgba(160,43,26,0.05)'; this.style.transform='translateX(0)'"
1009                                                aria-label="Baca selengkapnya tentang Pengadilan Tinggi Banten Gelar Rapat Bulanan Evaluasi Kinerja">
1010                                                Selengkapnya <i class="fas fa-arrow-right" style="font-size:11px;" aria-hidden="true"></i>
1011                                            </a>
1012                                        </div>
1013                                    </div>
1014                                </div>
1015                            </div>
1016                            
1017
1018                            <div class="col-xl-6 col-lg-6 col-md-6 mb-4 wow fadeInUp" data-wow-delay=".3s">
1019                                <div style="display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04); overflow: hidden;
1019 border: 1px solid #f0f0f0; height: 100%; transition: all 0.35s cubic-bezier(.4,0,.2,1);"
1020                                    onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 32px rgba(160,43,26,0.08)'; this.style.borderColor='rgba(160,43,26,0.08)';"
1021                                    onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f0f0';">
1022                                    <div
1023                                        style="width: 100%; height: 210px; overflow: hidden; position: relative; background: #fdfdfd;">
1024                                        <a href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-terima-kunjungan-koordinasi-ombudsman-perwakilan-banten" style="display: block; width: 100%; height: 100%;">
1025                                            <img src="https://pt-banten.go.id//images/Kunjungan Koordinasi Ombudsman 15092026_1.jpg" alt="Pengadilan Tinggi Banten Terima Kunjungan Koordinasi Ombudsman Perwakilan Banten"
1026                                                style="width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.4,0,.2,1);"
1027                                                onmouseover="this.style.transform='scale(1.04)'"
1028                                                onmouseout="this.style.transform='scale(1)'">
1029                                        </a>
1030                                    </div>
1031
1032                                    <div
1033                                        style="flex-grow: 1; padding: 24px; display: flex; flex-direction: column; position: relative;">
1034                                        <div
1035                                            style="position: absolute; top: -16px; left: 20px; background: #fff; padding: 5px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #a02b1a; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f8f8f8; display: flex; align-items: center; gap: 6px;">
1036                                            <i class="far fa-calendar-alt" style="font-size:11px;"></i>
1037                                            Sep 15, 2026                                        </div>
1038
1039                                        <h2
1040                                            style="font-size: 16px; line-height: 1.45; margin: 12px 0 10px 0; font-weight: 700; letter-spacing:-0.01em;">
1041                                            <a style="color: #222; text-decoration: none; transition: color 0.25s ease;"
1042                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-terima-kunjungan-koordinasi-ombudsman-perwakilan-banten" onmouseover="this.style.color='#a02b1a'"
1043                                                onmouseout="this.style.color='#222'">
1044                                                Pengadilan Tinggi Banten Terima Kunjungan Koordinasi Om...                                            </a>
1045                                        </h2>
1046
1047                                        <div
1048                                            style="font-size: 12px; color: #888; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-weight:500;">
1049                                            <i class="far fa-user" style="color:#a02b1a; font-size:11px;"></i>
1050                                            Admin                                        </div>
1051
1052                                        <div style="font-size: 15px; color: #666; line-height: 1.65; margin-bottom: 18px;">
1053                                            <p style="margin: 0;">
1054                                                
1055Serang, 15 September 2026 — Pengadilan Tinggi Banten menerima kunjungan koordinasi dari Perwakilan Ombudsman Republi...                                            </p>
1056                                        </div>
1057
1058                                        <div style="margin-top: auto;">
1059                                            <a style="display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #a02b1a; padding: 8px 18px; background: rgba(160,43,26,0.05); border-radius: 8px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1);"
1060                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-terima-kunjungan-koordinasi-ombudsman-perwakilan-banten"
1061                                                onmouseover="this.style.background='rgba(160,43,26,0.1)'; this.style.transform='translateX(2px)'"
1062                                                onmouseout="this.style.background='rgba(160,43,26,0.05)'; this.style.transform='translateX(0)'"
1063                                                aria-label="Baca selengkapnya tentang Pengadilan Tinggi Banten Terima Kunjungan Koordinasi Ombudsman Per
1063wakilan Banten">
1064                                                Selengkapnya <i class="fas fa-arrow-right" style="font-size:11px;" aria-hidden="true"></i>
1065                                            </a>
1066                                        </div>
1067                                    </div>
1068                                </div>
1069                            </div>
1070                            
1071
1072                            <div class="col-xl-6 col-lg-6 col-md-6 mb-4 wow fadeInUp" data-wow-delay=".3s">
1073                                <div style="display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04); overflow: hidden; border: 1px solid #f0f0f0; height: 100%; transition: all 0.35s cubic-bezier(.4,0,.2,1);"
1074                                    onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 32px rgba(160,43,26,0.08)'; this.style.borderColor='rgba(160,43,26,0.08)';"
1075                                    onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f0f0';">
1076                                    <div
1077                                        style="width: 100%; height: 210px; overflow: hidden; position: relative; background: #fdfdfd;">
1078                                        <a href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-tandatangani-perjanjian-kerja-sama-antar-aparat-penegak-hukum-dalam-penerapan-kuhp-dan-kuhap-di-wilayah-provinsi-banten" style="display: block; width: 100%; height: 100%;">
1079                                            <img src="https://pt-banten.go.id//images/cofee morning pks 10092026_1.jpg" alt="Pengadilan Tinggi Banten Tandatangani Perjanjian Kerja Sama Antar Aparat Penegak Hukum dalam Penerapan KUHP dan KUHAP di Wilayah Provinsi Banten"
1080                                                style="width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.4,0,.2,1);"
1081                                                onmouseover="this.style.transform='scale(1.04)'"
1082                                                onmouseout="this.style.transform='scale(1)'">
1083                                        </a>
1084                                    </div>
1085
1086                                    <div
1087                                        style="flex-grow: 1; padding: 24px; display: flex; flex-direction: column; position: relative;">
1088                                        <div
1089                                            style="position: absolute; top: -16px; left: 20px; background: #fff; padding: 5px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #a02b1a; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f8f8f8; display: flex; align-items: center; gap: 6px;">
1090                                            <i class="far fa-calendar-alt" style="font-size:11px;"></i>
1091                                            Sep 10, 2026                                        </div>
1092
1093                                        <h2
1094                                            style="font-size: 16px; line-height: 1.45; margin: 12px 0 10px 0; font-weight: 700; letter-spacing:-0.01em;">
1095                                            <a style="color: #222; text-decoration: none; transition: color 0.25s ease;"
1096                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-tandatangani-perjanjian-kerja-sama-antar-aparat-penegak-hukum-dalam-penerapan-kuhp-dan-kuhap-di-wilayah-provinsi-banten" onmouseover="this.style.color='#a02b1a'"
1097                                                onmouseout="this.style.color='#222'">
1098                                                Pengadilan Tinggi Banten Tandatangani Perjanjian Kerja ...                                            </a>
1099                                        </h2>
1100
1101                                        <div
1102                                            style="font-size: 12px; color: #888; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-weight:500;">
1103                                            <i class="far fa-user" style="color:#a02b1a; font-size:11px;"></i>
1104                                            Admin                                        </div>
1105
1106                                        <div style="font-size: 15px; color: #666; line-height: 1.65; margin-bottom: 18px;">
1107                                            <p style="margin: 0;">
1108                                                
1109Serang, 10 September 2026 – Pengadilan Tinggi Banten bersama aparat penegak hukum di wilayah Provinsi Banten melaksa...                                            </p>
1110                                        </div>
1111
1112                                        <div style="margin-top: auto;">
1113                                            <a style="display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #a02b1a; padding: 8px 18px; background: rgba(160,43,26,0.05); border-radius: 8px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1);"
1114                                                href="https://pt-banten.go.id/berita/pengadilan-tinggi-banten-tandatangani-perjanjian-kerja-sama-antar-aparat-penegak-hukum-dalam-penerapan-kuhp-dan-kuhap-di-wilayah-provinsi-banten"
1115                                                onmouseover="this.style.background='rgba(160,43,26,0.1)'; this.style.transform='translateX(2px)'"
1116                                                onmouseout="this.style.background='rgba(160,43,26,0.05)'; this.style.transform='translateX(0)'"
1117                                                aria-label="Baca selengkapnya tentang Pengadilan Tinggi Banten Tandatangani Perjanjian Kerja Sama Antar Aparat Penegak Hukum dalam Penerapan KUHP dan KUHAP di Wilayah Provinsi Banten">
1118                                                Selengkapnya <i class="fas fa-arrow-right" style="font-size:11px;" aria-hidden="true"></i>
1119                                            </a>
1120                                        </div>
1121                                    </div>
1122                                </div>
1123                            </div>
1124                            
1125
1126                            <div class="col-xl-6 col-lg-6 col-md-6 mb-4 wow fadeInUp" data-wow-delay=".3s">
1127                                <div style="display: flex; flex-direction: column; background: #fff; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04); overflow: hidden;
1127 border: 1px solid #f0f0f0; height: 100%; transition: all 0.35s cubic-bezier(.4,0,.2,1);"
1128                                    onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 32px rgba(160,43,26,0.08)'; this.style.borderColor='rgba(160,43,26,0.08)';"
1129                                    onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 3px rgba(0,0,0,0.04), 0 6px 20px rgba(0,0,0,0.04)'; this.style.borderColor='#f0f0f0';">
1130                                    <div
1131                                        style="width: 100%; height: 210px; overflow: hidden; position: relative; background: #fdfdfd;">
1132                                        <a href="https://pt-banten.go.id/berita/peringatan-maulid-nabi-muhammad-saw-di-pengadilan-tinggi-banten-meneladani-akhlak-rasulullah-dalam-membangun-integritas-aparatur-peradilan" style="display: block; width: 100%; height: 100%;">
1133                                            <img src="https://pt-banten.go.id//images/Maulid Nabi 07092026_1.jpg" alt="Peringatan Maulid Nabi Muhammad SAW di Pengadilan Tinggi Banten: Meneladani Akhlak Rasulullah dalam Membangun Integritas Aparatur Peradilan"
1134                                                style="width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.4,0,.2,1);"
1135                                                onmouseover="this.style.transform='scale(1.04)'"
1136                                                onmouseout="this.style.transform='scale(1)'">
1137                                        </a>
1138                                    </div>
1139
1140                                    <div
1141                                        style="flex-grow: 1; padding: 24px; display: flex; flex-direction: column; position: relative;">
1142                                        <div
1143                                            style="position: absolute; top: -16px; left: 20px; background: #fff; padding: 5px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #a02b1a; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f8f8f8; display: flex; align-items: center; gap: 6px;">
1144                                            <i class="far fa-calendar-alt" style="font-size:11px;"></i>
1145                                            Sep 07, 2026                                        </div>
1146
1147                                        <h2
1148                                            style="font-size: 16px; line-height: 1.45; margin: 12px 0 10px 0; font-weight: 700; letter-spacing:-0.01em;">
1149                                            <a style="color: #222; text-decoration: none; transition: color 0.25s ease;"
1150                                                href="https://pt-banten.go.id/berita/peringatan-maulid-nabi-muhammad-saw-di-pengadilan-tinggi-banten-meneladani-akhlak-rasulullah-dalam-membangun-integritas-aparatur-peradilan" onmouseover="this.style.color='#a02b1a'"
1151                                                onmouseout="this.style.color='#222'">
1152                                                Peringatan Maulid Nabi Muhammad SAW di Pengadilan Tingg...                                            </a>
1153                                        </h2>
1154
1155                                        <div
1156                                            style="font-size: 12px; color: #888; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; font-weight:500;">
1157                                            <i class="far fa-user" style="color:#a02b1a; font-size:11px;"></i>
1158                                            Admin                                        </div>
1159
1160                                        <div style="font-size: 15px; color: #666; line-height: 1.65; margin-bottom: 18px;">
1161                                            <p style="margin: 0;">
1162                                                
1163Senin, 7 September 2026, Pengadilan Tinggi Banten menyelenggarakan Peringatan Maulid Nabi Muhammad SAW bertempat di Ru...                                            </p>
1164                                        </div>
1165
1166                                        <div style="margin-top: auto;">
1167                                            <a style="display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #a02b1a; padding: 8px 18px; background: rgba(160,43,26,0.05); border-radius: 8px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1);"
1168                                                href="https://pt-banten.go.id/berita/peringatan-maulid-nabi-muhammad-saw-di-pengadilan-tinggi-banten-meneladani-akhlak-rasulullah-dalam-membangun-integritas-aparatur-peradilan"
1169                                                onmouseover="this.style.background='rgba(160,43,26,0.1)'; this.style.transform='translateX(2px)'"
1170                                                onmouseout="this.style.background='rgba(160,43,26,0.05)'; this.style.transform='translateX(0)'"
1171                                                aria-label="Baca selengkapnya tentang Peringatan Maulid Nabi Muhammad SAW di Pengadilan Tinggi Banten: Meneladani Akhlak Rasulullah dalam Membangun Integritas Aparatur Peradilan">
1172                                                Selengkapnya <i class="fas fa-arrow-right" style="font-size:11px;" aria-hidden="true"></i>
1173                                            </a>
1174                                        </div>
1175                                    </div>
1176                                </div>
1177                            </div>
1178                            
1179                    </div>
1180                </div>
1181
1182
1183                                <div class="pengumuman-area mt-3" style="border-top: 2px dashed #ececec; padding-top: 20px;">
1184                    <div class="sec-title mb-2"
1185                        style="display:flex; justify-content:space-between; align-items:center;">
1186                        <h2 style="margin:0; font-size:22px; font-weight:800; letter-spacing:-0.02em;"><i
1187                                class="fas fa-bullhorn" style="color:#a02b1a; margin-right: 10px; font-size:20px;"></i>
1188                            Pengumuman <span style="color:#a02b1a;">Terbaru</span></h2>
1189                    </div>
1190
1191                    <div class="row" style="row-gap: 10px;">
1192                                                                                                                <div class="col-12 wow fadeInUp" data-wow-delay=".1s">
1193                                    <a href="https://pt-banten.go.id/berita/pengumuman-seleksi-calon-hakim-ad-hoc-pengadilan-tindak-pidana-korupsi-tahap-xxiv-tahun-2027"
1194                                        class="pengumuman-card" aria-label="Pengumuman: PENGUMUMAN SELEKSI CALON HAKIM AD HOC PENGADILAN TINDAK PIDANA KORUPSI TAHAP XXIV TAHUN 2026">
1195                                        <div class="p-icon-side">
1196                                            <i class="fas fa-file-signature"></i>
1197                                        </div>
1198                                        <div class="p-text">
1199                                            <h6>PENGUMUMAN SELEKSI CALON HAKIM AD HOC PENGADILAN TINDAK PIDANA KORUPSI TAHAP XXIV TAHUN 2026</h6>
1200                                            <p style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
1201                                                <span><i class="far fa-clock"></i> Diterbitkan: 17 Sep 2026</span>
1202                                                <span style="color: #ccc;">|</span>
1203                                                <span><i class="fas fa-eye" style="margin-right: 4px;"></i> Dibaca: 51 kali</span>
1204                                            </p>
1205                                        </div>
1206                                        <div class="p-arrow"><i class="fas fa-chevron-right"></i></div>
1207                                    </a>
1208                                </div>
1209                                                                <div class="col-12 wow fadeInUp" data-wow-delay=".2s">
1210                                    <a href="https://pt-banten.go.id/berita/penerimaan-calon-hakim-ad-hoc-pengadilan-tindak-pidana-korupsi-tingkat-pertama-dan-tingkat-banding-tahap-xxiv-tahun-2026"
1211                                        class="pengumuman-card" aria-label="Pengumuman: PENERIMAAN CALON HAKIM AD HOC PENGADILAN TINDAK PIDANA KORUPSI TINGKAT PERTAMA DAN TINGKAT BANDING TAHAP XXIV TAHUN 2026">
1212                                        <div class="p-icon-side">
1213                                            <i class="fas fa-file-signature"></i>
1214                                        </div>
1215                                        <div class="p-text">
1216                                            <h6>PENERIMAAN CALON HAKIM AD HOC PENGADILAN TINDAK PIDANA KORUPSI TINGKAT PERTAMA DAN TINGKAT BANDING TAHAP XXIV TAHUN 2026</h6>
1217                                            <p style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
1218                                                <span><i class="far fa-clock"></i> Diterbitkan: 06 Aug 2026</span>
1219                                                <span style="color: #ccc;">|</span>
1220                                                <span><i class="fas fa-eye" style="margin-right: 4px;"></i> Dibaca: 194 kali</span>
1221                                            </p>
1222                                        </div>
1223                                        <div class="p-arrow"><i class="fas fa-chevron-right"></i></div>
1224                                    </a>
1225                                </div>
1226                                                                <div class="col-12 wow fadeInUp" data-wow-delay=".3s">
1227                                    <a href="https://pt-banten.go.id/berita/surat-edaran-nomor-2-tahun-2026"
1228                                        class="pengumuman-card" aria-label="Pengumuman: SURAT EDARAN Nomor 2 Tahun 2026 Tentang Laporan Banding Perkara Pidana dan Tipikor">
1229                                        <div class="p-icon-side">
1230                                            <i class="fas fa-file-signature"></i>
1231                                        </div>
1232                                        <div class="p-text">
1233                                            <h6>SURAT EDARAN Nomor 2 Tahun 2026 Tentang Laporan Banding Perkara Pidana dan Tipikor</h6>
1234                                            <p style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
1235                                                <span><i class="far fa-clock"></i> Diterbitkan: 30 Apr 2026</span>
1236                                                <span style="color: #ccc;">|</span>
1237                                                <span><i class="fas fa-eye" style="margin-right: 4px;"></i> Dibaca: 404 kali</span>
1238                                            </p>
1239                                        </div>
1240                                        <div class="p-arrow"><i class="fas fa-chevron-right"></i></div>
1241                                    </a>
1242                                </div>
1243                                                                <div class="col-12 wow fadeInUp" data-wow-delay=".4s">
1244                                    <a href="https://pt-banten.go.id/berita/surat-edaran-no-1-tahun-2026"
1245                                        class="pengumuman-card" aria-label="Pengumuman: SURAT EDARAN Nomor 1 Tahun 2026 Tentang Penerimaan Akta Banding">
1246                                        <div class="p-icon-side">
1247                                            <i class="fas fa-file-signature"></i>
1248                                        </div>
1249                                        <div class="p-text">
1250                                            <h6>SURAT EDARAN Nomor 1 Tahun 2026 Tentang Penerimaan Akta Banding</h6>
1251                                            <p style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
1252                                                <span><i class="far fa-clock"></i> Diterbitkan: 30 Apr 2026</span>
1253                                                <span style="color: #ccc;">|</span>
1254                                                <span><i class="fas fa-eye" style="margin-right: 4px;"></i> Dibaca: 459 kali</span>
1255                                            </p>
1256                                        </div>
1257                                        <div class="p-arrow"><i class="fas fa-chevron-right"></i></div>
1258                                    </a>
1259                                </div>
1260                                                                <div class="col-12 wow fadeInUp" data-wow-delay=".5s">
1261                                    <a href="https://pt-banten.go.id/berita/pengumuman-calon-peserta-penerima-beasiswa-swupl-tahur-2026-yang-telah-memenuhi-syarat-administrasi"
1262                                        class="pengumuman-card" aria-label="Pengumuman: PENGUMUMAN CALON PESERTA PENERIMA BEASISWA SWUPL TAHUR 2026 YANG TELAH MEMENUHI SYARAT ADMINISTRASI">
1263                                        <div class="p-icon-side">
1264                                            <i class="fas fa-file-signature"></i>
1265                                        </div>
1266                                        <div class="p-text">
1267                                            <h6>PENGUMUMAN CALON PESERTA PENERIMA BEASISWA SWUPL TAHUR 2026 YANG TELAH MEMENUHI SYARAT ADMINISTRASI</h6>
1268                                            <p style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
1269                                                <span><i class="far fa-clock"></i> Diterbitkan: 29 Apr 2026</span>
1270                                                <span style="color: #ccc;">|</span>
1271                                                <span><i class="fas fa-eye" style="margin-right: 4px;"></i> Dibaca: 403 kali</span>
1272                                            </p>
1273                                        </div>
1274                                        <div class="p-arrow"><i class="fas fa-chevron-right"></i></div>
1275                                    </a>
1276                                </div>
1277                                                                            </div>
1278
1279                    <div style="text-align: right; margin-top: 30px;">
1280                        <!--<a href="https://pt-banten.go.id/berita/index.php?option=com_content&view=category&id=16"-->
1281                        <a href="https://pt-banten.go.id/berita/pengumuman" 
1282                               style="display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #a02b1a; background: #fdf5f4; border: 1px solid rgba(160,43,26,0.1); padding: 12px 26px; border-radius: 10px; text-decoration: none; transition: all 0.3s cubic-bezier(.4,0,.2,1); box-shadow: 0 2px 8px rgba(160,43,26,0.04);"
1283                               onmouseover="this.style.background='#fae6e3'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 12px rgba(160,43,26,0.08)'"
1284                               onmouseout="this.style.background='#fdf5f4'; this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 8px rgba(160,43,26,0.04)'">
1285                                Pengumuman Lainnya <i class="fas fa-arrow-right" style="font-size:12px;"></i>
1286                            </a>
1287                    </div>
1288                </div>
1289            </div>
1290
1291
1292            <div class="col-xl-4 col-lg-4 col-md-12 sidebar-area mb-4">
1293
1294
1295
1296
1297                                <div class="sidebar-widget">
1298                    <div class="sw-header">
1299                        <i class="fas fa-language"></i>
1300                        <h4>Alih Bahasa</h4>
1301                    </div>
1302                    <div class="sw-body">
1303                        <div class="lang-toggle-group">
1304                            <a href="#" class="lang-btn active"
1305                                onclick="event.preventDefault(); doGTranslate('id|id'); this.classList.add('active'); this.parentNode.querySelector('.lang-btn:last-child').classList.remove('active');">
1306                                <img src="https://flagcdn.com/w40/id.png" alt="ID"> Indonesia
1307                            </a>
1308                            <a href="#" class="lang-btn"
1309                                onclick="event.preventDefault(); doGTranslate('id|en'); this.classList.add('active'); this.parentNode.querySelector('.lang-btn:first-child').classList.remove('active');">
1310                                <img src="https://flagcdn.com/w40/gb.png" alt="EN"> English
1311                            </a>
1312                        </div>
1313                    </div>
1314                </div>
1315                
1316                <div class="sidebar-widget">
1317                    <div class="sw-header">
1318                        <i class="fas fa-gavel"></i>
1319                        <h4>Jadwal Sidang</h4>
1320                    </div>
1321                    <div class="sw-body">
1322                        <div class="lang-toggle-group" style="text-align: center; padding: 5px 0;">
1323                            <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;">
1324                                Buka Jadwal Sidang
1325                            </a>
1326                        </div>
1327                    </div>
1328                </div>
1329
1330                <div class="sidebar-widget">
1331                    <div class="sw-header">
1332                        <i class="fas fa-search"></i>
1333                        <h4>Pencarian</h4>
1334                    </div>
1335                    <div class="sw-body">
1336                        <form action="https://pt-banten.go.id/search.php" class="premium-search-form" role="search" aria-label="Formulir Pencarian">
1337                            <input type="text" name="q" placeholder="Cari informasi..." aria-label="Kata kunci pencarian">
1338                            <button type="submit" aria-label="Cari"><i class="fas fa-search" aria-hidden="true"></i></button>
1339                        </form>
1340                    </div>
1341                </div>
1342
1343
1344                                <div class="sidebar-widget">
1345                    <div class="sw-header">
1346                        <i class="fas fa-clock"></i>
1347                        <h4>Jam Kerja Pengadilan & PTSP</h4>
1348                    </div>
1349                    <div class="sw-body" style="padding: 12px 15px;">
1350                                                    <div style="display: flex; flex-direction: column; gap: 15px; margin-top: 8px;">
1351                                
1352                                                                            <div style="text-align: center; display: flex; flex-direction: column; gap: 15px;">
1353                                                                                            
1354                                                    <img src="https://pt-banten.go.id/images/2026/jamkerjaptbanten.jpeg" alt="Jam Kerja"
1355                                                        style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
1356
1357                                                                                                                                        </div>
1358                                                                                                </div>
1359                        
1360                        <div
1361                            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;">
1362                            <i class="fas fa-info-circle" style="color:#a02b1a; margin-right: 5px;"></i>
1363                            Jam pelayanan PTSP mengikuti jam kerja di atas
1364                        </div>
1365                    </div>
1366                </div>
1367
1368                
1369                <div class="sidebar-widget">
1370                    <div class="sw-header">
1371                        <i class="fas fa-chart-bar"></i>
1372                        <h4>Indeks Pelayanan Publik</h4>
1373                    </div>
1374                    <div class="sw-body">
1375                                                                                    <!-- Slider untuk multi gambar IKM -->
1376                                <div class="info-slider" id="ikm-slider">
1377                                    <div class="info-slider-track" id="ikm-slider-track">
1378                                                                                    <div style="min-width:100%; box-sizing:border-box;">
1379                                                                                                <img src="images/SKM Q2 2026.jpg" alt="IKM 1"
1380                                                    style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
1381                                                                                            </div>
1382                                                                                    <div style="min-width:100%; box-sizing:border-box;">
1383                                                                                                <img src="images/SPAK%20Q2%202026.jpg" alt="IKM 2"
1384                                                    style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
1385                                                                                            </div>
1386                                                                            </div>
1387                                    <button class="info-slider-nav prev" onclick="ikmSlider.prev()" aria-label="Sebelumnya"><i class="fas fa-chevron-left"></i></button>
1388                                    <button class="info-slider-nav next" onclick="ikmSlider.next()" aria-label="Berikutnya"><i class="fas fa-chevron-right"></i></button>
1389                                    <div class="info-slider-dots" id="ikm-slider-dots">
1390                                                                                    <sp
1390an class="dot active" onclick="ikmSlider.goTo(0)"></span>
1391                                                                                    <span class="dot " onclick="ikmSlider.goTo(1)"></span>
1392                                                                            </div>
1393                                </div>
1394                                
1394<script>
1395                                var ikmSlider = (function() {
1396                                    var current = 0;
1397                                    var total = 2;
1398                                    var track = document.getElementById('ikm-slider-track');
1399                                    var dots = document.querySelectorAll('#ikm-slider-dots .dot');
1400                                    var autoTimer = null;
1401
1402                                    function goTo(idx) {
1403                                        if (idx < 0) idx = total - 1;
1404                                        if (idx >= total) idx = 0;
1405                                        current = idx;
1406                                        track.style.transform = 'translateX(-' + (current * 100) + '%)';
1407                                        dots.forEach(function(d, i) { d.classList.toggle('active', i === current); });
1408                                    }
1409                                    function next() { goTo(current + 1); }
1410                                    function prev() { goTo(current - 1); }
1411                                    function startAuto() {
1412                                        stopAuto();
1413                                        autoTimer = setInterval(next, 5000);
1414                                    }
1415                                    function stopAuto() {
1416                                        if (autoTimer) clearInterval(autoTimer);
1417                                    }
1418
1419                                    startAuto();
1420                                    var slider = document.getElementById('ikm-slider');
1421                                    slider.addEventListener('mouseenter', stopAuto);
1422                                    slider.addEventListener('mouseleave', startAuto);
1423
1424                                    return { goTo: goTo, next: next, prev: prev };
1425                                })();
1426                                </script>
1426
1427                                                                        </div>
1428                </div>
1429
1430                
1431                <div class="sidebar-widget">
1432                    <div class="sw-header">
1433                        <i class="fas fa-link"></i>
1434                        <h4>Tautan Website</h4>
1435                    </div>
1436                    <div class="sw-body" style="padding: 10px 18px;">
1437                        <ul class="tautan-list">
1438                                                                        <li>
1439                                                <a href="https://www.mahkamahagung.go.id/id" target="_blank">
1440                                                    <i class="fas fa-chevron-right"></i>
1441                                                    Mahkamah Agung RI                                                </a>
1442                                            </li>
1443                                                                                        <li>
1444                                                <a href="https://badilum.mahkamahagung.go.id/" target="_blank">
1445                                                    <i class="fas fa-chevron-right"></i>
1446                                                    Ditjen Badilum                                                </a>
1447                                            </li>
1448                                                                                        <li>
1449                                                <a href="https://bawas.mahkamahagung.go.id/" target="_blank">
1450                                                    <i class="fas fa-chevron-right"></i>
1451                                                    Badan Pengawasan MA                                                </a>
1452                                            </li>
1453                                                                                        <li>
1454                                                <a href="https://bsdk.mahkamahagung.go.id/id/" target="_blank">
1455                                                    <i class="fas fa-chevron-right"></i>
1456                                                    Balitbang Diklat Kumdil                                                </a>
1457                                            </li>
1458                                                                                        <li>
1459                                                <a href="https://putusan3.mahkamahagung.go.id/" target="_blank">
1460                                                    <i class="fas fa-chevron-right"></i>
1461                                                    Direktori Putusan                                                </a>
1462                                            </li>
1463                                                                    </ul>
1464                    </div>
1465                </div>
1466
1467                
1468                <div class="sidebar-widget">
1469                    <div class="sw-header">
1470                        <i class="fas fa-share-alt"></i>
1471                        <h4>Sosial Media Pengadilan</h4>
1472                    </div>
1473                    <div class="sw-body" style="padding: 10px 15px;">
1474                                                                                    <table style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="5">
1475<tbody>
1476<tr>
1477<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>
1478<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>
1479</tr>
1480<tr>
1481<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>
1482<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>
1483</tr>
1484<tr>
1485<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>
1486<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>
1487</tr>
1488</tbody>
1489</table>                                                                        </div>
1490                </div>
1491
1492
1493                                <div class="sidebar-widget">
1494                    <div class="sw-header">
1495                        <i class="fas fa-user-tie"></i>
1496                        <h4>Agen Perubahan</h4>
1497                    </div>
1498                                            <div class="sw-body" style="padding: 10px 15px;">
1499                                                            <!-- Slider untuk multi gambar -->
1500                                <div class="info-slider" id="agen-slider">
1501                                    <div class="info-slider-track" id="agen-slider-track">
1502                                                                                    <div style="min-width:100%; box-sizing:border-box;">
1503                                                                                                    <a href="https://pt-banten.go.id/" target="_blank" style="display:block;">
1504                                                                                                <img src="https://pt-banten.go.id/images/demo/blog/rolemodel2025.jpg" alt="Agen Perubahan 1"
1505                                                    style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
1506                                                                                                    </a>
1507                                                                                            </div>
1508                                                                                    <div style="min-width:100%; box-sizing:border-box;">
1509                                                                                                    <a href="https://pt-banten.go.id/" target="_blank" style="display:block;">
1510                                                                                                <img src="https://pt-banten.go.id/images/demo/blog/agenperubahan2026.jpeg" alt="Agen Perubahan 2"
1511                                                    style="width: 100%; display: block; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
1512                                                                                                    </a>
1513                                                                                            </div>
1514                                                                            </div>
1515                                    <button class="info-slider-nav prev" onclick="agenSlider.prev()" aria-label="Sebelumnya"><i class="fas fa-chevron-left"></i></button>
1516                                    <button class="info-slider-nav next" onclick="agenSlider.next()" aria-label="Berikutnya"><i class="fas fa-chevron-right"></i></button>
1517                                    <div class="info-slider-dots" id="agen-slider-dots">
1518                                                                                    <sp
1518an class="dot active" onclick="agenSlider.goTo(0)"></span>
1519                                                                                    <span class="dot " onclick="agenSlider.goTo(1)"></span>
1520                                                                            </div>
1521                                </div>
1522                                
1522<script>
1523                                var agenSlider = (function() {
1524                                    var current = 0;
1525                                    var total = 2;
1526                                    var track = document.getElementById('agen-slider-track');
1527                                    var dots = document.querySelectorAll('#agen-slider-dots .dot');
1528                                    var autoTimer = null;
1529
1530                                    function goTo(idx) {
1531                                        if (idx < 0) idx = total - 1;
1532                                        if (idx >= total) idx = 0;
1533                                        current = idx;
1534                                        track.style.transform = 'translateX(-' + (current * 100) + '%)';
1535                                        dots.forEach(function(d, i) { d.classList.toggle('active', i === current); });
1536                                    }
1537                                    function next() { goTo(current + 1); }
1538                                    function prev() { goTo(current - 1); }
1539                                    function startAuto() {
1540                                        stopAuto();
1541                                        autoTimer = setInterval(next, 5000);
1542                                    }
1543                                    function stopAuto() {
1544                                        if (autoTimer) clearInterval(autoTimer);
1545                                    }
1546
1547                                    // Auto-slide
1548                                    startAuto();
1549                                    // Pause saat hover
1550                                    var slider = document.getElementById('agen-slider');
1551                                    slider.addEventListener('mouseenter', stopAuto);
1552                                    slider.addEventListener('mouseleave', startAuto);
1553
1554                                    return { goTo: goTo, next: next, prev: prev };
1555                                })();
1556                                </script>
1556
1557                                                    </div>
1558                                    </div>
1559
1560                
1561<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;">
1562    <div style="display: flex; align-items: center; margin-bottom: 15px; border-bottom: 2px solid #f8f8f8; padding-bottom: 15px;">
1563        <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;">
1564            <i class="fas fa-chart-line" style="color: #a02b1a; font-size: 18px;"></i>
1565        </div>
1566        <h4 style="margin: 0; font-size: 17px; font-weight: 700; color: #222;">Statistik Pengunjung</h4>
1567    </div>
1568    
1569    <div style="display: flex; flex-direction: column;">
1570        <!-- Hari ini -->
1571        <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; border-bottom: 1px dashed #eaeaea;">
1572            <span style="font-size: 14px; color: #555; font-weight: 600; display: flex; align-items: center; gap: 10px;">
1573                <i class="fas fa-user-clock" style="color: #a02b1a; font-size: 14px; width: 16px;"></i> Hari Ini
1574            </span>
1575            <span style="font-size: 16px; font-weight: 800; color: #222;">589</span>
1576        </div>
1577        
1578        <!-- Kemarin -->
1579        <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; border-bottom: 1px dashed #eaeaea;">
1580            <span style="font-size: 14px; color: #555; font-weight: 600; display: flex; align-items: center; gap: 10px;">
1581                <i class="fas fa-user-check" style="color: #a02b1a; font-size: 14px; width: 16px;"></i> Kemarin
1582            </span>
1583            <span style="font-size: 16px; font-weight: 800; color: #222;">765</span>
1584        </div>
1585        
1586        <!-- Total -->
1587        <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; border-bottom: 1px dashed #eaeaea;">
1588            <span style="font-size: 14px; color: #555; font-weight: 600; display: flex; align-items: center; gap: 10px;">
1589                <i class="fas fa-users" style="color: #a02b1a; font-size: 14px; width: 16px;"></i> Total
1590            </span>
1591            <span style="font-size: 16px; font-weight: 800; color: #222;">98,886</span>
1592        </div>
1593        
1594        <!-- Online -->
1595        <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; margin-top: 5px;">
1596            <span style="font-size: 14px; color: #27ae60; font-weight: 600; display: flex; align-items: center; gap: 10px;">
1597                <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>
1598                Online
1599            </span>
1600            <span style="font-size: 16px; font-weight: 800; color: #27ae60;">21</span>
1601            <style>@keyframes pulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } }</style>
1602        </div>
1603    </div>
1604</div>
1605            </div>
1606
1607        </div>
1608    </div>
1609</section>
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620<section class="faq-page" style="padding: 15px 0 25px !important; background: transparent;">
1621    <div class="auto-container">
1622        <div class="jadwal-wrapper" style="border: 1px solid #eee; border-radius: 12px; overflow: hidden; padding: 0; width: 100%; box-shadow: 0 4px 15px rgba(0,0,0,0.05); background: #fff;">
1623            
1624                    </div>
1625    </div>
1626</section>
1627
1628<section class="services-style1" style="padding: 30px 0 15px !important; background: transparent;">
1629    <div class="auto-container">
1630        <div class="sec-title mb-4" style="text-align: center; margin-bottom: 40px !important;">
1631            <span
1632                style="display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #a02b1a; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;"><i
1633                    class="fas fa-rss"></i> RSS FEED</span>
1634            <h2 style="font-size: 26px; font-weight: 800; letter-spacing: -0.02em; margin: 0;">Berita & Pengumuman <span
1635                    style="color: #992109;">Terkait</span></h2>
1636            <p style="color: #888; font-size: 14px; margin-top: 8px;">Informasi terbaru dari Mahkamah Agung RI dan Badan
1637                Peradilan Umum</p>
1638        </div>
1639
1640        <div class="row" style="margin-bottom: 20px;">
1641            <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1642                <div class="team-style2__single" style="height:100%;">
1643                    <div id="rss_berita_mari" style="height:100%;"></div>
1644                </div>
1645            </div>
1646            <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1647                <div class="team-style2__single" style="height:100%;">
1648                    <div id="rss_berita_badilum" style="height:100%;"></div>
1649                </div>
1650            </div>
1651        </div>
1652
1653
1654        <div class="row">
1655            <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1656                <div class="team-style2__single" style="height:100%;">
1657                    <div id="rss_pengumuman_mari" style="height:100%;"></div>
1658                </div>
1659            </div>
1660            <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1661                <div class="team-style2__single" style="height:100%;">
1662                    <div id="rss_pengumuman_badilum" style="height:100%;"></div>
1663                </div>
1664            </div>
1665        </div>
1666    </div>
1667</section>
1668
1669
1670<section class="faq-page" style="padding: 15px 0 25px !important; background: transparent;">
1671    <div class="auto-container">
1672                <div style="border: 1px solid #eee; border-radius: 12px; overflow: hidden; padding: 16px; width: 100%; box-shadow: 0 4px 15px rgba(0,0,0,0.05); background: #fff; text-align: center; margin-bottom: 16px;">
1673            <p><img src="images/2026/jadwalsidang.jpeg" alt="" /></p>        </div>
1674                <div style="border: 1px solid #eee; border-radius: 12px; overflow: hidden; padding: 16px; width: 100%; box-shadow: 0 4px 15px rgba(0,0,0,0.05); background: #fff; text-align: center; margin-bottom: 16px;">
1675            <div class="grid-box width100 grid-v">
1676<div class="module mod-box deepest">
1677<h3 class="module-title"><span class="color">INOVASI</span> PT BANTEN</h3>
1678</div>
1679</div>
1680<div style="display: flex; flex-wrap: wrap; justify-content: space-between;">
1681<div style="width: 32%; margin-bottom: 10px;"><a href="https://siperi.pt-banten.go.id/" target="_blank"> <img src="https://pt-banten.go.id/images/SIPERI.png" style="width: 100%; height: auto;" /> </a></div>
1682<div style="width: 32%; margin-bottom: 10px;"><a href="http://sipendak.pt-banten.go.id/" target="_blank"> <img src="https://pt-banten.go.id/images/SIPENDAK.jpeg" style="width: 100%; height: auto;" /> </a></div>
1683<div style="width: 32%; margin-bottom: 10px;"><a href="https://siperad.pt-banten.go.id/" target="_blank"> <img src="https://pt-banten.go.id/images/siperadfix.png" style="width: 100%; height: auto;" /> </a></div>
1684<div style="width: 32%; margin-bottom: 10px;"><a href="https://wasbidda.pt-banten.go.id/" target="_blank"> <img src="https://pt-banten.go.id/images/wasbidda.jpg" style="width: 100%; height: auto;" /> </a></div>
1685<div style="width: 32%; margin-bottom: 10px;"><a href="https://forms.gle/EcHrBKmT8sUA3o5Y7" target="_blank"> <img src="https://pt-banten.go.id/images/sielip_new.jpeg" style="width: 100%; height: auto;" /> </a></div>
1686<div style="width: 32%; margin-bottom: 10px;"><a href="https://eppid.pt-banten.go.id/" target="_blank"> <img src="https://pt-banten.go.id/images/eppid.jpg" style="width: 100%; height: auto;" /> </a></div>
1687</div>        </div>
1688                <div style="border: 1px solid #eee; border-radius: 12px; overflow: hidden; padding: 16px; width: 100%; box-shadow: 0 4px 15px rgba(0,0,0,0.05); background: #fff; text-align: center; margin-bottom: 16px;">
1689            <h1 class="width100" style="width: 100%; clear: both; text-align: center;"><a href="https://drive.google.com/drive/folders/1-laeg_enwCUWxNGBBUQf8ZB5dbWlATui?usp=drive_link" target="_blank"><img class="size-auto" src="https://pt-banten.go.id/images/banners/area1_.png" width="160" height="200" /></a> <a href="https://drive.google.com/drive/folders/1-ligvGnbi4rkLAJAT6g2kbrlra9G43P3?usp=drive_link" target="_blank"><img class="size-auto" src="https://pt-banten.go.id/images/banners/area2_.png" width="160" height="200" /></a> <a href="https://drive.google.com/drive/folders/1-mnSDFZY51c1z14PEvuX2h8entVjw5tn?usp=drive_link" target="_blank"><img class="size-auto" src="https://pt-banten.go.id/images/banners/area3_.png" width="160" height="200" /></a> <a href="https://drive.google.com/drive/folders/1-p7KZ1LrYd-u1Rakn2Qer7LTQtquNQVf?usp=drive_link" target="_blank"><img class="size-auto" src="https://pt-banten.go.id/images/banners/area4_.png" width="160" height="200" /></a> <a href="https://drive.google.com/drive/folders/1-p9Qomxk3TCJT4EwxQowLdgooiY9ImJw?usp=drive_link" target="_blank"><img class="size-auto" src="https://pt-banten.go.id/images/banners/area5_.png" width="160" height="200" /></a>
1689 <a href="https://drive.google.com/drive/folders/1-rV7ZsxWsulKnqY5dwgURVdW2hGDKmjl?usp=drive_link" target="_blank"><img class="size-auto" src="https://pt-banten.go.id/images/banners/area6_.png" width="160" height="200" /></a></h1>
1690<h1 class="width100 item" style="clear: both; text-align: center;"><img class="size-auto" src="https://pt-banten.go.id/images/banners/footer_.png" width="100%" height="auto" /></h1>
1691<p> </p>        </div>
1692            </div>
1693</section>
1694
1695<section class="info-publikasi-area" style="padding: 18px 0 28px; background: transparent; border-top: 1px solid #f2f2f2;">
1696    <div class="auto-container">
1697
1698        <div class="row">
1699                                                <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1700                        <div
1701                            style="border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.06); background:#fff; height: 100%; border: 1px solid #f0f0f0; transition: all 0.35s ease;">
1702                                                            <iframe width="100%" height="315" src="https://www.youtube-nocookie.com/embed/a62PzHFxMxw"
1703                                    title="YouTube video player" frameborder="0"
1704                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
1705                                    allowfullscreen style="display:block;"></iframe>
1706                                                    </div>
1707                    </div>
1708                                    <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1709                        <div
1710                            style="border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.06); background:#fff; height: 100%; border: 1px solid #f0f0f0; transition: all 0.35s ease;">
1711                                                            <iframe width="100%" height="315" src="https://www.youtube-nocookie.com/embed/INs6KpVhKV8"
1712                                    title="YouTube video player" frameborder="0"
1713                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
1714                                    allowfullscreen style="display:block;"></iframe>
1715                                                    </div>
1716                    </div>
1717                                    <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1718                        <div
1719                            style="border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.06); background:#fff; height: 100%; border: 1px solid #f0f0f0; transition: all 0.35s ease;">
1720                                                                                                <img src="https://pt-banten.go.id/images/Sertifikat%20Keuangan_1%2005062026.png" alt="piagam1" class="zoom"
1721                                        style="width: 100%; height: 315px; object-fit: cover; display:block; transition: transform 0.3s ease;">
1722                                                                                    </div>
1723                    </div>
1724                                    <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1725                        <div
1726                            style="border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.06); background:#fff; height: 100%; border: 1px solid #f0f0f0; transition: all 0.35s ease;">
1727                                                                                                <img src="https://pt-banten.go.id/images/Sertifikat%20Keuangan_2%2005062026.png" alt="piagam2" class="zoom"
1728                                        style="width: 100%; height: 315px; object-fit: cover; display:block; transition: transform 0.3s ease;">
1729                                                                                    </div>
1730                    </div>
1731                                    <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1732                        <div
1733                            style="border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.06); background:#fff; height: 100%;
1733 border: 1px solid #f0f0f0; transition: all 0.35s ease;">
1734                                                                                                <img src="https://pt-banten.go.id/images/Sertifikat%20Keuangan_3%2005062026.png" alt="piagam3" class="zoom"
1735                                        style="width: 100%; height: 315px; object-fit: cover; display:block; transition: transform 0.3s ease;">
1736                                                                                    </div>
1737                    </div>
1738                                    <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1739                        <div
1740                            style="border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.06); background:#fff; height: 100%; border: 1px solid #f0f0f0; transition: all 0.35s ease;">
1741                                                                                                <img src="https://pt-banten.go.id/images/Sertifikat%20Keuangan_4%2005062026.png" alt="piagam4" class="zoom"
1742                                        style="width: 100%; height: 315px; object-fit: cover; display:block; transition: transform 0.3s ease;">
1743                                                                                    </div>
1744                    </div>
1745                                    <div class="col-xl-6 col-lg-6 col-md-12 mb-4">
1746                        <div
1747                            style="border-radius: 14px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.06); background:#fff; height: 100%; border: 1px solid #f0f0f0; transition: all 0.35s ease;">
1748                                                                                                <img src="https://pt-banten.go.id/images/Sertifikat%20Keuangan_5%2005062026.jpeg" alt="piagam5" class="zoom"
1749                                        style="width: 100%; height: 315px; object-fit: cover; display:block; transition: transform 0.3s ease;">
1750                                                                                    </div>
1751                    </div>
1752                                    </div>
1753    </div>
1754</section>
1755
1756<section class="newsletter-style1">
1757    <div class="auto-container">
1758        <div class="row">
1759
1760            <div class="col-xl-2 col-lg-4  animated fadeInUp">
1761                <div class="features-style3__single">
1762                    <div class="">
1763                        <div class="features-style3__single-content">
1764                            <h2><a href="https://www.mahkamahagung.go.id/id"><span class=""><img
1765                                            src="assets/images/mari.png" width=150% height="auto"> </span></a></h2>
1766                        </div>
1767                    </div>
1768                </div>
1769            </div>
1770
1771            <div class="col-xl-2 col-lg-4  animated fadeInUp">
1772                <div class="features-style3__single">
1773                    <div class="">
1774                        <div class="features-style3__single-content">
1775                            <h2><a href="https://badilum.mahkamahagung.go.id/"><span class=""><img
1776                                            src="assets/images/badilum.png" width="100%" height="auto"> </span></a></h2>
1777                        </div>
1778                    </div>
1779                </div>
1780            </div>
1781
1782            <div class="col-xl-2 col-lg-4  animated fadeInUp">
1783                <div class="features-style3__single">
1784                    <div class="">
1785                        <div class="features-style3__single-content">
1786                            <h2><a
1787                                    href="https://putusan3.mahkamahagung.go.id/pengadilan/profil/pengadilan/pn-ngabang.html"><span
1788                                        class=""><img src="assets/images/dirput.png" width="100%" height="auto">
1789                                    </span></a></h2>
1790                        </div>
1791                    </div>
1792                </div>
1793            </div>
1794
1795            <div class="col-xl-2 col-lg-4  animated fadeInUp">
1796                <div class="features-style3__single">
1797                    <div class="">
1798                        <div class="features-style3__single-content">
1799                            <h2><a href="https://bawas.mahkamahagung.go.id/"><span class=""><img
1800                                            src="assets/images/bawas.png" width="100%" height="auto"> </span></a></h2>
1801                        </div>
1802                    </div>
1803                </div>
1804            </div>
1805
1806            <div class="col-xl-2 col-lg-4  animated fadeInUp">
1807                <div class="features-style3__single">
1808                    <div class="">
1809                        <div class="features-style3__single-content">
1810                            <h2><a href="https://bsdk.mahkamahagung.go.id/id/"><span class=""><img
1811                                            src="assets/images/litbang.png" width="100%" height="auto"> </span></a></h2>
1812                        </div>
1813                    </div>
1814                </div>
1815            </div>
1816
1817            <div class="col-xl-2 col-lg-4 animated fadeInUp">
1818                <div class="features-style3__single">
1819                    <div class="">
1820                        <div class="">
1821                            <h2><a href="https://pt-banten.go.id/"><span class=""><img src="https://pt-banten.go.id/assets/images/ptbanten.jpeg"
1822                                            width="120%" height="auto"> </span></a></h2>
1823                        </div>
1824                    </div>
1825                </div>
1826            </div>
1827        </div>
1828    </div>
1829</section>
1830
1831
1832<script>
1833    var popupOverlay = document.getElementById('popup-overlay');
1834    var closeBtn = document.getElementById('close-btn');
1835
1836    if (popupOverlay) {
1837        if (closeBtn) {
1838            closeBtn.onclick = function () {
1839                popupOverlay.style.display = 'none';
1840            };
1841        }
1842        
1843        popupOverlay.onclick = function(event) {
1844            if (event.target === popupOverlay) {
1845                popupOverlay.style.display = 'none';
1846            }
1847        };
1848    }
1849</script>
vendor: 1 bytes, line 1849
1849
1850<script>
1851    document.addEventListener("DOMContentLoaded", function () {
1852
1853        window.addEventListener('load', function () {
1854            loadRSS('rss_berita_mari.php', '#rss_berita_mari');
1855            loadRSS('rss_berita_badilum.php', '#rss_berita_badilum');
1856            loadRSS('rss_pengumuman_mari.php', '#rss_pengumuman_mari');
1857            loadRSS('rss_pengumuman_badilum.php', '#rss_pengumuman_badilum');
1858        });
1859
1860        function loadRSS(url, target) {
1861            const container = document.querySelector(target);
1862            if (!container) return;
1863
1864
1865            container.innerHTML = `
1866      <div style="text-align:center; padding:20px;">
1867        <i class="fa fa-spinner fa-spin" style="font-size:22px; color:#a02b1a;"></i><br>
1868        <small>Memuat berita dari situs asal...</small>
1869      </div>`;
1870
1871
1872            fetch(url)
1873                .then(response => response.text())
1874                .then(html => {
1875                    container.innerHTML = html;
1876                })
1877                .catch(err => {
1878                    container.innerHTML = "<p style='color:#888; text-align:center;'>Gagal memuat RSS.</p>";
1879                    console.error("RSS Error:", err);
1880                });
1881        }
1882    });
1883</script>
1883<section id="hubungikami" style="padding-bottom: 0;">
1884    <div class="container-fluid" style="padding: 0;">
1885        <!-- Accent Orange Bar -->
1886        <div style="background-color: #f90; height: 24px; width: 100%;"></div>
1887        <footer class="footer-area" style="margin-bottom: 0; overflow: hidden;">
1888            <div class="footer-area__shape1">
1889                <img src="https://pt-banten.go.id//assets/images/resources/peta.png" alt="#">
1890            </div>
1891            <!--Start Footer-->
1892            <div class="footer"
1893                style="padding: 50px 0 20px; background: linear-gradient(135deg, rgba(60, 60, 65, 0.9) 0%, rgba(25, 25, 30, 0.95) 100%) !important;">
1894                <div class="auto-container">
1895                    <div class="row">
1896                        <!--Start single footer widget-->
1897                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 fadeInUp" data-wow-delay="0.1s">
1898                            <div class="single-footer-widget">
1899                                <div class="our-company-info">
1900                                    <div class="footer-identity"
1901                                        style="display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px;">
1902                                        <a href="https://pt-banten.go.id/" style="flex-shrink: 0;">
1903                                            <img src="https://pt-banten.go.id/assets/images/resources/logo-satker.png" alt="Logo Pengadilan Tinggi Banten"
1904                                                style="width: 62px; height: auto; border-radius: 0; background: transparent;">
1905                                        </a>
1906                                        <div class="footer-identity-text">
1907                                            <span
1908                                                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
1909                                                AGUNG REPUBLIK INDONESIA</span>
1910                                            <h4
1911                                                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;">
1912                                                Pengadilan Tinggi Banten                                            </h4>
1913                                            <span
1914                                                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;">
1915                                                Jalan Raya Serang - Pandeglang KM 6.6, Tembong, Kec Cipocok Jaya, Kota Serang, Banten 42126                                            </span>
1916                                        </div>
1917                                    </div>
1918                                    <ul class="our-company-info__social-link">
1919                                                                                    <li><a href="https://www.facebook.com/pt-banten"
1920                                                    target="_blank" rel="noopener noreferrer"><span
1921                                                        class="icon-facebook-app-symbol"></span></a></li>
1922                                                                                                                            <li><a href="https://www.instagram.com/pt_banten/"
1923                                                    target="_blank" rel="noopener noreferrer"><span
1924                                                        class="icon-instagram"></span></a></li>
1925                                                                                                                            <li><a href="https://www.youtube.com/@pengadilantinggibanten7931"
1926                                                    target="_blank" rel="noopener noreferrer"><span
1927                                                        class="fab fa-youtube"></span></a></li>
1928                                                                                                                                                                    <li><a href="https://www.tiktok.com/@pt_banten"
1929                                                    target="_blank" rel="noopener noreferrer"><span
1930                                                        class="fab fa-tiktok"></span></a></li>
1931                                                                            </ul>
1932                                </div>
1933                            </div>
1934                        </div>
1935                        <!--End single footer widget-->
1936
1937
1938                        <!--Start single footer widget-->
1939                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 fadeInUp" data-wow-delay="0.3s">
1940                            <div class="single-footer-widget single-footer-widget--explore">
1941                                <div class="title">
1942                                    <h3>Link Publik</h3>
1943                                </div>
1944                                <div class="footer-widget-links">
1945                                    <ul>
1946                                        <li><a href="https://ecourt.mahkamahagung.go.id/">e-Court</a></li>
1947                                        <li><a href="https://eberpadu.mahkamahagung.go.id/">e-Berpadu</a></li>
1948                                        <li><a href="https://putusan3.mahkamahagung.go.id/">Direktori Putusan</a></li>
1949                                        <li><a href="https://sipp-banding.mahkamahagung.go.id/">SIPP</a></li>
1950                                    </ul>
1951                                </div>
1952                            </div>
1953                        </div>
1954                        <!--End single footer widget-->
1955
1956                        <!--Start single footer widget-->
1957                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 fadeInUp" data-wow-delay="0.5s">
1958                            <div class="single-footer-widget single-footer-widget--links">
1959                                <div class="title">
1960                                    <h3>Info Cepat</h3>
1961                                </div>
1962                                <div class="footer-widget-links">
1963                                    <ul>
1964                                        <!-- <li><a
1965                                            href="https://pn-klaten.go.id/main/index.php/layanan-publik/panggilan-pemberitahuan-umum">Panggilan
1966                                            Umum</a></li> -->
1967                                        <li><a href="https://eraterang.badilum.mahkamahagung.go.id">Surat Keterangan
1968                                                Online</a></li>
1969                                        <li><a href="https://siwas.mahkamahagung.go.id/">Pengaduan (SIWAS)</a></li>
1970                                        <li><a href="https://dandapala.com/">Majalah Dandapala</a></li>
1971                                    </ul>
1972                                </div>
1973                            </div>
1974                        </div>
1975                        <!--End single footer widget-->
1976
1977                        <!--Start single footer widget-->
1978                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 fadeInUp" data-wow-delay="0.7s">
1979                            <div class="single-footer-widget footer-widget--contact">
1980                                <div class="title">
1981                                    <h3>Hubungi Kami</h3>
1982                                </div>
1983                                <div class="footer-widget--contact-info">
1984                                    <div class="footer-widget--contact-info-text">
1985                                        <!--<p>Anda juga bisa menghubungi PTSP kemari secara daring</p>-->
1986                                    </div>
1987                                    <ul>
1988                                        <li>
1989                                            <div class="icon" style="color:#fff !important">
1990                                                <span class="icon-pin"></span>
1991                                            </div>
1992                                            <div class="text">
1993                                                <p>Jalan Raya Serang - Pandeglang KM 6.6, Tembong, Kec Cipocok Jaya, Kota Serang, Banten 42126                                                </p>
1994                                            </div>
1995                                        </li>
1996
1997                                        <li>
1998                                            <div class="icon">
1999                                                <span class="icon-mail-1"></span>
2000                                            </div>
2001                                            <div class="text">
2002                                                <p><a
2003                                                        href="mailto:[email protected]">[email protected]</a>
2004                                                </p>
2005                                            </div>
2006                                        </li>
2007
2008                                        <li>
2009                                            <div class="icon">
2010                                                <span class="icon-telephone"></span>
2011                                            </div>
2012                                            <div class="text">
2013                                                <p><a
2014                                                        href="tel:02542500026285117737679">Telp. (0254) 250002, WA. +62 851-1773-7679</a>
2015                                                </p>
2016                                            </div>
2017                                        </li>
2018                                    </ul>
2019                                </div>
2020                            </div>
2021                        </div>
2022                        <!--End single footer widget-->
2023                    </div>
2024
2025                </div> <!-- End of .auto-container -->
2026
2027                <!-- Footer Bottom inside .footer so it shares background padding logic -->
2028                <div class="footer-bottom"
2029                    style="padding: 15px 0 10px; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);">
2030                    <div class="auto-container">
2031                        <div class="bottom-inner text-center" style="padding: 0;">
2032                            <div class="copyright">
2033                                <p style="margin-bottom: 0;">Copyright 2025 by <a href="#">Pengadilan Tinggi Banten</a> All
2034                                    Right Reserved.</p>
2035                            </div>
2036                        </div>
2037                    </div>
2038                </div>
2039            </div>
2040            <!--End Footer-->
2041
2042        </footer>
2043    </div>
2044    </div>
2045    <div class="mobile-nav__wrapper">
2046        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
2047        <div class="mobile-nav__content">
2048            <span class="mobile-nav__close mobile-nav__toggler">
2049                <i class="icon-plus"></i>
2050            </span>
2051            <div class="logo-box">
2052                <a href="https://pt-banten.go.id/" aria-label="logo image">
2053                    <img src="https://pt-banten.go.id/assets/images/resources/logo-satker.png" alt="Logo Pengadilan Tinggi Banten">
2054                </a>
2055            </div>
2056            <div class="mobile-nav__container"></div>
2057            <ul class="mobile-nav__contact list-unstyled">
2058                <li>
2059                    <i class="fa fa-envelope"></i>
2060                    <a
2061                        href="mailto:[email protected]">[email protected]</a>
2062                </li>
2063                <li>
2064                    <i class="fa fa-phone-alt"></i>
2065                    <a href="tel:02542500026285117737679">Telp. (0254) 250002, WA. +62 851-1773-7679                    </a>
2066                </li>
2067            </ul>
2068            <div class="mobile-nav__social">
2069                                    <a href="https://www.facebook.com/pt-banten" class="fab fa-facebook-square"
2070                        target="_blank" rel="noopener noreferrer"></a>
2071                                                    <a href="https://www.instagram.com/pt_banten/" class="fab fa-instagram"
2072                        target="_blank" rel="noopener noreferrer"></a>
2073                                                    <a href="https://www.youtube.com/@pengadilantinggibanten7931" class="fab fa-youtube" target="_blank"
2074                        rel="noopener noreferrer"></a>
2075                                                                    <a href="https://www.tiktok.com/@pt_banten" class="fab fa-tiktok" target="_blank"
2076                        rel="noopener noreferrer"></a>
2077                            </div>
2078
2079        </div>
2080    </div>
2081</section>
2082<div class="search-popup">
2083    <div class="search-popup__overlay search-toggler"></div>
2084    <div class="search-popup__content">
2085        <form action="https://pt-banten.go.id/search.php">
2086            <label for="search" class="sr-only">search here</label>
2087            <input type="text" id="search" placeholder="Cari.." name="q" autofocus>
2088            <button type="submit" aria-label="search submit" class="thm-btn">
2089                <i class="icon-search-1"></i>
2090            </button>
2091        </form>
2092    </div>
2093</div>
2094
2095<div id="zoomModal" class="zoom-modal">
2096    <span class="zoom-close" onclick="closeZoom()">&times;</span>
2097    <img id="zoomedImg" src="">
2098</div>
2099
2100<a href="#" data-target="html" class="scroll-to-target scroll-to-top">
2101    <i class="icon-down-arrow"></i>
2102</a>
2103<style>
2104    div.static {
2105        position: fixed;
2106        bottom: 140px;
2107        right: -120px;
2108        width: 300px;
2109        height: 160px;
2110        z-index: 9999;
2111    }
2112
2113    div.static img {
2114        right: 20px;
2115    }
2116
2117    div.static2 {
2118        position: fixed;
2119        bottom: 100px;
2120        right: -30px;
2121        width: 300px;
2122        height: 160px;
2123    }
2124
2125    #close {
2126        float: right;
2127        display: inline-block;
2128        padding: 2px 5px;
2129        background: #ccc;
2130        margin-right: 130px;
2131        bottom: 270px;
2132    }
2133
2134    #close:hover {
2135        float: right;
2136        display: inline-block;
2137        padding: 2px 5px;
2138        background: #ccc;
2139        color: #fff;
2140    }
2141
2142    @media only screen and (max-width: 768px) {
2143        div.static {
2144            position: fixed;
2145            bottom: 10px;
2146            right: 0;
2147            width: 250px;
2148            height: 130px;
2149        }
2150
2151        div.static2 {
2152            position: fixed;
2153            bottom: 50px;
2154            left: 0;
2155            width: 250;
2156            height: 90px;
2157        }
2158    }
2159</style>
2160
2161<script>
2162    function closeicon() {
2163        document.getElementById("static").remove();
2164    }
2165</script>
vendor: 1 bytes, line 2165
2165
2166<script>
2167    document.addEventListener('DOMContentLoaded', function () {
2168        var rv = document.createElement('script');
2169        rv.src = "https://code.responsivevoice.org/responsivevoice.js?key=F26tmbI0";
2170        rv.async = true;
2171        document.body.appendChild(rv);
2172    });
2173</script>
2173
2174
2175<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>
2175
2176<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website
2177        accessibility</a></noscript>
2178<script async src='https://d2mpatx37cqexb.cloudfront.net/delightchat-whatsapp-widget/embeds/embed.min.js'></script>
vendor: 1 bytes, line 2178
2178
2179<script>
2180    window.addEventListener('load', () => {
2181        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" };
2182        _waEmbed(wa_btnSetting1);
2183
2184
2185    });
2186</script>
2186
2187
2188
2189<script src="https://pt-banten.go.id//assets/vendors/jquery/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 2189
2189
2190<script src="https://pt-banten.go.id//assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 2190
2190
2191<script src="https://pt-banten.go.id//assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
vendor: 1 bytes, line 2191
2191
2192<script src="https://pt-banten.go.id//assets/vendors/bxslider/jquery.bxslider.min.js"></script>
vendor: 1 bytes, line 2192
2192
2193<script src="https://pt-banten.go.id//assets/vendors/circleType/jquery.circleType.js"></script>
vendor: 1 bytes, line 2193
2193
2194<script src="https://pt-banten.go.id//assets/vendors/circleType/jquery.lettering.min.js"></script>
vendor: 1 bytes, line 2194
2194
2195<script src="https://pt-banten.go.id//assets/vendors/isotope/isotope.js"></script>
vendor: 1 bytes, line 2195
2195
2196<script src="https://pt-banten.go.id//assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
vendor: 1 bytes, line 2196
2196
2197<script src="https://pt-banten.go.id//assets/vendors/jquery-appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 2197
2197
2198<script src="https://pt-banten.go.id//assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 2198
2198
2199<script src="https://pt-banten.go.id//assets/vendors/jquery-migrate/jquery-migrate.min.js"></script>
vendor: 1 bytes, line 2199
2199
2200<script src="https://pt-banten.go.id//assets/vendors/jquery-ui/jquery-ui.js"></script>
vendor: 1 bytes, line 2200
2200
2201<script src="https://pt-banten.go.id//assets/vendors/jquery-validate/jquery.validate.min.js"></script>
vendor: 1 bytes, line 2201
2201
2202<script src="https://pt-banten.go.id//assets/vendors/nice-select/jquery.nice-select.min.js"></script>
vendor: 1 bytes, line 2202
2202
2203<script src="https://pt-banten.go.id//assets/vendors/nouislider/nouislider.min.js"></script>
vendor: 1 bytes, line 2203
2203
2204<script src="https://pt-banten.go.id//assets/vendors/odometer/odometer.min.js"></script>
vendor: 1 bytes, line 2204
2204
2205<script src="https://pt-banten.go.id//assets/vendors/owl-carousel/owl.carousel.min.js"></script>
vendor: 1 bytes, line 2205
2205
2206<script src="https://pt-banten.go.id//assets/vendors/parallax/parallax.min.js"></script>
vendor: 1 bytes, line 2206
2206
2207<script src="https://pt-banten.go.id//assets/vendors/swiper/swiper.min.js"></script>
vendor: 1 bytes, line 2207
2207
2208<script src="https://pt-banten.go.id//assets/vendors/timepicker/timePicker.js"></script>
vendor: 1 bytes, line 2208
2208
2209<script src="https://pt-banten.go.id//assets/vendors/tiny-slider/tiny-slider.min.js"></script>
vendor: 1 bytes, line 2209
2209
2210<script src="https://pt-banten.go.id//assets/vendors/typed-2.0.11/typed-2.0.11.js"></script>
vendor: 1 bytes, line 2210
2210
2211<script src="https://pt-banten.go.id//assets/vendors/vegas/vegas.min.js"></script>
vendor: 1 bytes, line 2211
2211
2212<script src="https://pt-banten.go.id//assets/vendors/wnumb/wNumb.min.js"></script>
vendor: 1 bytes, line 2212
2212
2213<script src="https://pt-banten.go.id//assets/vendors/wow/wow.js"></script>
vendor: 1 bytes, line 2213
2213
2214<script src="https://pt-banten.go.id//assets/vendors/jarallax/jarallax.min.js"></script>
2214
2215
2216<!-- Template js -->
2217<script src="https://pt-banten.go.id//assets/js/custom.js"></script>
vendor: 1 bytes, line 2217
2217
2218<script>
2219    const slider = document.querySelector('.myCardSlider .card-slider-wrapper');
2220    const slides = document.querySelectorAll('.myCardSlider .card-slide');
2221    const prevBtn = document.querySelector('.myCardSlider .card-button-prev');
2222    const nextBtn = document.querySelector('.myCardSlider .card-button-next');
2223
2224    if (slider && slides.length > 0 && prevBtn && nextBtn) {
2225        let index = 0;
2226        const total = slides.length;
2227        const perView = 4;
2228
2229        function updateSlider() {
2230            const slideWidth = slides[0].clientWidth;
2231            slider.style.transform = `translateX(${-index * slideWidth}px)`;
2232        }
2233
2234        function nextSlide() {
2235            if (index < total - perView) {
2236                index++;
2237            } else {
2238                index = 0;
2239            }
2240            updateSlider();
2241        }
2242
2243        function prevSlide() {
2244            if (index > 0) {
2245                index--;
2246            } else {
2247                index = total - perView;
2248            }
2249            updateSlider();
2250        }
2251
2252        nextBtn.addEventListener('click', nextSlide);
2253        prevBtn.addEventListener('click', prevSlide);
2254
2255        setInterval(nextSlide, 3000);
2256    }
2257</script>
2257
2258
2259<script>
2260    const modal = document.getElementById("zoomModal");
2261    const modalImg = document.getElementById("zoomedImg");
2262
2263    document.querySelectorAll("img.zoom").forEach(img => {
2264        img.style.cursor = "pointer";
2265        img.addEventListener("click", function () {
2266            modal.style.display = "flex";
2267            modalImg.src = this.src;
2268            modalImg.style.animation = "zoomIn 0.3s ease";
2269        });
2270    });
2271
2272    function closeZoom() {
2273        modal.style.display = "none";
2274    }
2275
2276    modal.addEventListener("click", function (e) {
2277        if (e.target === modal) {
2278            closeZoom();
2279        }
2280    });
2281</script>
vendor: 1 bytes, line 2281
2281
2282<script>
2283    document.getElementById('lang-id').addEventListener('click', function (e) {
2284        e.preventDefault();
2285        setLanguage('id');
2286    });
2287
2288    document.getElementById('lang-en').addEventListener('click', function (e) {
2289        e.preventDefault();
2290        setLanguage('en');
2291    });
2292
2293    function setLanguage(lang) {
2294        var select = document.querySelector('.goog-te-combo');
2295        if (select) {
2296            select.value = lang;
2297            select.dispatchEvent(new Event('change'));
2298        }
2299    }
2300</script>
vendor: 1 bytes, line 2300
2300
2301<script>
2302    document.addEventListener("DOMContentLoaded", function () {
2303        function repositionImageBox() {
2304            const imgBox = document.querySelector('.img-box');
2305            const contentBox = document.querySelector('.main-slider-three__content');
2306            const parent = contentBox?.parentNode;
2307
2308            if (window.innerWidth <= 768 && imgBox && contentBox && parent) {
2309                if (!document.querySelector('.img-box.mobile-moved')) {
2310                    parent.appendChild(imgBox);
2311                    imgBox.classList.add('mobile-moved');
2312                }
2313            } else if (window.innerWidth > 768 && imgBox && parent && contentBox) {
2314                const imgWrapper = document.querySelector('.main-slider-three__img .inner');
2315                if (imgWrapper && !imgWrapper.contains(imgBox)) {
2316                    imgWrapper.appendChild(imgBox);
2317                    imgBox.classList.remove('mobile-moved');
2318                }
2319            }
2320        }
2321
2322        repositionImageBox();
2323        window.addEventListener('resize', repositionImageBox);
2324    });
2325</script>
2325
2326
2327
2328</body>
2329
2330</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.