<!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":"e4a1fa35acffda546b527639e5081103"}</script>
	<script src="/media/system/js/core.min.js?a3d8f8"></script>
	<script src="/media/vendor/awesomplete/js/awesomplete.min.js?1.1.7" defer></script>
	<script src="/media/com_finder/js/finder.min.js?755761" type="module"></script>
	<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
	<script src="/media/legacy/js/jquery-noconflict.min.js?504da4"></script>
	<script src="/modules/mod_djmegamenu/assets/js/jquery.djmegamenu.min.js?4.4.1.free" defer></script>
	<link rel="stylesheet preload" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.min.css" as="style">
	<link rel="stylesheet preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" as="style">
	<link rel="stylesheet preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/v4-shims.min.css" as="style">

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

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

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

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

						
						<ul class="navbar-nav mb-2 mb-lg-0 align-items-lg-center">
							<li class="nav-item">
								<a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#searchModal" aria-label="Search">
									<i class="bi bi-search fs-5"></i>
								</a>
							</li>
						</ul>
						
					</div>
				</div>
			</nav>
		</header>
		
		<!-- Main Content -->
		<main id="main-content">
			
			
<div id="mod-custom114" class="mod-custom custom">
    <style>
    /* 1. Menghilangkan overlay bawaan tema khusus pada slide dengan class 'no-overlay' */
    #hero-carousel .carousel-item.no-overlay::before,
    #hero-carousel .carousel-item.no-overlay::after {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    /* 2. OVERLAY HITAM MANUAL (Digunakan pada Slide 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/pengumuman-kelulusan-e-test-cwkpa-kelas-ib-dan-kelas-ii-penyampaian-nomor-tes-dan-pembagian-kelompok-peserta-16-7" class="mod-articles-category-title ">Pengumuman Kelulusan E-Test CWKPA Kelas IB dan Kelas II, Penyampaian Nomor Tes dan Pembagian Kelompok Peserta | (16/7)</a>    
    
    
    
            <span class="mod-articles-category-date"> 16 July 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/pengumuman-kelulusan-e-test-cwkpa-kelas-ia-penyampaian-nomor-tes-dan-pembagian-kelompok-peserta-15-7" class="mod-articles-category-title ">Pengumuman Kelulusan E-Test CWKPA Kelas IA, Penyampaian Nomor Tes dan Pembagian Kelompok Peserta | (15/7)</a>    
    
    
    
            <span class="mod-articles-category-date"> 15 July 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/pemanggilan-peserta-diskusi-hukum" class="mod-articles-category-title ">Pemanggilan Peserta Diskusi Hukum</a>    
    
    
    
            <span class="mod-articles-category-date"> 14 July 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/penggunaan-kembali-aplikasi-vision-untuk-layanan-tugas-belajar-14-7" class="mod-articles-category-title ">Penggunaan Kembali Aplikasi VISION untuk Layanan Tugas Belajar | (14/7)</a>    
    
    
    
            <span class="mod-articles-category-date"> 14 July 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/undangan-menyaksikan-wisuda-purnabakti-kpta-banjarmasin-kpta-sulawesi-barat-kpta-palangkaraya-dan-kpta-yogyakarta-13-7" class="mod-articles-category-title ">Undangan Menyaksikan Wisuda Purnabakti KPTA Banjarmasin, KPTA Sulawesi Barat, KPTA  Palangkaraya, dan KPTA Yogyakarta | (13/7)</a>    
    
    
    
            <span class="mod-articles-category-date"> 13 July 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/gugatan-atas-kelalaian-kewajiban-suami-atau-isteri-dalam-perspektif-hukum-keluarga-modern-21-7" class="mod-articles-category-title ">Gugatan atas Kelalaian Kewajiban Suami atau Isteri dalam Perspektif Hukum Keluarga Modern | Oleh: Dr. H. Al Fitri, S.Ag., S.H., M.H.I. (21/7)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/penguatan-peran-pengadilan-agama-jakarta-pusat-dalam-pelayanan-hukum-bagi-diaspora-indonesia-melalui-sidang-isbat-nikah-luar-negeri-19-7" class="mod-articles-category-title ">Penguatan Peran Pengadilan Agama Jakarta Pusat dalam Pelayanan Hukum bagi Diaspora Indonesia melalui Sidang Isbat Nikah Luar Negeri | Oleh M. Aliyuddin, S.Ag., M.H (19/7)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/opini/integritas-sebagai-fondasi-sistem-merit-dalam-birokrasi-peradilan-oleh-triyono-s-kom-17-7" class="mod-articles-category-title ">Integritas Sebagai Fondasi Sistem Merit Dalam Birokrasi Peradilan | Oleh:  Triyono, S.Kom. (17/7)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/urgensi-pedoman-eksekusi-di-peradilan-agama-oleh-muhammad-aqwam-thariq-s-h-17-7" class="mod-articles-category-title ">Urgensi Pedoman Eksekusi di Peradilan Agama | Oleh; Muhammad Aqwam Thariq, S.H (17/7)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/analisis-yuridis-perubahan-undang-undang-nomor-4-tahun-2026-tentang-pengembangan-dan-penguatan-sektor-keuangan-terhadap-penguatan-stabilitas-sistem-keuangan-nasional-oleh-achmad-fikri-oslami-s-h-i-m-h-i-17-7" class="mod-articles-category-title ">Analisis Yuridis Perubahan Undang-undang Nomor 4 Tahun 2026 Tentang Pengembangan Dan Penguatan Sektor Keuangan Terhadap Penguatan Stabilitas Sistem Keuangan NasionaL | Oleh: Achmad Fikri Oslami, S.H.I., M.H.I (17/7)</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/sapa-wni-di-ansan-korea-selatan-dirjen-badilag-ajak-tegakkan-kepastian-hukum-perkawinan" class="mod-articles-link " itemprop="url">Sapa WNI di Ansan, Korea Selatan: Dirjen Badilag Ajak Tegakkan Kepastian Hukum Perkawinan</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>                                         20 July 2026                                    </dd>
                                
                                                            </dl>
                        
                                                    <figure class=" mod-articles-image item-image">
            <img src="/images/foto-berita/2026/berita_daerah/Juli/Penyuluhan_ansan_seoul/WhatsApp_Image_2026-07-20_at_03.24.02.jpeg" width="1600" height="900" loading="lazy">        </figure>
                        
                        
                        
                                                    <p style="text-align: justify;"></p>
<p style="text-align: justify;"><span style="font-size: 14pt;"><strong>ANSAN, KOREA SELATAN (19/07/2026)</strong> — Direktur Jenderal Badan Peradilan Agama Mahkamah Agung Republik Indonesia (Drs. H. Muchlis, S.H., M.H.) turun langsung menyapa Warga Negara Indonesia (WNI) yang berada di Ansan, Korea Selatan. Kegiatan yang berlangsung di Ansan ini dikemas dalam bentuk penyuluhan hukum terpadu, yang merupakan bagian dari rangkaian program strategis sidang Isbat Nikah Luar</span>...</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/sapa-wni-di-ansan-korea-selatan-dirjen-badilag-ajak-tegakkan-kepastian-hukum-perkawinan" class="mod-articles-link " itemprop="url">Sapa WNI di Ansan, Korea Selatan: Dirjen Badilag Ajak Tegakkan Kepastian Hukum Perkawinan</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         20 July 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/berikan-kepastian-hukum-di-negeri-ginseng-dirjen-badilag-hadiri-isbat-nikah-luar-negeri-bagi-wni-di-korea-selatan" class="mod-articles-link " itemprop="url">Berikan Kepastian Hukum di Negeri Ginseng, Dirjen Badilag Hadiri Isbat Nikah Luar Negeri bagi WNI di 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>                                         18 July 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/merawat-filosofi-semut-dirjen-badilag-meneguhkan-integritas-dan-mutu-pelayanan-pa-pelaihari" class="mod-articles-link " itemprop="url">Merawat 'Filosofi Semut': Dirjen Badilag Meneguhkan Integritas dan Mutu Pelayanan PA Pelaihari</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>                                         16 July 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/dirjen-badilag-tinjau-fasilitas-layanan-hukum-dan-berikan-pembinaan-di-pengadilan-agama-kuningan" class="mod-articles-link " itemprop="url">Dirjen Badilag Tinjau Fasilitas Layanan Hukum dan Berikan Pembinaan di Pengadilan Agama Kuningan</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         14 July 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-buka-fit-and-proper-test-calon-pimpinan-pengadilan-agama-2026-lahirkan-pemimpin-berkelanjutan-untuk-peradilan-agama-modern" class="mod-articles-link " itemprop="url">Dirjen Badilag Buka Fit and Proper Test Calon Pimpinan Pengadilan Agama 2026: Lahirkan Pemimpin Berkelanjutan untuk Peradilan Agama Modern</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>                                         13 July 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/akses-keadilan-semakin-dekat-sesditjen-badilag-tinjau-persiapan-operasional-pa-buton-tengah" class="mod-articles-link " itemprop="url">Akses Keadilan Semakin Dekat, Sesditjen Badilag Tinjau Persiapan Operasional PA Buton Tengah</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>                                         11 July 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/kolaborasi-pa-kota-malang-kejaksaan-negeri-dan-dispendukcapil-hadirkan-pelayanan-sidang-perwalian-anak-secara-terpadu-21-7" class="mod-articles-link " itemprop="url">Kolaborasi PA Kota Malang, Kejaksaan Negeri, dan Dispendukcapil Hadirkan Pelayanan Sidang Perwalian Anak Secara Terpadu | (21/7)</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>                                         21 July 2026                                    </dd>
                                
                                                            </dl>
                        
                                                    <figure class=" mod-articles-image item-image">
            <img src="/images/foto-berita/2026/berita_daerah/Juli/Perwalian-dg-Kejari-Kota-Malang-3.jpg" width="640" height="480" loading="lazy">        </figure>
                        
                        
                        
                                                    <p>Pengadilan Agama (PA) Kota Malang kembali melaksanakan sidang permohonan perwalian anak terpadu bekerja sama dengan Kejaksaan Negeri Kota Malang pada Kamis, 16 Juli 2026 sebagai upaya memberikan pelayanan hukum yang cepat, mudah, dan memberikan kepastian hukum kepada masyarakat. Pada pelaksanaan kali ini, terdapat dua perkara permohonan perwalian anak yang diselesaikan melalui mekanisme...</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/kolaborasi-pa-kota-malang-kejaksaan-negeri-dan-dispendukcapil-hadirkan-pelayanan-sidang-perwalian-anak-secara-terpadu-21-7" class="mod-articles-link " itemprop="url">Kolaborasi PA Kota Malang, Kejaksaan Negeri, dan Dispendukcapil Hadirkan Pelayanan Sidang Perwalian Anak Secara Terpadu | (21/7)</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 July 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/sinergi-pa-pulang-pisau-meriahkan-handep-hapakat-fair-2026-hadirkan-edukasi-hukum-dan-pelayanan-peradilan-yang-dekat-dengan-masyarakat-21-7" class="mod-articles-link " itemprop="url">Sinergi PA Pulang Pisau Meriahkan Handep Hapakat Fair 2026, Hadirkan Edukasi Hukum dan Pelayanan Peradilan yang Dekat dengan Masyarakat | (21/7)</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 July 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/kupas-tuntas-problematika-eksekusi-pengadilan-agama-mentok-ikuti-diskusi-hukum-pta-kepulauan-bangka-belitung-21-7" class="mod-articles-link " itemprop="url">Kupas Tuntas Problematika Eksekusi, Pengadilan Agama Mentok Ikuti Diskusi Hukum PTA Kepulauan Bangka Belitung | (21/7)</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 July 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/pa-tembilahan-gelar-pengantar-alih-tugas-sekretaris-apresiasi-pengabdian-dan-perkuat-silaturahmi-21-7" class="mod-articles-link " itemprop="url">PA Tembilahan Gelar Pengantar Alih Tugas Sekretaris, Apresiasi Pengabdian Dan Perkuat Silaturahmi | (21/7)</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 July 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/kolaborasi-pa-kuala-kapuas-dengan-mahasiswa-magang-hasilkan-inovasi-layanan-disabilitas-21-7" class="mod-articles-link " itemprop="url">Kolaborasi PA Kuala Kapuas dengan Mahasiswa Magang Hasilkan Inovasi Layanan Disabilitas | (21/7)</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 July 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-tais-terima-tim-audit-sekretaris-dari-pta-bengkulu-21-7" class="mod-articles-link " itemprop="url">Pengadilan Agama Tais Terima Tim Audit Sekretaris dari PTA Bengkulu | (21/7)</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 July 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>