        <!-- Sidebar -->
        <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">

            <!-- Sidebar - Brand -->
            <a class="sidebar-brand d-flex align-items-center justify-content-center" href="<?= base_url('Admin/index')?>">
                <div class="sidebar-brand-icon rotate-n-15">
                    <i class="fas fa-laugh-wink"></i>
                </div>
                <div class="sidebar-brand-text mx-3">SB Admin <sup>2</sup></div>
            </a>

            <!-- Divider -->
            <hr class="sidebar-divider my-0">

            <!-- Nav Item - Dashboard -->
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Admin/index')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Dashboard</span></a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Program/view_program')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Program</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Berita/view_berita')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Berita</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Layanan/view_layanan')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Layanan</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Donasi/view_donasi')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Donasi</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Visimisi/view_visimisi')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Visi Misi</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('About/view_about')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>About</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Media/view_media')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Media</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Info/view_info')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Info</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Contact/view_contact')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Contact</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="<?= base_url('Pesan/view_pesan')?>">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Pesan</span></a>
            </li>
        </ul>
        <!-- End of Sidebar -->