<!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/mod_articles/css/mod-articles.min.css?b2af38" rel="stylesheet">
	<link href="/media/vendor/awesomplete/css/awesomplete.css?1.1.7" 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?b2af38" defer></script>
	<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
	<script src="/media/vendor/jquery/js/jquery-noconflict.min.js?3.7.1"></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":"a0bb7fd25c08d14db94ad008ea440971"}</script>
	<script src="/media/system/js/core.min.js?b2af38"></script>
	<script src="/media/vendor/awesomplete/js/awesomplete.min.js?1.1.7" defer></script>
	<script src="/media/com_finder/js/finder.min.js?b2af38" type="module"></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/pengisian-survei-kepuasan-layanan-dan-survei-pelaksanaan-anti-korupsi-2-11" class="mod-articles-category-title ">Pengisian Survei Kepuasan Layanan dan Survei Pelaksanaan Anti Korupsi | (2/11)</a>    
    
    
    
            <span class="mod-articles-category-date"> 02 November 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/tindak-lanjut-mitigasi-temuan-kerentanan-cve-2026-109618-dan-cve-2026-109619-php2shell-28-10" class="mod-articles-category-title ">Tindak Lanjut Mitigasi Temuan Kerentanan CVE-2026-109618 dan CVE-2026-109619 (PHP2Shell) | (28/10)</a>    
    
    
    
            <span class="mod-articles-category-date"> 28 October 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/undangan-menyaksikan-wisuda-purnabakti-kpta-kendari-28-10" class="mod-articles-category-title ">Undangan Menyaksikan Wisuda Purnabakti KPTA Kendari | (28/10)</a>    
    
    
    
            <span class="mod-articles-category-date"> 28 October 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/nilai-akhir-penilaian-kinerja-satuan-kerja-di-lingkungan-peradilan-agama-triwulan-iii-tahun-2026-23-10" class="mod-articles-category-title ">Nilai Akhir Penilaian Kinerja Satuan Kerja di Lingkungan Peradilan Agama Triwulan III Tahun 2026 | (23/10)</a>    
    
    
    
            <span class="mod-articles-category-date"> 23 October 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/pengisian-survei-judicial-wellbeing-untuk-mendukung-layanan-psikososial-hakim-15-10" class="mod-articles-category-title ">Pengisian Survei Judicial Wellbeing untuk Mendukung Layanan Psikososial Hakim | (15/10)</a>    
    
    
    
            <span class="mod-articles-category-date"> 15 October 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/peran-artificial-intelligence-ai-dalam-pemeriksaan-perkara-di-pengadilan-dan-perubahan-karakter-pembuktian-oleh-dr-h-al-fitri-s-ag-s-h-m-h-i-cmtr-29-10" class="mod-articles-category-title ">Peran Artificial Intelligence (AI) dalam Pemeriksaan Perkara di Pengadilan dan Perubahan Karakter Pembuktian | Oleh: Dr. H. Al Fitri, S.Ag., S.H., M.H.I., CMTr (29/10)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/ai-dalam-peradilan-membantu-hakim-tanpa-menggantikan-independensi-dan-nurani-28-10" class="mod-articles-category-title ">AI Dalam Peradilan: Membantu Hakim Tanpa Menggantikan Independensi Dan Nurani | (28/10)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/kerangka-penilaian-bukti-elektronik-dalam-perkara-perdata-di-peradilan-agama-oleh-muhammad-rakhmat-alam-lc-m-h-28-10" class="mod-articles-category-title ">Kerangka Penilaian Bukti Elektronik Dalam Perkara Perdata Di Peradilan Agama | Oleh: Muhammad Rakhmat Alam, Lc., M.H. (28/10)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/eksekusi-sebagai-mahkota-pengadilan-antara-kewibaan-putusan-dan-tantangan-implimentasi-oleh-oleh-faisal-reza-s-h-i-m-h-cpm-28-10" class="mod-articles-category-title ">Eksekusi Sebagai Mahkota Pengadilan : Antara Kewibaan Putusan dan Tantangan Implimentasi | Oleh: Faisal Reza, S.H.I.,M.H.,CPM (28/10)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/bitcoin-sebagai-sarana-transaksi-keuangan-syariah-di-indonesia-oleh-dr-h-ahmad-mujahidin-sh-mh-28-10" class="mod-articles-category-title ">Bitcoin Sebagai Sarana Transaksi Keuangan Syari'ah di Indonesia | Oleh: Dr. H.Ahmad Mujahidin,SH.,MH. (28/10)</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/kunjungan-plt-dirjen-badilag-di-pa-cirebon-perkuat-benteng-integritas-pacu-akselerasi-kinerja" class="mod-articles-link " itemprop="url">Kunjungan Plt. Dirjen Badilag di PA Cirebon: Perkuat Benteng Integritas, Pacu Akselerasi Kinerja</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>                                         04 November 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                                                    <p style="text-align: justify;"><span style="font-size: 12pt;"></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">CIREBON (04/11/2026) – Plt. Direktur Jenderal Badan Peradilan Agama Mahkamah Agung RI, (Drs. H. Muchlis, S.H., M.H.,) didampingi oleh Direktur Pembinaan Administrasi Peradilan Agama, (Sutarno, S.IP., M.M.) melaksanakan kunjungan kerja serta meninjau secara langsung Pelayanan Terpadu Satu Pintu (PTSP) di Pengadilan Agama Cirebon Kelas IB. Selain memantau fasilitas pelayanan secara langsung,</span>...</p>                        
                        
                                                                                                                                                                            
<p class="readmore">
            <a class="btn btn-secondary" href="/seputar-ditjen-badilag/kunjungan-plt-dirjen-badilag-di-pa-cirebon-perkuat-benteng-integritas-pacu-akselerasi-kinerja" aria-label="Read more: Kunjungan Plt. Dirjen Badilag di PA Cirebon: Perkuat Benteng Integritas, Pacu Akselerasi Kinerja">
            <span class="icon-chevron-right" aria-hidden="true"></span>            Read more &hellip;        </a>
    </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/kunjungan-plt-dirjen-badilag-di-pa-cirebon-perkuat-benteng-integritas-pacu-akselerasi-kinerja" class="mod-articles-link " itemprop="url">Kunjungan Plt. Dirjen Badilag di PA Cirebon: Perkuat Benteng Integritas, Pacu Akselerasi Kinerja</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>                                         04 November 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-hadiri-audiensi-dengan-kpai-bahas-penguatan-perlindungan-dan-pemenuhan-hak-anak-pascaperceraian" class="mod-articles-link " itemprop="url">Dirjen Badilag Hadiri Audiensi dengan KPAI, Bahas Penguatan Perlindungan dan Pemenuhan Hak Anak Pascaperceraian</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>                                         03 November 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/mahkota-keadilan-di-bumi-anoa-plt-dirjen-badilag-kobarkan-semangat-integritas-dan-lompatan-digital-pa-se-wilayah-pta-kendari" class="mod-articles-link " itemprop="url">Mahkota Keadilan di Bumi Anoa: Plt. Dirjen Badilag Kobarkan Semangat Integritas dan Lompatan Digital PA se-Wilayah PTA Kendari</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>                                         30 October 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/plt-dirjen-badilag-sambangi-sri-sultan-hamengku-buwono-x-bicarakan-kerja-sama-untuk-mewujudkan-perlindungan-perempuan-dan-anak" class="mod-articles-link " itemprop="url">Plt. Dirjen Badilag Silaturahmi ke Sri Sultan Hamengku Buwono X, Bicarakan Kerja Sama untuk Mewujudkan Perlindungan Perempuan dan Anak</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 October 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/plt-dirjen-badilag-pimpin-apel-pagi-tiada-artinya-sertifikat-wbk-tanpa-implementasi-nyata" class="mod-articles-link " itemprop="url">Plt. Dirjen Badilag Pimpin Apel Pagi: “Tiada Artinya Sertifikat WBK Tanpa Implementasi Nyata”</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 October 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/di-tengah-gempuran-ai-plt-dirjen-badilag-tegaskan-independensi-hakim-tetap-jadi-menjadi-yang-utama" class="mod-articles-link " itemprop="url">Di Tengah Gempuran AI, Plt. Dirjen Badilag Tegaskan Independensi Hakim Tetap Jadi yang Utama</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 October 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/pengadilan-agama-bukittinggi-menggelar-launching-inovasi-shakel-sinergi-hukum-agama-untuk-ketahanan-keluarga-4-11" class="mod-articles-link " itemprop="url">Pengadilan Agama Bukittinggi menggelar launching inovasi SHAKEL (Sinergi Hukum Agama untuk Ketahanan Keluarga) | (4/11)</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>                                         04 November 2026                                    </dd>
                                
                                                            </dl>
                        
                                                    <figure class=" mod-articles-image item-image">
            <img src="/images/foto-berita/2026/berita_daerah/November/Image/WhatsApp-Image-2026-11-03-at-08.40.07-Copy.jpeg" class="" width="600" height="337" loading="lazy">        </figure>
                        
                        
                        
                                                    <p style="text-align: justify;"></p>
<p style="text-align: justify;">Selasa 03 Oktober 2026, Pengadilan Agama Bukittinggi Launching Inovasi SHAKEL. Inovasi ini digagas oleh Agen Perubahan Pengadilan Agama Bukittinggi Anase Syukriza, S.H.I.,<br />Inovasi SHAKEL hadir sebagai bentuk komitmen Pengadilan Agama Bukittinggi untuk memberikan edukasi demi menguatkan ketahanan keluarga dengan melakukan penyuluhan hukum keluarga berbasis nagari yang dilaksanakan secara...</p>                        
                        
                                                                                                                                                                            
<p class="readmore">
            <a class="btn btn-secondary" href="/seputar-peradilan-agama/pengadilan-agama-bukittinggi-menggelar-launching-inovasi-shakel-sinergi-hukum-agama-untuk-ketahanan-keluarga-4-11" aria-label="Read more: Pengadilan Agama Bukittinggi menggelar launching inovasi SHAKEL (Sinergi Hukum Agama untuk Ketahanan Keluarga) | (4/11)">
            <span class="icon-chevron-right" aria-hidden="true"></span>            Read more &hellip;        </a>
    </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/pengadilan-agama-bukittinggi-menggelar-launching-inovasi-shakel-sinergi-hukum-agama-untuk-ketahanan-keluarga-4-11" class="mod-articles-link " itemprop="url">Pengadilan Agama Bukittinggi menggelar launching inovasi SHAKEL (Sinergi Hukum Agama untuk Ketahanan Keluarga) | (4/11)</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>                                         04 November 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/rakor-tiga-pilar-di-sumsel-pta-kanwil-kemenag-dan-dukcapil-bersatu-wujudkan-layanan-adminduk-terintegrasi-4-11" class="mod-articles-link " itemprop="url">Rakor Tiga Pilar di Sumsel: PTA, Kanwil Kemenag dan Dukcapil Bersatu Wujudkan Layanan Adminduk Terintegrasi |(4/11)</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>                                         04 November 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-kinerja-dan-siapkan-program-kerja-2027-mahkamah-syar-iyah-simpang-tiga-redelong-gelar-rapat-monitoring-evaluasi-dan-koordinasi-kesekretariatan-4-11" class="mod-articles-link " itemprop="url">Perkuat Kinerja dan Siapkan Program Kerja 2027, Mahkamah Syar’iyah Simpang Tiga Redelong Gelar Rapat Monitoring, Evaluasi dan Koordinasi Kesekretariatan | (4/11)</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>                                         04 November 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/sekretaris-pengadilan-agama-tulang-bawang-ikuti-sosialisasi-kmk-nomor-196-tahun-2026-dan-evaluasi-capaian-kinerja-anggaran-triwulan-iii-ta-2026-4-11" class="mod-articles-link " itemprop="url">Sekretaris Pengadilan Agama Tulang Bawang Ikuti Sosialisasi KMK Nomor 196 Tahun 2026 Dan Evaluasi Capaian Kinerja Anggaran Triwulan III TA 2026 | (4/11)</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>                                         04 November 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-yogyakarta-resmi-implementasikan-layanan-ptsp-online-4-11" class="mod-articles-link " itemprop="url">Pengadilan Agama Yogyakarta Resmi Implementasikan Layanan PTSP Online | (4/11)</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>                                         04 November 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-proses-perdamaian-ketua-pa-tarakan-berikan-penghargaan-kepada-mediator-non-hakim-4-11" class="mod-articles-link " itemprop="url">Perkuat Proses Perdamaian, Ketua PA Tarakan Berikan Penghargaan Kepada Mediator Non Hakim | (4/11)</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>                                         04 November 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">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-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">
						
						
<search>
    <form class="mod-finder js-finder-searchform form-search" action="/component/finder/search" method="get" aria-label="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>
</search>

						
					</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>