<!DOCTYPE html>
<html lang="en-gb" dir="ltr">
	
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Direktorat Jenderal Badan Peradilan Agama</title>
		
		<!-- Bootstrap CSS -->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" xintegrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
		
		<!-- Bootstrap Icons -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
		
		<!-- Google Fonts: Montserrat & Inter -->
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
		
		<style>
			
		</style>
		<meta charset="utf-8">
	<meta name="generator" content="Joomla! - Open Source Content Management">
	<title>Direktorat Jenderal Badan Peradilan Agama MA RI - Beranda</title>
	<link href="https://badilag.mahkamahagung.go.id/component/finder/search?format=opensearch" rel="search" title="OpenSearch Direktorat Jenderal Badan Peradilan Agama MA RI" type="application/opensearchdescription+xml">
<link href="/media/vendor/awesomplete/css/awesomplete.css?1.1.7" rel="stylesheet">
	<link href="/media/mod_articles/css/mod-articles.min.css?d9908f" rel="stylesheet">
	<link href="/templates/badilag_j5/css/style.css" rel="stylesheet">
	<link href="/modules/mod_djmegamenu/themes/clean/css/djmegamenu.css?4.4.1.free" rel="stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.min.css" rel="stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/v4-shims.min.css" rel="stylesheet">
	<style>.dj-hideitem { display: none !important; }
</style>
<script src="/templates/badilag_j5/js/custom.js?d9908f" defer></script>
	<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"MOD_FINDER_SEARCH_VALUE":"Search &hellip;","COM_FINDER_SEARCH_FORM_LIST_LABEL":"Search Results","JLIB_JS_AJAX_ERROR_OTHER":"An error has occurred while fetching the JSON data: HTTP %s status code.","JLIB_JS_AJAX_ERROR_PARSE":"A parse error has occurred while processing the following JSON data:<br><code style=\"color:inherit;white-space:pre-wrap;padding:0;margin:0;border:0;background:inherit;\">%s<\/code>"},"finder-search":{"url":"\/component\/finder?task=suggestions.suggest&format=json&tmpl=component"},"system.paths":{"root":"","rootFull":"https:\/\/badilag.mahkamahagung.go.id\/","base":"","baseFull":"https:\/\/badilag.mahkamahagung.go.id\/"},"csrf.token":"8a8892c9de51f6c36b75c8a41e74ff40"}</script>
	<script src="/media/system/js/core.min.js?a3d8f8"></script>
	<script src="/media/vendor/awesomplete/js/awesomplete.min.js?1.1.7" defer></script>
	<script src="/media/com_finder/js/finder.min.js?755761" type="module"></script>
	<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
	<script src="/media/legacy/js/jquery-noconflict.min.js?504da4"></script>
	<script src="/modules/mod_djmegamenu/assets/js/jquery.djmegamenu.min.js?4.4.1.free" defer></script>
	<link rel="stylesheet preload" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.min.css" as="style">
	<link rel="stylesheet preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" as="style">
	<link rel="stylesheet preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/v4-shims.min.css" as="style">

                    <link rel="icon" type="image/x-icon" href="/templates/badilag_j5/images/icon/favicon.ico">
        <link rel="shortcut icon" href="/templates/badilag_j5/images/icon/favicon.ico">
        </head>
	
	<body class="bg-light text-dark">
		
		<!-- Header & Navigation -->
		<header class="sticky-top shadow-sm bg-white">
			<!-- Top Bar -->
			<div class="bg-primary-green text-white" style="font-size: 0.875rem;">
				<div class="container-lg d-flex justify-content-between align-items-center" style="height: 2.5rem;">
					<div class="d-flex align-items-center gap-4">
						
<div id="mod-custom113" class="mod-custom custom">
    <div class="d-flex align-items-center gap-4"><a href="tel:02129079214" class="d-flex align-items-center gap-2 text-decoration-none"> <i class="bi bi-telephone"></i> <span>(021) 29079214</span> </a> <a href="mailto:ditjen.badilag@mahkamahagung.go.id" class="d-none d-md-flex align-items-center gap-2 text-decoration-none"> <i class="bi bi-envelope"></i> <span>info@badilag.net</span> </a></div></div>

					</div>
					<div class="d-flex align-items-center gap-3">
						
<div id="mod-custom111" class="mod-custom custom">
    <a href="https://www.facebook.com/profile.php?id=61557360640448" class="text-white hover-accent-gold" aria-label="Facebook"><i class="bi bi-facebook"></i></a> <a href="https://www.instagram.com/ditjenbadilagmari" class="text-white hover-accent-gold" aria-label="Instagram"><i class="bi bi-instagram"></i></a> <a href="https://www.youtube.com/@BadilagTV" class="text-white hover-accent-gold" aria-label="YouTube"><i class="bi bi-youtube"></i></a></div>

					</div>
				</div>
			</div>
			
			<!-- Main Navigation -->
			<nav class="navbar navbar-expand-lg bg-white">
				<div class="container-lg">
					<!-- Logo and Title -->
					<a class="navbar-brand d-flex align-items-center gap-3" href="/">
						
<div id="mod-custom110" class="mod-custom custom">
    <a href="/" class="navbar-brand d-flex align-items-center gap-3" data-mce-block="true"> <img src="https://app.badilag.net/assets/images/logo_ma.png" alt="Logo Badilag" class="object-fit-contain" style="height: 3rem;" />
<div>
<div class="d-none d-lg-block">
<p class="logo-line-1">MAHKAMAH AGUNG REPUBLIK INDONESIA</p>
<p class="logo-line-2">DIREKTORAT JENDERAL BADAN PERADILAN AGAMA</p>
</div>
<div class="d-block d-lg-none">
<p class="logo-mobile-1">Mahkamah Agung RI</p>
<p class="logo-mobile-2">DITJEN BADILAG</p>
</div>
</div>
</a></div>

					</a>
					
					<!-- Mobile Toggler -->
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
						<i class="bi bi-list fs-1 text-primary-green"></i>
					</button>
					
					<!-- Desktop Navigation -->
					<div class="collapse navbar-collapse justify-content-end" id="mainNavbar">
						
						<div class="dj-megamenu-wrapper" data-joomla4 data-tmpl="badilag_j5">
		<ul id="dj-megamenu115" class="dj-megamenu dj-megamenu-clean dj-megamenu-wcag horizontalMenu  dj-fa-5" data-options='{"wrap":null,"animIn":"fadeInUp","animOut":"zoomOut","animSpeed":"normal","openDelay":0,"closeDelay":"500","event":"mouseenter","eventClose":"mouseleave","parentOpen":"0","fixed":0,"offset":"0","theme":"clean","direction":"ltr","wcag":"1","overlay":"0"}' data-trigger="979" role="menubar" aria-label="DJ-MegaMenu">
		<li class="dj-up itemid101 first current active" role="none"><a class="dj-up_a active " href="/"  role="menuitem"><span ><img class="dj-icon" src="/images/sampledata/home-icon2.png" alt=""   aria-hidden="true" /><span class="image-title"><span class="name">Beranda</span></span></span></a></li><li class="dj-up itemid170 parent separator" role="none"><a class="dj-up_a  "  aria-haspopup="true" aria-expanded="false"   tabindex="0"  role="menuitem"><span class="dj-drop" ><img class="dj-icon" src="/images/sampledata/user1.png" alt=""   aria-hidden="true" /><span class="image-title"><span class="name">Profil</span></span><span class="arrow" aria-hidden="true"></span></span></a><div class="dj-subwrap  single_column subcols1" style=""><div class="dj-subwrap-in" style="width:200px;"><div class="dj-subcol" style="width:200px"><ul class="dj-submenu" role="menu" aria-label="Profil"><li class="itemid173 first" role="none"><a href="/profil/sejarah"  role="menuitem"><span class="title"><span class="name">Sejarah </span></span></a></li><li class="itemid174" role="none"><a href="/profil/visi-dan-misi"  role="menuitem"><span class="title"><span class="name">Visi dan Misi</span></span></a></li><li class="itemid175" role="none"><a href="/profil/tugas-dan-fungsi"  role="menuitem"><span class="title"><span class="name">Tugas dan Fungsi</span></span></a></li><li class="itemid181" role="none"><a href="/profil/struktur-organisasi"  role="menuitem"><span class="title"><span class="name">Struktur Organisasi</span></span></a></li><li class="itemid187" role="none"><a href="/profil/profil-pejabat"  role="menuitem"><span class="title"><span class="name">Profil Pejabat</span></span></a></li><li class="itemid510 separator" role="none"><a   tabindex="0"  role="menuitem"><span class="title"><span class="name">Nilai Nilai Organisasi</span></span></a></li></ul></div></div></div></li><li class="dj-up itemid203 parent separator" role="none"><a class="dj-up_a  "  aria-haspopup="true" aria-expanded="false"   tabindex="0"  role="menuitem"><span class="dj-drop" ><img class="dj-icon" src="/images/sampledata/berita1.png" alt=""   aria-hidden="true" /><span class="image-title"><span class="name">Informasi Publik</span></span><span class="arrow" aria-hidden="true"></span></span></a><div class="dj-subwrap  single_column subcols1" style=""><div class="dj-subwrap-in" style="width:200px;"><div class="dj-subcol" style="width:200px"><ul class="dj-submenu" role="menu" aria-label="Informasi Publik"><li class="itemid506 first" role="none"><a href="/program-kerja/akuntabilitas-kinerja"  role="menuitem"><span class="title"><span class="name">Akuntabilitas Kinerja</span></span></a></li><li class="itemid488" role="none"><a href="/program-kerja/survey-kepuasan-masyarkat-skm"  role="menuitem"><span class="title"><span class="name">Survey Kepuasan Masyarakat (SKM)</span></span></a></li><li class="itemid508" role="none"><a href="/program-kerja/standar-pelayanan"  role="menuitem"><span class="title"><span class="name">Standar Pelayanan</span></span></a></li></ul></div></div></div></li><li class="dj-up itemid227 parent separator" role="none"><a class="dj-up_a  "  aria-haspopup="true" aria-expanded="false"   tabindex="0"  role="menuitem"><span class="dj-drop" ><img class="dj-icon" src="/images/sampledata/publikasi.png" alt=""   aria-hidden="true" /><span class="image-title"><span class="name">Publikasi</span></span><span class="arrow" aria-hidden="true"></span></span></a><div class="dj-subwrap  single_column subcols1" style=""><div class="dj-subwrap-in" style="width:200px;"><div class="dj-subcol" style="width:200px"><ul class="dj-submenu" role="menu" aria-label="Publikasi"><li class="itemid257 first alias" role="none"><a href="/pengumuman-elektronik"  role="menuitem"><span class="title"><span class="name">Pengumuman</span></span></a></li><li class="itemid232 alias" role="none"><a href="/seputar-ditjen-badilag"  role="menuitem"><span class="title"><span class="name">Seputar Ditjen Badilag</span></span></a></li><li class="itemid235 alias" role="none"><a href="/seputar-peradilan-agama"  role="menuitem"><span class="title"><span class="name">Berita Peradilan Agama</span></span></a></li><li class="itemid236" role="none"><a href="/publikasi/majalah"  role="menuitem"><span class="title"><span class="name">Majalah</span></span></a></li><li class="itemid237 separator" role="none"><a   tabindex="0"  role="menuitem"><span class="title"><span class="name">Statistik Perkara</span></span></a></li><li class="itemid189" role="none"><a href="/publikasi/tinta-peradilan"  role="menuitem"><span class="title"><span class="name">Tinta Peradilan</span></span></a></li></ul></div></div></div></li><li class="dj-up itemid357 parent separator" role="none"><a class="dj-up_a  "  aria-haspopup="true" aria-expanded="false"   tabindex="0"  role="menuitem"><span class="dj-drop" ><img class="dj-icon" src="/images/sampledata/book.png" alt=""   aria-hidden="true" /><span class="image-title"><span class="name">Peraturan</span></span><span class="arrow" aria-hidden="true"></span></span></a><div class="dj-subwrap  single_column subcols1" style=""><div class="dj-subwrap-in" style="width:200px;"><div class="dj-subcol" style="width:200px"><ul class="dj-submenu" role="menu" aria-label="Peraturan"><li class="itemid512 first" role="none"><a href="https://jdih.mahkamahagung.go.id/" target="_blank"  role="menuitem"><span class="title"><span class="name">JDIH</span></span></a></li></ul></div></div></div></li></ul>
	</div>

						
						<ul class="navbar-nav mb-2 mb-lg-0 align-items-lg-center">
							<li class="nav-item">
								<a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#searchModal" aria-label="Search">
									<i class="bi bi-search fs-5"></i>
								</a>
							</li>
						</ul>
						
					</div>
				</div>
			</nav>
		</header>
		
		<!-- Main Content -->
		<main id="main-content">
			
			
<div id="mod-custom114" class="mod-custom custom">
    <style>
    /* 1. Menghilangkan overlay bawaan tema khusus pada slide dengan class 'no-overlay' */
    #hero-carousel .carousel-item.no-overlay::before,
    #hero-carousel .carousel-item.no-overlay::after {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    /* 2. OVERLAY HITAM MANUAL (Digunakan pada Slide 1 dan Slide 3) */
    #hero-carousel .carousel-item.overlay-hitam::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: rgba(0, 0, 0, 0.6) !important; /* Warna hitam transparan 60% */
        z-index: 1;
    }
    #hero-carousel .carousel-item.overlay-hitam::after {
        background: transparent !important; /* Mencegah overlay ganda dari tema bawaan */
    }
    #hero-carousel .carousel-item.overlay-hitam .container-lg {
        position: relative;
        z-index: 2; /* Memastikan isi slide berada di atas overlay */
    }

    /* 3. Menambahkan bayangan hitam pada teks putih agar kontras */
    #hero-carousel .hero-content .text-white,
    #hero-carousel .hero-content p,
    #hero-carousel .hero-content h1 {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    }
</style>
<section id="hero-carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators"><button type="button" class="active" data-bs-target="#hero-carousel" data-bs-slide-to="0" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#hero-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#hero-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#hero-carousel" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#hero-carousel" data-bs-slide-to="4" aria-label="Slide 5"></button></div>
<div class="carousel-inner">
<div class="carousel-item active overlay-hitam" style="background-image: url('/images/banners/Banner_Anti_Penyuapan_9.png'); background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #f8f9fa;">
<div class="container-lg h-100"></div>
</div>
<div class="carousel-item" style="background-image: url('/images/banners/SMAP_Ditjen_Badilag.jpg'); background-size: cover; background-position: center;">
<div class="container-lg h-100 d-flex flex-column justify-content-center text-white hero-content">
<h1 class="font-display display-4 fw-bold">Sistem Manajemen Anti Penyuapan</h1>
<p class="font-display display-4 fw-bold text-accent-gold mt-0">SMAP</p>
<p class="mt-4 fs-5" style="max-width: 40rem;">Penandatanganan Komitmen Bersama Kebijakan Anti Penyuapan di Lingkungan Ditjen Badilag</p>
<p class="mt-1"><a href="https://youtube.com/shorts/e-MOnE6uHIY?feature=share" target="_blank" rel="noopener" class="text-accent-gold fw-bold" style="text-decoration: underline; font-size: 1.1rem;">Lihat Video</a></p>
<p>&nbsp;</p>
</div>
</div>
<div class="carousel-item overlay-hitam" style="background-image: url('/images/banners/Program%20Prioritas%20Ditjen%20Badilag%202026_web.png'); background-size: contain; background-repeat: no-repeat; background-position: center;">
<div class="container-lg h-100 d-flex flex-column justify-content-center text-white hero-content">
<h1 class="font-display display-4 fw-bold mb-0" style="margin-top: -100px;">Program Prioritas 2026</h1>
<p class="font-display display-4 fw-bold text-accent-gold mt-0">Ditjen Badilag</p>
<p class="mt-4 fs-5" style="max-width: 40rem;">Memberikan pelayanan prima kepada masyarakat pencari keadilan secara cepat, efisien, transparan, dan akuntabel.</p>
<p class="mt-1"><a href="/pengumuman-elektronik/himbauan-pemasangan-dan-sosialisasi-banner-program-prioritas-ditjen-badilag-tahun-2026" target="_blank" rel="noopener" class="text-accent-gold fw-bold" style="text-decoration: underline; font-size: 1.1rem;">Selengkapnya...</a></p>
<p>&nbsp;</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('/images/foto-berita/2025/Berita_Ditjen/ged_Sek_Image1_xkf0lvxkf0lvxkf0.jpg');">
<div class="container-lg h-100 d-flex flex-column justify-content-center text-white hero-content">
<h1 class="font-display display-4 fw-bold">Mewujudkan Peradilan Agama</h1>
<p class="font-display display-4 fw-bold text-accent-gold mt-2">yang Agung</p>
<p class="mt-4 fs-5" style="max-width: 40rem;">Melayani dengan profesionalitas dan integritas untuk keadilan bagi seluruh masyarakat Indonesia. Tujuannya adalah memastikan setiap masyarakat Indonesia memperoleh <strong>keadilan</strong> secara optimal.</p>
<p>&nbsp;</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('/images/foto-berita/2025/Berita_Ditjen/dirjen_papusatjpg.jpg');">
<div class="container-lg h-100 d-flex flex-column justify-content-center text-white hero-content">
<h1 class="font-display display-4 fw-bold">Transformasi Digital</h1>
<p class="font-display display-4 fw-bold text-accent-gold mt-2" style="text-align: justify;">Layanan Peradilan</p>
<p class="mt-4 fs-5" style="max-width: 40rem; text-align: justify;">Memanfaatkan teknologi untuk memberikan pelayanan yang cepat, mudah, dan transparan. Sebuah terobosan layanan hukum berbasis teknologi yang modern.</p>
<p>&nbsp;</p>
</div>
</div>
</div>
<button type="button" class="carousel-control-prev" data-bs-target="#hero-carousel" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button type="button" class="carousel-control-next" data-bs-target="#hero-carousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button></section></div>

			
			
<div id="mod-custom117" class="mod-custom custom">
    <section class="py-5" style="background-color: #ffffff;"><!-- Memberi latar putih terpisah dari body -->
<div class="container">
<div class="row g-4 row-cols-1 row-cols-md-3 row-cols-lg-5"><!-- 1. Direktori Putusan -->
<div class="col"><a href="https://putusan3.mahkamahagung.go.id/" class="d-flex align-items-start gap-3 text-decoration-none service-link">
<div class="service-icon flex-shrink-0"><i class="bi bi-book icon"></i></div>
<div class="service-text">
<h3 class="service-title">Direktori Putusan</h3>
<p class="service-desc">Arsip putusan Mahkamah Agung dan pengadilan di bawahnya.</p>
</div>
</a></div>
<!-- 2. Pusat Data Perkara -->
<div class="col"><a href="https://pusatdata.badilag.net/perkara/" target="_blank" rel="noopener" class="d-flex align-items-start gap-3 text-decoration-none service-link">
<div class="service-icon flex-shrink-0"><i class="bi bi-archive"></i></div>
<div class="service-text">
<h3 class="service-title">Pusat Data Perkara</h3>
<p class="service-desc">Informasi statistik dan data perkara peradilan agama.</p>
</div>
</a></div>
<!-- 3. E-Court -->
<div class="col"><a href="https://ecourt.mahkamahagung.go.id/" class="d-flex align-items-start gap-3 text-decoration-none service-link">
<div class="service-icon flex-shrink-0"><i class="bi bi-laptop"></i></div>
<div class="service-text">
<h3 class="service-title">E-Court</h3>
<p class="service-desc">Pendaftaran perkara, pembayaran, dan persidangan online.</p>
</div>
</a></div>
<!-- 4. E-AC -->
<div class="col"><a href="https://eac.mahkamahagung.go.id/" class="d-flex align-items-start gap-3 text-decoration-none service-link">
<div class="service-icon flex-shrink-0"><i class="bi bi-shield-check"></i></div>
<div class="service-text">
<h3 class="service-title">E-AC</h3>
<p class="service-desc">Layanan Akta Cerai / Salinan Putusan / Salinan Penetapan secara elektronik.</p>
</div>
</a></div>
<!-- 5. Majalah Peradilan -->
<div class="col"><a href="/majalah-peradilan-agama" target="_self" class="d-flex align-items-start gap-3 text-decoration-none service-link">
<div class="service-icon flex-shrink-0"><i class="bi bi-journal-richtext"></i></div>
<div class="service-text">
<h3 class="service-title">Majalah Peradilan</h3>
<p class="service-desc">Kumpulan majalah dan buletin resmi peradilan agama.</p>
</div>
</a></div>
</div>
<!-- /row --></div>
<!-- /container --></section></div>

			            <section class="py-5">
                <div class="container-lg">
                    <div class="row g-5">
                        <div class="col-lg-6">
                            <h3 class="font-display fw-bold h3 text-primary-green mb-4 border-bottom border-2 border-accent-gold pb-2">Pengumuman</h3>
                            <ul class="mod-articlescategory category-module mod-list">
                    <li>
                                    <a href="/pengumuman-elektronik/sosialisasi-surat-keputusan-penyesuaian-besaran-dan-mekanisme-pembayaran-iuran-ikahi-dan-bpdsh" class="mod-articles-category-title ">Sosialisasi Surat Keputusan Penyesuaian Besaran dan Mekanisme Pembayaran Iuran IKAHI dan BPDSH</a>    
    
    
    
            <span class="mod-articles-category-date"> 18 May 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/penyampaian-pengumuman-peserta-yang-memenuhi-syarat-sebagai-penerima-beasiswa-s3-swupl-tahun-2026" class="mod-articles-category-title ">Penyampaian Pengumuman Peserta yang Memenuhi Syarat sebagai Penerima Beasiswa S3 SWUPL Tahun 2026 </a>    
    
    
    
            <span class="mod-articles-category-date"> 07 May 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/hasil-rapat-pimpinan-mahkamah-agung-ri-7-5" class="mod-articles-category-title ">Hasil Rapat Pimpinan Mahkamah Agung RI | (7/5)</a>    
    
    
    
            <span class="mod-articles-category-date"> 07 May 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/penyesuaian-inpassing-jabatan-hakim-yang-mengalami-peningkatan-kelas-pengadilan-tahun-2026-7-5" class="mod-articles-category-title ">Penyesuaian/Inpassing Jabatan Hakim yang Mengalami Peningkatan Kelas Pengadilan Tahun 2026 | (7/5)</a>    
    
    
    
            <span class="mod-articles-category-date"> 07 May 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/pemberitahuan-kendala-teknis-aplikasi-vision-6-5" class="mod-articles-category-title ">Pemberitahuan Kendala Teknis Aplikasi Vision | (6/5)</a>    
    
    
    
            <span class="mod-articles-category-date"> 06 May 2026</span>
    
    
    
    </li>
    </ul>

							<div class="text-end pt-3">
							<a href="/pengumuman-elektronik" class="btn btn-link text-decoration-none text-primary-green fw-bold">
								Pengumuman Lainnya <i class="bi bi-arrow-right"></i>
							</a>
						</div>
						</div>
						
                        <div class="col-lg-6">
                            <h3 class="font-display fw-bold h3 text-primary-green mb-4 border-bottom border-2 border-accent-gold pb-2">Tinta Peradilan</h3>
                            <ul class="mod-articlescategory category-module mod-list">
                    <li>
                                    <a href="/artikel/dekontruksi-kesetiaan-perkawinan-di-era-media-sosial-telaah-hukum-acara-dan-etika-digital-oleh-ajeng-juniwanti-s-h-bahrul-ilmi-s-h-20-5" class="mod-articles-category-title ">Dekontruksi Kesetiaan Perkawinan Di Era Media Sosial: Telaah Hukum Acara Dan Etika Digital | Oleh : Ajeng Juniwanti, S.H. / Bahrul Ilmi, S.H. (20/5)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/opini/pelantikan-hakim-peradilan-agama-di-setiap-mutasi-antara-tradisi-makna-filosofis-dan-ketidakpastian-prosedural-oleh-dr-drs-cik-basir-s-h-m-h-i-18-5" class="mod-articles-category-title ">Pelantikan Hakim Peradilan Agama di Setiap Mutasi: Antara Tradisi, Makna Filosofis dan Ketidakpastian Prosedural | Oleh : Dr. Drs. Cik Basir, S.H., M.H.I (18/5)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/khutbah-idul-adha-1447-h-2026-m-ketika-pengorbanan-menjadi-jalan-surga-dari-ujian-ibrahim-di-masa-namrud-hingga-makna-haji-wada-dan-kurban-oleh-dr-h-al-fitri-s-ag-s-h-m-h-i-12-5" class="mod-articles-category-title ">Khutbah Idul Adha 1447 H – 2026 M Ketika Pengorbanan Menjadi Jalan Surga: Dari Ujian Ibrahim di Masa Namrud hingga Makna Haji Wada’ dan Kurban | Oleh: Dr. H. Al Fitri, S.Ag., S.H., M.H.I. (12/5)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/rekonstruksi-hukum-menemukan-titik-temu-antara-poligami-liar-dan-pernikahan-dini-dalam-bingkai-nikah-sirri-12-5" class="mod-articles-category-title ">Rekonstruksi Hukum: Menemukan Titik Temu Antara Poligami Liar dan Pernikahan Dini dalam Bingkai Nikah Sirri | Oleh: Dr. Joni, S.H., M.H. / M. Yanis Saputra, S.H.I., M.H. (12/5)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/perkembangan-ekosistem-ekonomi-syariah-pasca-brics-studi-komparasi-indonesia-dan-malaysia-oleh-moch-irfan-dwi-syahroni-12-5" class="mod-articles-category-title ">Perkembangan Ekosistem Ekonomi Syariah Pasca-BRICS: Studi Komparasi Indonesia dan Malaysia | Oleh: Moch. Irfan Dwi Syahroni (12/5)</a>    
    
    
    
    
    
    
    </li>
    </ul>

							<div class="text-end pt-3">
							<a href="/tinta-peradilan" class="btn btn-link text-decoration-none text-primary-green fw-bold">
								Selengkapnya <i class="bi bi-arrow-right"></i>
							</a>
						</div>
						</div>
					</div>
				</div>
			</section>
            <section class="py-5 bg-white beranda-infoterkini">
                <div class="container-lg">
                    <div class="mb-1">
                        <h3 class="font-display fw-bold h3 text-primary-green mb-4 border-bottom border-2 border-accent-gold pb-2">Kabar Ditjen Badilag</h3>
                        <div class="row g-4">
                            <div class="col-lg-8">
                                        <ul class="mod-articles-items mod-list">
                                <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/pembinaan-sesditjen-badilag-dan-sosialisasi-percepatan-penyelesaian-perkara-di-pta-pontianak" class="mod-articles-link " itemprop="url">Pembinaan Sesditjen Badilag dan Sosialisasi Percepatan Penyelesaian Perkara di PTA Pontianak</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                                                    <dd class="mod-articles-category ">
                                        <span class="icon-folder-open icon-fw" aria-hidden="true"></span>                                                                                    Seputar Ditjen Badilag                                                                            </dd>
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         19 May 2026                                    </dd>
                                
                                                            </dl>
                        
                                                    <figure class=" mod-articles-image item-image">
            <img src="/images/foto-berita/2026/berita_daerah/Mei/pta_pontianak/Pembinaan_sesditjen/image001.jpg" width="1024" height="683" loading="lazy">        </figure>
                        
                        
                        
                                                    <p></p>
<p style="text-align: justify;">(Pontianak, 19 Mei 2026) – Pasca penandatanganan Memorandum of Understanding (MoU) antara Pengadilan Tinggi Agama (PTA) Pontianak dengan Badan Amil Zakat Nasional (BAZNAS) Provinsi Kalimantan Barat, kegiatan dilanjutkan dengan Sosialisasi dan Pembinaan Percepatan Penyelesaian Perkara yang berlangsung di Balai Petitih Kantor Gubernur Kalimantan Barat mulai pukul 15.00 WIB.</p>
<p style="text-align: justify;">Kegiatan tersebut...</p>                        
                        
                                            </div>
                </article>
            </li>
            </ul>

							</div>
							
                            <div class="col-lg-4">
                                        <ul class="mod-articles-items mod-list">
                                <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/pembinaan-sesditjen-badilag-dan-sosialisasi-percepatan-penyelesaian-perkara-di-pta-pontianak" class="mod-articles-link " itemprop="url">Pembinaan Sesditjen Badilag dan Sosialisasi Percepatan Penyelesaian Perkara di PTA Pontianak</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         19 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/dirjen-badilag-lakukan-pembinaan-di-pta-manado-tegaskan-integritas-harga-mati-dan-profesionalitas-keharusan" class="mod-articles-link " itemprop="url">Dirjen Badilag Lakukan Pembinaan di PTA Manado: Tegaskan Integritas Harga Mati dan Profesionalitas Keharusan</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         19 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/setelah-tinjau-pembangunan-gedung-baru-pa-bitung-dirjen-badilag-gelar-pembinaan-aparatur-di-pa-bandung" class="mod-articles-link " itemprop="url">Seusai Tinjau Pembangunan Gedung Baru PA Bitung, Dirjen Badilag Lanjutkan Pembinaan Aparatur  Pengadilan di PA Bitung</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         18 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/dirjen-badilag-tinjau-progres-pembangunan-gedung-pengadilan-agama-bitung-kelas-ii" class="mod-articles-link " itemprop="url">Dirjen Badilag Tinjau Progres Pembangunan Gedung Pengadilan Agama Bitung Kelas II</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         18 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/wujudkan-peradilan-inklusif-dirjen-badilag-buka-pembinaan-layanan-disabilitas-tahun-2026-di-wilayah-hukum-pta-manado" class="mod-articles-link " itemprop="url">Wujudkan Peradilan Inklusif, Dirjen Badilag Buka Pembinaan Layanan Disabilitas Tahun 2026 di Wilayah Hukum PTA Manado</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         18 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/bangun-ketangguhan-mental-aparatur-peradilan-agama-ditjen-badilag-hadirkan-prof-dr-hc-ary-ginanjar-agustian-dalam-mental-health-awareness-2026" class="mod-articles-link " itemprop="url">Bangun Ketangguhan Mental Aparatur Peradilan Agama, Ditjen Badilag Hadirkan Prof. Dr. (HC) Ary Ginanjar Agustian dalam Mental Health Awareness 2026</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         14 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
            </ul>

							</div>
						</div>
					</div>
					
				</div>
			</section>
			<section class="py-2 bg-white beranda-infoterkini"> <div class="container-lg">
				<div class="mb-5">
					<h3 class="font-display fw-bold h3 text-primary-green mb-4 border-bottom border-2 border-accent-gold pb-2">Kabar Peradilan Agama</h3>
					<div class="row g-4">
						
						<div class="col-lg-8">
							        <ul class="mod-articles-items mod-list">
                                <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-peradilan-agama/mengarungi-samudera-demi-keadilan-catatan-perjalanan-sidang-di-luar-gedung-mahkamah-syar-iyah-singkil-di-kepulauan-banyak-20-5" class="mod-articles-link " itemprop="url">Mengarungi Samudera Demi Keadilan: Catatan Perjalanan Sidang di luar Gedung  Mahkamah Syar’iyah Singkil di Kepulauan Banyak | (20/5)</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                                                    <dd class="mod-articles-category ">
                                        <span class="icon-folder-open icon-fw" aria-hidden="true"></span>                                                                                    Berita Daerah                                                                            </dd>
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         20 May 2026                                    </dd>
                                
                                                            </dl>
                        
                                                    <figure class=" mod-articles-image item-image">
            <img src="/images/foto-berita/2026/berita_daerah/IMG-20260511-WA0099.jpg" width="1600" height="1200" loading="lazy">        </figure>
                        
                        
                        
                                                    <p style="text-align: justify;">Pulau Banyak– Mahkamah Syar’iyah Singkil kembali menunjukkan dedikasi tanpa batas dalam memberikan pelayanan hukum kepada masyarakat. Melalui program Sidang diluar Gedung pengadilan, tim Mahkamah Syar’iyah Singkil melakukan perjalanan dinas yang menantang menuju wilayah terluar Kabupaten Aceh Singkil, yakni Kecamatan Pulau Banyak dan Kecamatan Pulau Banyak Barat.</p>
<p style="text-align: justify;"></p>
<p style="text-align: justify;">Misi kemanusiaan dan hukum ini...</p>                        
                        
                                            </div>
                </article>
            </li>
            </ul>

						</div>
						
						<div class="col-lg-4">
							        <ul class="mod-articles-items mod-list">
                                <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-peradilan-agama/mengarungi-samudera-demi-keadilan-catatan-perjalanan-sidang-di-luar-gedung-mahkamah-syar-iyah-singkil-di-kepulauan-banyak-20-5" class="mod-articles-link " itemprop="url">Mengarungi Samudera Demi Keadilan: Catatan Perjalanan Sidang di luar Gedung  Mahkamah Syar’iyah Singkil di Kepulauan Banyak | (20/5)</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         20 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-peradilan-agama/mediator-cetak-angka-positif-mediasi-gugatan-harta-bersama-sepakat-damai-20-5" class="mod-articles-link " itemprop="url">Mediator Cetak Angka Positif, Mediasi Gugatan Harta Bersama Sepakat Damai !  | (20/5)</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         20 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-peradilan-agama/mcs-hadir-di-kecamatan-gajah-putih-mahkamah-syar-iyah-simpang-tiga-redelong-dekatkan-pelayanan-hukum-kepada-masyarakat-20-5" class="mod-articles-link " itemprop="url">MCS Hadir di Kecamatan Gajah Putih, Mahkamah Syar’iyah Simpang Tiga Redelong Dekatkan Pelayanan Hukum kepada Masyarakat | (20/5)</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         20 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-peradilan-agama/amanah-baru-ketua-pa-tembilahan-pimpin-pelantikan-dan-pengambilan-sumpah-jabatan-jurusita-pengganti-20-5" class="mod-articles-link " itemprop="url">Amanah Baru, Ketua PA Tembilahan Pimpin Pelantikan Dan Pengambilan Sumpah Jabatan Jurusita Pengganti | (20/5)</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         20 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-peradilan-agama/mediasi-di-pengadilan-agama-tulang-bawang-berhasil-capai-perdamaian-20-5" class="mod-articles-link " itemprop="url">Mediasi Di Pengadilan Agama Tulang Bawang Berhasil Capai Perdamaian | (20/5)</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         20 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-peradilan-agama/bukan-sekadar-putusan-cerai-pta-pontianak-dorong-perlindungan-hak-perempuan-dan-anak-lewat-mou-dengan-baznas" class="mod-articles-link " itemprop="url">Bukan Sekadar Putusan Cerai, PTA Pontianak Dorong Perlindungan Hak Perempuan dan Anak Lewat MoU Dengan Baznas | (19/5)</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         19 May 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
            </ul>

						</div>
					</div>
				</div>
			</div>
			</section>
						
			
			
		</main>
		
		
		
		<!-- Footer -->
		
<div id="mod-custom121" class="mod-custom custom">
    <section class="py-5 bg-primary-green text-white">
<div class="container-lg">
<h2 class="font-display h2 fw-bold text-center mb-2">Survei &amp; Indeks Pelayanan Publik</h2>
<p class="text-center text-white-50 mb-5 mx-auto" style="max-width: 40rem;">Lihat hasil survei terkini dan berikan suara Anda untuk membantu kami terus meningkatkan kualitas layanan.</p>
<div class="row g-4 row-cols-1 row-cols-md-3 mb-5">
<div class="col">
<div class="bg-white bg-opacity-10 p-4 rounded-3 text-center border-top border-4 border-accent-gold h-100">
<div class="mb-3"><i class="bi bi-emoji-smile display-3 text-accent-gold"></i></div>
<h3 class="font-display fw-bold fs-5" style="min-height: 3.5rem;">Indeks Kepuasan Masyarakat (IKM)</h3>
<p class="display-4 fw-bold my-3">93,5</p>
<span class="badge bg-success fs-6">Sangat Baik</span></div>
</div>
<div class="col">
<div class="bg-white bg-opacity-10 p-4 rounded-3 text-center border-top border-4 border-accent-gold h-100">
<div class="mb-3"><i class="bi bi-award display-3 text-accent-gold"></i></div>
<h3 class="font-display fw-bold fs-5" style="min-height: 3.5rem;">Indeks Persepsi Kualitas Pelayanan (IPKP)</h3>
<p class="display-4 fw-bold my-3">3.76</p>
<span class="badge bg-success fs-6">Sangat Baik</span></div>
</div>
<div class="col">
<div class="bg-white bg-opacity-10 p-4 rounded-3 text-center border-top border-4 border-accent-gold h-100">
<div class="mb-3"><i class="bi bi-shield-check display-3 text-accent-gold"></i></div>
<h3 class="font-display fw-bold fs-5" style="min-height: 3.5rem;">Indeks Persepsi Anti Korupsi (IPAK)</h3>
<p class="display-4 fw-bold my-3">3.8</p>
<span class="badge bg-success fs-6">Sangat Bersih</span></div>
</div>
</div>
</div>
</section></div>

		
		
<div id="mod-custom120" class="mod-custom custom">
    <footer class="bg-primary-green text-white border-top border-white border-opacity-25">
<div class="container-lg py-5">
<div class="row g-5">
<div class="col-lg-6">
<div class="d-flex align-items-center gap-3 mb-3"><img src="https://app.badilag.net/assets/images/logo_ma.png" alt="Logo Badilag" class="object-fit-contain bg-white p-1 rounded-circle" style="height: 3rem; width: 3rem;" />
<div>
<h1 class="font-display fw-bold text-white fs-5 mb-0 lh-sm">Direktorat Jenderal</h1>
<p class="text-white-50 mb-0 lh-sm" style="font-size: 0.875rem;">Badan Peradilan Agama</p>
</div>
</div>
<p class="text-white-50 small mt-3">Gedung Sekretariat Mahkamah Agung, Lt. 6-8<br />Jl. Jend. Ahmad Yani Kav. 58 Bypass, Jakarta Pusat.</p>
<p class="text-white-50 small mt-2">Email: <a href="mailto:ditjen.badilag@mahkamahagung.go.id">ditjen.badilag@mahkamahagung.go.id</a></p>
<p class="text-white-50 small mt-2">Email Redaksi :&nbsp;<a href="mailto:dokinfo.badilag@gmail.com">dokinfo.badilag@gmail.com</a><br /><br /></p>
</div>
<div class="col-md-6 col-lg-3">
<h3 class="font-display fw-bold fs-5 mb-3 text-accent-gold">Tautan Terkait</h3>
<ul class="list-unstyled d-grid gap-2 small">
<li><a href="https://mahkamahagung.go.id/id" target="_blank" rel="noopener" class="text-white-50 text-decoration-none">Mahkamah Agung RI</a></li>
<li><a href="https://kepaniteraan.mahkamahagung.go.id/" target="_blank" rel="noopener" class="text-white-50 text-decoration-none">Kepaniteraan MA</a></li>
<li><a href="https://bua.mahkamahagung.go.id/" target="_blank" rel="noopener" class="text-white-50 text-decoration-none">Badan Urusan Administrasi</a></li>
<li><a href="https://bawas.mahkamahagung.go.id/" target="_blank" rel="noopener" class="text-white-50 text-decoration-none">Badan Pengawasan MA</a></li>
<li><a href="https://badilum.mahkamahagung.go.id/" target="_blank" rel="noopener" class="text-white-50 text-decoration-none">Badan Peradilan Umum</a></li>
<li><a href="https://ditjenmiltun.mahkamahagung.go.id/" target="_blank" rel="noopener" class="text-white-50 text-decoration-none">Badan Peradilan Militer dan Tata Usaha Negara</a></li>
</ul>
</div>
<div class="col-md-6 col-lg-3">
<h3 class="font-display fw-bold fs-5 mb-3 text-accent-gold">Statistik Pengunjung</h3>
<ul class="list-unstyled d-grid gap-2 small text-white-50">
<li class="d-flex justify-content-between"><span>Hari Ini:</span> <span>1,234</span></li>
<li class="d-flex justify-content-between"><span>Kemarin:</span> <span>5,678</span></li>
<li class="d-flex justify-content-between"><span>Total:</span> <span>9,876,543</span></li>
</ul>
</div>
</div>
<div class="mt-5 border-top border-white border-opacity-25 pt-4 text-center small text-white-50">© <span id="current-year"></span> Direktorat Jenderal Badan Peradilan Agama - Mahkamah Agung RI. All Rights Reserved.</div>
</div>
</footer></div>

		
		<!-- Survey Popup Modal -->
		<div class="modal fade" id="survey-modal" tabindex="-1" aria-labelledby="surveyModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered modal-lg">
				<div class="modal-content rounded-3 border-0 shadow-lg">
					<div id="survey-view">
						<div class="modal-header border-0 pb-0">
							<h2 class="modal-title font-display fw-bold text-primary-green fs-4 text-center w-100 mt-3" id="surveyModalLabel">
								<i class="bi bi-file-text fs-2 text-primary-green d-block mx-auto mb-2"></i>
								Survei Pelayanan Publik
							</h2>
							<button type="button" class="btn-close position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" aria-label="Close"></button>
						</div>
						<div class="modal-body p-4 p-md-5">
							<p class="text-secondary text-center mt-0 mb-4">Masukan Anda sangat berharga untuk perbaikan layanan kami.</p>
							<form id="survey-form">
								<div class="d-grid gap-4">
									<!-- Pertanyaan 1 -->
									<div>
										<label class="form-label fw-semibold text-dark mb-2">1. Bagaimana tingkat kepuasan Anda secara keseluruhan terhadap layanan kami?</label>
										<div class="d-flex flex-wrap justify-content-around gap-2">
											<div class="form-check"><input type="radio" name="kepuasan" value="1" class="form-check-input"><label class="form-check-label">Sangat Buruk</label></div>
											<div class="form-check"><input type="radio" name="kepuasan" value="2" class="form-check-input"><label class="form-check-label">Buruk</label></div>
											<div class="form-check"><input type="radio" name="kepuasan" value="3" class="form-check-input"><label class="form-check-label">Cukup</label></div>
											<div class="form-check"><input type="radio" name="kepuasan" value="4" class="form-check-input"><label class="form-check-label">Baik</label></div>
											<div class="form-check"><input type="radio" name="kepuasan" value="5" class="form-check-input"><label class="form-check-label">Sangat Baik</label></div>
										</div>
									</div>
									<!-- Pertanyaan 2 -->
									<div>
										<label class="form-label fw-semibold text-dark mb-2">2. Bagaimana persepsi Anda terhadap kualitas pelayanan (fasilitas, prosedur, SDM)?</label>
										<div class="d-flex flex-wrap justify-content-around gap-2">
											<div class="form-check"><input type="radio" name="kualitas" value="1" class="form-check-input"><label class="form-check-label">Sangat Buruk</label></div>
											<div class="form-check"><input type="radio" name="kualitas" value="2" class="form-check-input"><label class="form-check-label">Buruk</label></div>
											<div class="form-check"><input type="radio" name="kualitas" value="3" class="form-check-input"><label class="form-check-label">Cukup</label></div>
											<div class="form-check"><input type="radio" name="kualitas" value="4" class="form-check-input"><label class="form-check-label">Baik</label></div>
											<div class="form-check"><input type="radio" name="kualitas" value="5" class="form-check-input"><label class="form-check-label">Sangat Baik</label></div>
										</div>
									</div>
									<!-- Pertanyaan 3 -->
									<div>
										<label class="form-label fw-semibold text-dark mb-2">3. Sejauh mana Anda menilai layanan kami bebas dari praktik korupsi?</label>
										<div class="d-flex flex-wrap justify-content-around gap-2">
											<div class="form-check"><input type="radio" name="anti_korupsi" value="1" class="form-check-input"><label class="form-check-label">Sangat Rawan</label></div>
											<div class="form-check"><input type="radio" name="anti_korupsi" value="2" class="form-check-input"><label class="form-check-label">Rawan</label></div>
											<div class="form-check"><input type="radio" name="anti_korupsi" value="3" class="form-check-input"><label class="form-check-label">Cukup</label></div>
											<div class="form-check"><input type="radio" name="anti_korupsi" value="4" class="form-check-input"><label class="form-check-label">Bersih</label></div>
											<div class="form-check"><input type="radio" name="anti_korupsi" value="5" class="form-check-input"><label class="form-check-label">Sangat Bersih</label></div>
										</div>
									</div>
									<!-- Pertanyaan 4 -->
									<div>
										<label for="saran" class="form-label fw-semibold text-dark mb-2">4. Saran dan masukan untuk perbaikan layanan (opsional):</label>
										<textarea id="saran" name="saran" rows="3" class="form-control"></textarea>
									</div>
								</div>
								<div class="modal-footer border-0 pb-0 mt-4">
									<button type="submit" class="btn btn-primary-green px-4">Kirim Survei</button>
								</div>
							</form>
						</div>
					</div>
					<!-- Thank You View -->
					<div id="survey-thanks" class="d-none text-center p-4 p-md-5">
						<i class="bi bi-check-circle-fill display-3 text-success mb-3"></i>
						<h2 class="font-display fw-bold text-primary-green fs-4">Terima Kasih!</h2>
						<p class="text-secondary">Partisipasi Anda sangat berarti bagi kami.</p>
						<button type-button" class="btn btn-primary-green mt-3" data-bs-dismiss="modal">Tutup</button>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content border-0 shadow-lg">
					<div class="modal-header border-0">
						<h5 class="modal-title font-display" id="searchModalLabel">Pencarian...</h5>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body p-4">
						
						
<form class="mod-finder js-finder-searchform form-search" action="/component/finder/search" method="get" role="search">
    <label for="mod-finder-searchword112" class="visually-hidden finder">Pencarian...</label><input type="text" name="q" id="mod-finder-searchword112" class="js-finder-search-query form-control" value="" placeholder="Search &hellip;">
            </form>

						
					</div>
				</div>
			</div>
		</div>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" xintegrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
		
		<script>
			// --- Survey Modal Logic ---
			const surveyModalEl = document.getElementById('survey-modal');
			const surveyModal = new bootstrap.Modal(surveyModalEl);
			const openSurveyButton = document.getElementById('open-survey-button');
			const surveyForm = document.getElementById('survey-form');
			const surveyView = document.getElementById('survey-view');
			const surveyThanksView = document.getElementById('survey-thanks');
			
			const openModal = () => surveyModal.show();
			const closeModal = () => surveyModal.hide();
			
			openSurveyButton.addEventListener('click', openModal);
			
			surveyForm.addEventListener('submit', (e) => {
				e.preventDefault();
				// Di sini Anda bisa mengirim data form (misalnya via fetch)
				console.log('Survey submitted');
				
				// Tampilkan pesan terima kasih
				surveyView.classList.add('d-none');
				surveyThanksView.classList.remove('d-none');
				
				// Reset form dan sembunyikan pesan setelah modal ditutup
				surveyModalEl.addEventListener('hidden.bs.modal', () => {
					surveyForm.reset();
					surveyView.classList.remove('d-none');
					surveyThanksView.classList.add('d-none');
					}, {
					once: true
				});
			});
			
			// --- Initial Setup on DOMContentLoaded ---
			document.addEventListener('DOMContentLoaded', () => {
				// Set current year in footer
				document.getElementById('current-year').textContent = new Date().getFullYear();
				// Atur styling untuk list berita di Kabar Ditjen & Peradilan Agama
				document.querySelectorAll('.col-lg-4 .d-block').forEach(el => {
					el.addEventListener('mouseenter', () => el.style.backgroundColor = '#f8f9fa');
					el.addEventListener('mouseleave', () => el.style.backgroundColor = 'transparent');
				});
			});
		</script>
	</body>
	
</html>