<!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?b6ccd1" 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?b6ccd1" 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":"7c8f3a9ef7241f82023e3db72896d300"}</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.badilag.net/" 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 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 no-overlay" style="background-image: url('/images/banners/Banner_Anti_Penyuapan_15.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/penyampaian-buku-petunjuk-manual-book-fitur-detasering-pada-aplikasi-simtepa" class="mod-articles-category-title ">Penyampaian Buku Petunjuk (Manual Book) Fitur Detasering pada Aplikasi SIMTEPA</a>    
    
    
    
            <span class="mod-articles-category-date"> 02 September 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/undangan-menyaksikan-wisuda-purnabakti-kpta-bangka-belitung-28-8" class="mod-articles-category-title ">Undangan Menyaksikan Wisuda Purnabakti KPTA Bangka Belitung | (28/8)</a>    
    
    
    
            <span class="mod-articles-category-date"> 28 August 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/pemberitahuan-ke-xxii-kewajiban-penyampaian-perbaikan-laporan-lhkpn-dan-wajib-lapor-dalam-status-proses-verifikasi-di-lingkungan-peradilan-agama-27-8" class="mod-articles-category-title ">Pemberitahuan Ke-XXII Kewajiban Penyampaian Perbaikan Laporan LHKPN dan Wajib Lapor dalam Status Proses Verifikasi di Lingkungan Peradilan Agama | (27/8)</a>    
    
    
    
            <span class="mod-articles-category-date"> 27 August 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/penggunaan-kembali-layanan-izin-cuti-ketua-pengadilan-tingkat-banding-izin-bersidang-dengan-hakim-tunggal-dan-izin-luar-negeri-bagi-tenaga-teknis-jabatan-hakim-panitera-dan-jurusita-melalui-vision-24-8" class="mod-articles-category-title ">Penggunaan Kembali Layanan Izin Cuti Ketua Pengadilan Tingkat Banding, Izin Bersidang dengan Hakim Tunggal, dan Izin Luar Negeri bagi Tenaga Teknis Jabatan Hakim, Panitera, dan Jurusita Melalui VISION | (24/8)</a>    
    
    
    
            <span class="mod-articles-category-date"> 24 August 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/pemberitahuan-ke-xxi-kewajiban-penyampaian-perbaikan-laporan-lhkpn-dan-wajib-lapor-dalam-status-proses-verifikasi-di-lingkungan-peradilan-agama-21-8" class="mod-articles-category-title ">Pemberitahuan Ke-XXI Kewajiban Penyampaian Perbaikan Laporan LHKPN dan Wajib Lapor dalam Status Proses Verifikasi di Lingkungan Peradilan Agama | (21/8)</a>    
    
    
    
            <span class="mod-articles-category-date"> 21 August 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/ketika-peradilan-berbicara-membangun-komunikasi-publik-yang-humanis-di-lembaga-peradilan-oleh-ines-nisa-aziza-s-i-kom-26-8" class="mod-articles-category-title ">Ketika Peradilan Berbicara: Membangun Komunikasi Publik yang Humanis di Lembaga Peradilan | Oleh : Ines Nisa Aziza, S.I.Kom. (26/8)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/nalar-pembaruan-hukum-kewarisan-dalam-kompilasi-hukum-islam-oleh-asrofi-26-8" class="mod-articles-category-title ">Nalar Pembaruan Hukum Kewarisan Dalam Kompilasi Hukum Islam | Oleh: Asrofi (26/8)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/meluruskan-tuduhan-putusan-perceraian-verstek-produk-kolonial-dan-bertentangan-dengan-syariat-islam-oleh-ahmad-faiz-shobir-alfikri-s-h-m-h-26-8" class="mod-articles-category-title ">Meluruskan Tuduhan Putusan Perceraian Verstek Produk Kolonial dan Bertentangan dengan Syariat Islam | Oleh : Ahmad Faiz Shobir Alfikri, S.H., M.H. (26/8)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/penerapan-wewenang-ex-officio-hakim-dalam-perkara-cerai-gugat-perspektif-kesetaraan-gender-dan-maqashid-syari-ah-oleh-yogo-risnandri-s-h-m-h-26-8" class="mod-articles-category-title ">Penerapan Wewenang Ex Officio Hakim dalam Perkara Cerai Gugat Perspektif Kesetaraan Gender dan Maqashid Syari’ah | Oleh:  Yogo Risnandri, S.H., M.H. (26/8)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/prematuritas-gugatan-perceraian-pegawai-negeri-sipil-tanpa-izin-pejabat-yang-berwenang-oleh-dr-h-al-fitri-s-ag-s-h-m-h-i-26-8" class="mod-articles-category-title ">Prematuritas Gugatan Perceraian Pegawai Negeri Sipil Tanpa Izin Pejabat yang Berwenang  | Oleh Dr. H. Al Fitri, S.Ag., S.H., M.H.I. (26/8)</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/badilag-uji-coba-sinova-perkuat-standardisasi-dan-perubahan-penilaian-website-peradilan-agama" class="mod-articles-link " itemprop="url">Badilag Uji Coba SINOVA: Perkuat Standardisasi dan Perubahan Penilaian Website Peradilan Agama</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>                                         01 September 2026                                    </dd>
                                
                                                            </dl>
                        
                                                    <figure class=" mod-articles-image item-image">
            <img src="/images/foto-berita/2026/kegiatan_ditjen/Agustus/Uji%20Coba%20SINOVA/DSC07830.jpg" width="3936" height="2216" loading="lazy">        </figure>
                        
                        
                        
                                                    <p>&nbsp;</p>
<p>JAKARTA – Direktorat Jenderal Badan Peradilan Agama (Ditjen Badilag) menggelar Uji Coba Aplikasi Penilaian Website pada Selasa (01/09/2026). Pertemuan yang berlangsung di Badilag Command Center, Gedung Sekretariat Mahkamah Agung RI ini mengundang para pengelola website dari Pengadilan Tinggi Agama Jakarta serta Pengadilan Agama se-wilayahnya.</p>
<p style="text-align: justify;">Agenda utama kegiatan ini berfokus pada uji coba dan...</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/badilag-uji-coba-sinova-perkuat-standardisasi-dan-perubahan-penilaian-website-peradilan-agama" class="mod-articles-link " itemprop="url">Badilag Uji Coba SINOVA: Perkuat Standardisasi dan Perubahan Penilaian Website Peradilan Agama</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>                                         01 September 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-sampaikan-materi-kepemimpinan-di-pengadilan-pada-pelatihan-manajemen-administrasi-bagi-panitera-dan-sekretaris-pengadilan-mahkamah-agung-ri-tahun-2026" class="mod-articles-link " itemprop="url">Dirjen Badilag Sampaikan Materi “Kepemimpinan di Pengadilan” pada Pelatihan Manajemen Administrasi bagi Panitera dan Sekretaris se-Indonesia</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>                                         27 August 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-badan-peradilan-agama-resmi-buka-bimtek-calon-panitera-pengganti-pp-tegaskan-profesi-pp-adalah-profesi-yang-mulia" class="mod-articles-link " itemprop="url">Dirjen Badan Peradilan Agama Resmi Buka Bimtek Calon Panitera Pengganti (PP), Tegaskan Profesi PP adalah Profesi yang Mulia</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>                                         26 August 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/sekretaris-ditjen-badilag-iku-kunjungan-delegasi-mahkamah-agung-ri-ke-judicial-research-and-training-ins-tute-jrti-mahkamah-agung-korea-selatan" class="mod-articles-link " itemprop="url">Sekretaris Ditjen Badilag Ikuti Kunjungan Delegasi Mahkamah Agung RI ke Judicial Research and Training Institute (JRTI) Mahkamah Agung Korea Selatan</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>                                         24 August 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/sinergi-ditjen-badilag-dan-uii-bedah-arah-baru-hukum-ekonomi-syariah-nasional" class="mod-articles-link " itemprop="url">Sinergi Ditjen Badilag dan UII: Bedah Arah Baru Hukum Ekonomi Syariah Nasional</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>                                         21 August 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-tegaskan-integritas-adalah-harga-mati-dalam-pembukaan-sosialisasi-antikorupsi-di-pta-bandung" class="mod-articles-link " itemprop="url">Dirjen Badilag Tegaskan Integritas adalah Harga Mati dalam Pembukaan Sosialisasi Antikorupsi di PTA Bandung</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>                                         21 August 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/ukur-dampak-dan-pengguna-ms-simpang-tiga-redelong-evaluasi-tiga-inovasi-agen-perubahan-2-9" class="mod-articles-link " itemprop="url">Ukur Dampak dan Pengguna, MS Simpang Tiga Redelong Evaluasi Tiga Inovasi Agen Perubahan | (2/9)</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>                                         02 September 2026                                    </dd>
                                
                                                            </dl>
                        
                                                    <figure class=" mod-articles-image item-image">
            <img src="/images/foto-berita/2026/berita_daerah/Sepetember/ms%20simpang%20tiga%20redelong/WhatsApp-Image-2026-08-20-at-16.30.24.jpeg" width="1280" height="720" loading="lazy">        </figure>
                        
                        
                        
                                                    <div style="text-align: justify;"></div>
<div style="text-align: justify;">ms-simpangtigaredelong.go.id | Redelong, 20 Agustus 2026 – Mahkamah Syar’iyah Simpang Tiga Redelong menggelar Rapat Monitoring dan Evaluasi (Monev) Inovasi Agen Perubahan Tahun 2026 pada Kamis, 20 Agustus 2026. Rapat ini membahas pelaksanaan dan perkembangan tiga inovasi Agen Perubahan, yaitu Mobile Court System (MCS), PROSISA, dan SIPESAT, termasuk jumlah pengguna serta manfaat yang telah...</div>                        
                        
                                            </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/ukur-dampak-dan-pengguna-ms-simpang-tiga-redelong-evaluasi-tiga-inovasi-agen-perubahan-2-9" class="mod-articles-link " itemprop="url">Ukur Dampak dan Pengguna, MS Simpang Tiga Redelong Evaluasi Tiga Inovasi Agen Perubahan | (2/9)</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>                                         02 September 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/kerja-keras-berbuah-apresiasi-pengadilan-agama-balige-raih-peringkat-ii-kualitas-lpj-bendahara-penerimaan-tahun-2026-2-9" class="mod-articles-link " itemprop="url">Kerja Keras Berbuah Apresiasi, Pengadilan Agama Balige Raih Peringkat II Kualitas LPJ Bendahara Penerimaan Tahun 2026 | (2/9)</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>                                         02 September 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/pengadilan-agama-tulang-bawang-gelar-rapat-evaluasi-atas-temuan-pengawas-bidang-pta-bandar-lampung-2-9" class="mod-articles-link " itemprop="url">Pengadilan Agama Tulang Bawang Gelar Rapat Evaluasi Atas Temuan Pengawas Bidang PTA Bandar Lampung | (2/9)</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>                                         02 September 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/perkuat-pelayanan-masyarakat-pa-tembilahan-dan-kua-sungai-batang-kolaborasi-gelar-sidang-itsbat-nikah-2-9" class="mod-articles-link " itemprop="url">Perkuat Pelayanan Masyarakat, PA Tembilahan Dan KUA Sungai Batang Kolaborasi Gelar Sidang Itsbat Nikah | (2/9)</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>                                         02 September 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/pengadilan-agama-penajam-gelar-pelantikan-panitera-dan-panitera-muda-hukum-2-9" class="mod-articles-link " itemprop="url">Pengadilan Agama Penajam Gelar Pelantikan Panitera dan Panitera Muda Hukum | (2/9)</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>                                         02 September 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/ketua-pa-jayapura-menghadiri-pelantikan-drs-h-camuda-m-h-sebagai-wakil-ketua-pta-jayapura-2-9" class="mod-articles-link " itemprop="url">Ketua PA Jayapura menghadiri Pelantikan Drs. H. Camuda, M. H.  sebagai Wakil Ketua PTA Jayapura | (2/9)</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>                                         02 September 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>