@{
    ViewBag.title = "Anggaran";
    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="fw-semibold">Data Program dan Anggaran Dinas Lingkungan Hidup DKI Jakarta 2020 - 2022</h2>
                <p>Data Program dan Anggaran Dinas Lingkungan Hidup Provinsi DKI Jakarta</p>
                <div class="row">
                    <div class="col-12 col-md-12 text-center">
                        <a href="/dlh/xlsx/SAQ_Monev_Badan_Publik.xlsx" class="position-relative d-flex justify-content-center align-items-center mx-auto rounded-4 shadow" style="width: 300px; height: 360px;" target="_blank">
                                <img src="/dlh/img/xls.png" style="width: 200px;" alt="">
                                <span class="badge fs-6 bg-success position-absolute" style="right: 10px; top: 10px; border-radius: cacl(1rem + 5px)"><i class="fa-regular fa-file-excel"></i> Unduh</span>
                        </a>
                        <p class="mt-4 fw-semibold fs-5 col-6 mx-auto">Data Program dan Anggaran Dinas Lingkungan Hidup DKI Jakarta 2020-2022</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>