Laporan Rekapitulasi Realisasi Penggunaan Dana BOS Reguler

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Laporan SPJ Keuangan BOS Tahunan</title>
    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Font akan menyesuaikan template WordPress, tidak perlu definisi di sini -->
    <style>
        body {
            background-color: #f3f4f6; /* Warna latar belakang abu-abu muda */
        }
    </style>
</head>
<body class="p-4 sm:p-6 lg:p-8">
    <div class="container mx-auto bg-white shadow-lg rounded-xl p-6 sm:p-8 lg:p-10">
        <!-- Judul utama dihapus karena sudah ada di halaman WordPress -->

        <div class="mb-8">
            <h2 class="text-2xl sm:text-3xl font-bold text-gray-800 mb-6 border-b-2 border-blue-500 pb-2">
                Laporan SPJ Keuangan BOS Per Tahun
            </h2>
            <ul class="space-y-4">
                <li>
                    <a href="https://drive.google.com/your-link-2024" target="_blank" class="text-blue-600 hover:text-blue-800 text-lg sm:text-xl font-semibold transition duration-300 ease-in-out block p-3 bg-blue-50 rounded-lg shadow-sm hover:shadow-md">
                        Laporan SPJ Keuangan BOS Tahun Anggaran 2024 (Link Google Drive)
                    </a>
                </li>
                <li>
                    <a href="https://drive.google.com/your-link-2023" target="_blank" class="text-blue-600 hover:text-blue-800 text-lg sm:text-xl font-semibold transition duration-300 ease-in-out block p-3 bg-blue-50 rounded-lg shadow-sm hover:shadow-md">
                        Laporan SPJ Keuangan BOS Tahun Anggaran 2023 (Link Google Drive)
                    </a>
                </li>
                <li>
                    <a href="https://drive.google.com/your-link-2022" target="_blank" class="text-blue-600 hover:text-blue-800 text-lg sm:text-xl font-semibold transition duration-300 ease-in-out block p-3 bg-blue-50 rounded-lg shadow-sm hover:shadow-md">
                        Laporan SPJ Keuangan BOS Tahun Anggaran 2022 (Link Google Drive)
                    </a>
                </li>
                <!-- Anda bisa menambahkan lebih banyak link tahun di sini -->
                <li>
                    <a href="https://drive.google.com/your-link-2021" target="_blank" class="text-blue-600 hover:text-blue-800 text-lg sm:text-xl font-semibold transition duration-300 ease-in-out block p-3 bg-blue-50 rounded-lg shadow-sm hover:shadow-md">
                        Laporan SPJ Keuangan BOS Tahun Anggaran 2021 (Link Google Drive)
                    </a>
                </li>
                <li>
                    <a href="https://drive.google.com/your-link-2020" target="_blank" class="text-blue-600 hover:text-blue-800 text-lg sm:text-xl font-semibold transition duration-300 ease-in-out block p-3 bg-blue-50 rounded-lg shadow-sm hover:shadow-md">
                        Laporan SPJ Keuangan BOS Tahun Anggaran 2020 (Link Google Drive)
                    </a>
                </li>
            </ul>
        </div>

    </div>
</body>
</html>
Bagikan: