@{
    ViewBag.title = "LKIP";
    ViewBag.menu = "Program";
}

<link rel="stylesheet" href="/lib/magnifier/magnifier.css">

<section class="page-header page-header-classic page-header-sm bg-secondary">
    <div class="container">
        <div class="row">
            <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                <h1 data-title-border>@ViewBag.title</h1>
            </div>
            <div class="col-md-4 order-1 order-md-2 align-self-center">
                <ul class="breadcrumb d-block text-md-end fw-semibold">
                    <li><a href="/" class="text-quaternary">Home</a></li>
                    @if (ViewBag.menu != null || ViewBag.menu != null)
                    {
                        <li><a href="#" class="text-quaternary">@ViewBag.menu</a></li>
                    }
                    @if (ViewBag.submenu != null || ViewBag.submenu != null)
                    {
                        <li><a href="#" class="text-quaternary">@ViewBag.submenu</a></li>
                    }
                    <li class="text-light">@ViewBag.title</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section>
    <div class="container">
        <div class="row">
            <div class="col-12 text-justify">
                <h2 class="mb-1 fw-semibold">Laporan Kinerja Instansi Pemerintahan</h2>
                <h2 class="fw-semibold">Dinas Lingkungan Hidup Provinsi DKI Jakarta</h2>
                <p>Laporan Kinerja Instansi Pemerintah Dinas Lingkungan Hidup Provinsi DKI Jakarta. Laporan ini disusun sebagai hasil dari pelaksanaan Penyususan laporan</p>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="d-flex flex-column flex-md-row gap-3">
                    <div class="d-flex gap-3 align-items-center">
                        <a href="/dlh/svgs/pdf.svg" data-bs-toggle="tooltip" data-bs-animation="true" data-bs-placement="top" title="LKIP Provinsi DKI Jakarta Tahun 2021" download>
                            <img src="/dlh/svgs/pdf.svg" width="60" alt="LKIP Provinsi DKI Jakarta Tahun 2021">
                        </a>
                        <small class="d-block d-md-none" style="font-size: .8rem">LKIP Provinsi DKI Jakarta Tahun 2021.pdf</small>
                    </div>

                    <div class="d-flex gap-3 align-items-center">
                        <a href="/dlh/svgs/pdf.svg" data-bs-toggle="tooltip" data-bs-animation="true" data-bs-placement="top" title="LKIP Provinsi DKI Jakarta Tahun 2022" download>
                            <img src="/dlh/svgs/pdf.svg" width="60" alt="LKIP Provinsi DKI Jakarta Tahun 2022">
                        </a>
                        <small class="d-block d-md-none" style="font-size: .8rem">LKIP Provinsi DKI Jakarta Tahun 2022.pdf</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>