@{
    ViewBag.title = "Struktur Organisasi";
    ViewBag.menu = "Profil";
}

<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">
                <img src="/dlh/struktur-organisasi-dlh.png" class="w-100" alt="Struktur Organisasi DLH">
            </div>
        </div>
    </div>
</section>