@extends('layouts.front')

@section('content')
    <style>
        table {
            border-collapse: separate;
            border-spacing: 0 15px;
        }
    </style>
    <div class="container mt-5">
        <div>
            <img style="width: 100%; height: 100%;" src="{{ asset('assets/content/images/banner.png') }}" alt="">
        </div>
        <div class="my-5">
            <h1 class="my-3 text-center fw-bold text-color">Dokumen Pendukung</h1>
            <h5 class="my-3 text-center fw-bold">Dokumen yang menyediakan informasi tambahan atau dukungan untuk topik
                tertentu.
                Mereka digunakan untuk memberikan rincian, bukti, atau penjelasan yang lebih lengkap tentang subjek yang
                sedang dibahas. Dokumen pendukung sering digunakan dalam berbagai konteks, termasuk bisnis, hukum, akademik,
                dan administratif.</h5>



            <table class="w-100 my-3" style="">
                <tbody>
                    <tr style="background-color:#e6f6ec;  overflow: hidden; ">
                        <td class="p-3 rounded-start text-center"><i style="color: #ffd80a;font-size:30px"
                                class="bi bi-circle-fill"></i></td>
                        <td class="p-3">
                            <h5 class="m-0">Surat Pernyataan Tanggung Jawab Mutlak
                            </h5>
                        </td>
                        <td class="rounded-end text-center p-3"><a class="btn-green h5 py-2 px-4 rounded"
                                href="">download</a>
                        </td>
                    </tr>
                    <tr style="background-color:#e6f6ec;  overflow: hidden;">
                        <td class="p-3 rounded-start text-center"><i style="color: #ffd80a;font-size:30px"
                                class="bi bi-circle-fill"></i></td>
                        <td class="p-3">
                            <h5 class="m-0">Materi Sosialisasi PPDB 2024 Samarinda
                            </h5>
                        </td>
                        <td class="rounded-end text-center p-3"><a class="btn-green h5 py-2 px-4 rounded"
                                href="">download</a>
                        </td>
                    </tr>
                    <tr style="background-color:#e6f6ec;  overflow: hidden;">
                        <td class="p-3 rounded-start text-center"><i style="color: #ffd80a;font-size:30px"
                                class="bi bi-circle-fill"></i></td>
                        <td class="p-3">
                            <h5 class="m-0">Format Pengaduan PPDB
                            </h5>
                        </td>
                        <td class="rounded-end text-center p-3"><a class="btn-green h5 py-2 px-4 rounded"
                                href="">download</a>
                        </td>
                    </tr>
                    <tr style="background-color:#e6f6ec;  overflow: hidden;">
                        <td class="p-3 rounded-start text-center"><i style="color: #ffd80a;font-size:30px"
                                class="bi bi-circle-fill"></i></td>
                        <td class="p-3">
                            <h5 class="m-0">Format Verifikasi Dokumen Persyaratan PPDB
                            </h5>
                        </td>
                        <td class="rounded-end text-center p-3"><a class="btn-green h5 py-2 px-4 rounded"
                                href="">download</a>
                        </td>
                    </tr>
                    <tr style="background-color:#e6f6ec;  overflow: hidden;">
                        <td class="p-3 rounded-start text-center"><i style="color: #ffd80a;font-size:30px"
                                class="bi bi-circle-fill"></i></td>
                        <td class="p-3">
                            <h5 class="m-0">Penetapan Penerimaan Peserta Didik Baru Pelimpahan Ke Sekolah Swasta
                            </h5>
                        </td>
                        <td class="rounded-end text-center p-3"><a class="btn-green h5 py-2 px-4 rounded"
                                href="">download</a>
                        </td>
                    </tr>
                    <tr style="background-color:#e6f6ec;  overflow: hidden;">
                        <td class="p-3 rounded-start text-center"><i style="color: #ffd80a;font-size:30px"
                                class="bi bi-circle-fill"></i></td>
                        <td class="p-3">
                            <h5 class="m-0">Tanggung Jawab Mutlak/Pakta Integritas Keluarga Ekonomi Tidak Mampu
                            </h5>
                        </td>
                        <td class="rounded-end text-center p-3"><a class="btn-green h5 py-2 px-4 rounded"
                                href="">download</a>
                        </td>
                    </tr>
                </tbody>
            </table>

        </div>

    </div>
@endsection