<!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?4541e5" 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?4541e5" 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":"a47ed058cb2975a790baf743f4f15dbc"}</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. Membuat latar belakang filter hijau/gelap menjadi transparan */
    #hero-carousel .carousel-item::before,
    #hero-carousel .carousel-item::after,
    #hero-carousel .hero-content::before,
    #hero-carousel .hero-content::after {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    /* 2. Menambahkan bayangan hitam pada teks putih agar kontras di atas foto terang */
    #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></div>
<div class="carousel-inner">
<div class="carousel-item active" style="background-image: url('/images/foto-berita/2025/17738726673801.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 mb-0" style="margin-top: 320px;">Selamat Hari Raya</h1>
<p class="font-display display-4 fw-bold text-accent-gold mt-0">Idul Fitri 1447 H</p>
<p class="mt-4 fs-5" style="max-width: 40rem;">Segenap Pimpinan dan Keluarga Besar Direktorat Jenderal Badan Peradilan Agama mengucapkan Selamat Hari Raya Idul Fitri 1447 H</p>
<p class="mt-1"><a href="https://www.youtube.com/watch?v=4K_efJ1c7Co" 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/pemanggilan-peserta-bimbingan-teknis-peningkatan-kompetemsi-tenaga-teknis-di-lingkungan-peradilan-agama-secara-daring" class="mod-articles-category-title ">Pemanggilan Peserta Bimbingan Teknis Peningkatan Kompetensi Tenaga Teknis di Lingkungan Peradilan Agama Secara Daring</a>    
    
    
    
            <span class="mod-articles-category-date"> 02 April 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/pemanggilan-peserta-bmbingan-teknis-kaum-rentan-berhadapan-dengan-hukum-secara-luring" class="mod-articles-category-title ">Pemanggilan Peserta Bimbingan Teknis Kaum Rentan Berhadapan Dengan Hukum Secara Luring</a>    
    
    
    
            <span class="mod-articles-category-date"> 01 April 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/penyampaian-informasi-tindak-lanjut-lhkpn-terverifikasi-tidak-lengkap-di-lingkungan-direktorat-jenderal-badan-peradilan-agama-1-4" class="mod-articles-category-title ">Penyampaian Informasi Tindak Lanjut LHKPN “Terverifikasi Tidak Lengkap” di Lingkungan Direktorat Jenderal Badan Peradilan Agama | (1/4)</a>    
    
    
    
            <span class="mod-articles-category-date"> 01 April 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/hasil-seleksi-administrasi-lomba-karya-tulis-ilmiah-hut-ke-73-ikatan-hakim-indonesia-tahun-2026" class="mod-articles-category-title ">Hasil Seleksi Administrasi Lomba Karya Tulis Ilmiah HUT Ke-73 Ikatan Hakim Indonesia Tahun 2026</a>    
    
    
    
            <span class="mod-articles-category-date"> 31 March 2026</span>
    
    
    
    </li>
<li>
                                    <a href="/pengumuman-elektronik/permohonan-perpanjangan-sewa-vps-pada-aplikasi-access-cctv-online-aco" class="mod-articles-category-title ">Permohonan Perpanjangan Sewa VPS pada Aplikasi Access CCTV Online (ACO)</a>    
    
    
    
            <span class="mod-articles-category-date"> 26 March 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/pendewasaan-handlichting-dalam-perkawinan-di-bawah-umur-sebagai-dasar-pembuatan-perjanjian-perkawinan-oleh-fakhir-tashin-baaj-sh-mkn-6-4" class="mod-articles-category-title ">Pendewasaan (Handlichting) Dalam Perkawinan Di Bawah Umur Sebagai Dasar Pembuatan Perjanjian Perkawinan | Oleh : Fakhir Tashin Baaj, SH., MKn. (6/4)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/simpel-dan-berkepastian-hukum-implementasi-promissory-note-di-saudi-arabia-oleh-ahmad-satiri-1-4" class="mod-articles-category-title ">Simpel dan Berkepastian Hukum, Implementasi Promissory Note di Saudi Arabia | Oleh : Ahmad Satiri (1/4) </a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/status-kawin-belum-tercatat-bagi-masyarakat-yang-beragama-islam-27-3" class="mod-articles-category-title ">Status Kawin Belum Tercatat Bagi Masyarakat Yang Beragama Islam | (27/3)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/opini/legalitas-persidangan-hakim-dalam-skema-work-from-home-wfh-oleh-dr-elvin-nailana-s-h-m-h-26-3" class="mod-articles-category-title ">Legalitas Persidangan Hakim Dalam Skema Work From Home (WFH) | Oleh : Dr.Elvin Nailana,S.H.,M.H. (26/3)</a>    
    
    
    
    
    
    
    </li>
<li>
                                    <a href="/artikel/kepatuhan-syari-ah-dalam-penerapan-akad-murabahah-di-lembaga-keuangan-syariah-indonesia-oleh-dr-khoiriyah-roihan-s-ag-m-h-16-3" class="mod-articles-category-title ">Kepatuhan Syari’ah Dalam Penerapan Akad Murabahah Di Lembaga Keuangan Syariah Indonesia | Oleh: Dr. Khoiriyah Roihan, S.Ag.,M.H (16/3)</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/ketua-muda-agama-dr-h-yasardin-buka-rakerda-pta-bandung-sampaikan-pembinaan-soal-perma-4-2025-dan-pesan-ketua-ma" class="mod-articles-link " itemprop="url">Ketua Muda Agama Dr. H Yasardin Buka Rakerda PTA Bandung, Sampaikan Pembinaan Soal PERMA 4/2025 dan Pesan Ketua MA</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>                                         08 April 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                                                    <p style="text-align: justify;"></p>
<p style="text-align: justify;"><strong>Bandung, 7 April 2026</strong> – Senin malam, 6 April 2026, Pengadilan Tinggi Agama (PTA) Bandung menggelar Rapat Kerja Daerah (Rakerda) yang dibuka secara resmi oleh Ketua Muda Agama Mahkamah Agung RI, Yang Mulia Dr. H Yasardin, S.H., M.Hum. Bertempat di Aula PTA Bandung, acara tersebut berlangsung khidmat dan dihadiri oleh jajaran pimpinan serta aparatur peradilan agama se-wilayah PTA Bandung.</p>
<p style="text-align: justify;">Setelah...</p>                        
                        
                                                                                                                                                                            
<p class="readmore">
            <a class="btn btn-secondary" href="/seputar-ditjen-badilag/ketua-muda-agama-dr-h-yasardin-buka-rakerda-pta-bandung-sampaikan-pembinaan-soal-perma-4-2025-dan-pesan-ketua-ma" aria-label="Read more: Ketua Muda Agama Dr. H Yasardin Buka Rakerda PTA Bandung, Sampaikan Pembinaan Soal PERMA 4/2025 dan Pesan Ketua MA">
            <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/ketua-muda-agama-dr-h-yasardin-buka-rakerda-pta-bandung-sampaikan-pembinaan-soal-perma-4-2025-dan-pesan-ketua-ma" class="mod-articles-link " itemprop="url">Ketua Muda Agama Dr. H Yasardin Buka Rakerda PTA Bandung, Sampaikan Pembinaan Soal PERMA 4/2025 dan Pesan Ketua MA</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>                                         08 April 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-rakor-pta-jakarta-integritas-menjadi-salah-satu-kunci-percepatan-penyelesaian-perkara" class="mod-articles-link " itemprop="url">Dirjen Badilag Buka Rakor PTA Jakarta: Integritas Menjadi Salah Satu Kunci Percepatan Penyelesaian Perkara</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>                                         06 April 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/ditjen-badan-peradilan-agama-gelar-halal-bihalal-nasional" class="mod-articles-link " itemprop="url">Ditjen Badan Peradilan Agama Gelar Halal Bihalal Nasional</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

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

                                    <div class="mod-articles-item-content">

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

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

                                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/dirjen-badilag-lakukan-pembinaan-di-pa-demak-dorong-penguatan-integritas-dan-inovasi-layanan" class="mod-articles-link " itemprop="url">Dirjen Badilag Lakukan Pembinaan di PA Demak, Dorong Penguatan Integritas dan Inovasi Layanan</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

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

                                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-ditjen-badilag/dirjen-badilag-lakukan-pembinaan-di-pa-kudus-tekankan-integritas-dan-optimalisasi-layanan-bebasis-digital" class="mod-articles-link " itemprop="url">Dirjen Badilag Lakukan Pembinaan di PA Kudus, Tekankan Integritas dan Optimalisasi Layanan Bebasis Digital</a>                                                            </h4>
                        
                        
                                                                                <dl class="list-unstyled">
                                <dt class="article-info-term">
                                    <span class="visually-hidden">
                                        Details                                    </span>
                                </dt>

                                
                                
                                                                    <dd class="mod-articles-date ">
                                        <span class="icon-calendar icon-fw" aria-hidden="true"></span>                                         27 March 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/mediasi-berhasil-sebagian-sebagai-bentuk-win-win-solution-6-4" class="mod-articles-link " itemprop="url">Mediasi Berhasil Sebagian, Sebagai Bentuk Win-Win Solution | (6/4)</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>                                         06 April 2026                                    </dd>
                                
                                                            </dl>
                        
                                                    <figure class="mod-articles-image item-image">
            <img src="/images/foto-berita/2026/berita_daerah/maret/hasil-300x243.jpg" width="300" height="243" loading="lazy">        </figure>
                        
                        
                        
                                                    <div>&nbsp;</div>
<div>
<p></p>
<p>Kapuas (31/3) Ghazian Luthfi Zulhaqqi, S.H.,M.H. selaku Hakim Mediator berhasil tempuh Solusi win-win solution atas perkara cerai gugat yang diajukan oleh para pencari keadilan. Perkara yang diajukan oleh pihak istri tersebut tetap berujung pada perpisahan dari kedua belah pihak. Akan tetapi, keduanya sepakat pada beberapa hal.</p>
<p>Hal-hal diantaranya yang disepakati ialah mengenai nafkah muth’ah dan</p>...</div>                        
                        
                                                                                                                                                                            
<p class="readmore">
            <a class="btn btn-secondary" href="/seputar-peradilan-agama/mediasi-berhasil-sebagian-sebagai-bentuk-win-win-solution-6-4" aria-label="Read more: Mediasi Berhasil Sebagian, Sebagai Bentuk Win-Win Solution | (6/4)">
            <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/mediasi-berhasil-sebagian-sebagai-bentuk-win-win-solution-6-4" class="mod-articles-link " itemprop="url">Mediasi Berhasil Sebagian, Sebagai Bentuk Win-Win Solution | (6/4)</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>                                         06 April 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-amuntai-kelas-ib-gelar-sidang-di-luar-gedung-dekatkan-layanan-hukum-kepada-masyarakat-balangan-6-4" class="mod-articles-link " itemprop="url">Pengadilan Agama Amuntai Kelas IB Gelar Sidang di Luar Gedung, Dekatkan Layanan Hukum kepada Masyarakat Balangan | (6/4)</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>                                         06 April 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-tanjung-balai-karimun-terima-kunjungan-dinas-perlindungan-perempuan-dan-anak-bahas-dispensasi-kawin-dan-upaya-pencegahannya-6-4" class="mod-articles-link " itemprop="url">PA Tanjung Balai Karimun Terima Kunjungan Dinas Perlindungan Perempuan dan Anak, &quot;Bahas Dispensasi Kawin Dan Upaya Pencegahannya&quot; | (6/4)</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>                                         06 April 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/sukses-mediasi-di-pa-tembilahan-para-pihak-sepakati-hak-asuh-anak-nafkah-dan-iddah-6-4" class="mod-articles-link " itemprop="url">Sukses Mediasi Di PA Tembilahan, Para Pihak Sepakati Hak Asuh Anak, Nafkah Dan Iddah | (6/4)</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>                                         06 April 2026                                    </dd>
                                
                                                            </dl>
                        
                        
                        
                        
                        
                        
                                            </div>
                            </article>
        </li>
                    <li>
            <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">

                                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/seputar-peradilan-agama/pengadilan-agama-tulang-bawang-hadiri-pelantikan-di-pengadilan-agama-gunung-sugih-6-4" class="mod-articles-link " itemprop="url">Pengadilan Agama Tulang Bawang Hadiri Pelantikan Di Pengadilan Agama Gunung Sugih | (6/4)</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>                                         06 April 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/62-tahun-kejayaan-lampung-ketua-pta-bandar-lampung-kawal-visi-besar-bumi-ruwa-jurai-6-4" class="mod-articles-link " itemprop="url">62 Tahun Kejayaan Lampung, Ketua PTA Bandar Lampung Kawal Visi Besar Bumi Ruwa Jurai | (6/4)</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>                                         06 April 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">96.25</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.85</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.91</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>