<!-- Header Area -->
<div class="header-area" id="headerArea">
    <div class="container">
        <!-- # Paste your Header Content from here -->
        <!-- # Header Five Layout -->
        <!-- # Copy the code from here ... -->
        <!-- Header Content -->
        <div class="header-content header-style-five position-relative d-flex align-items-center justify-content-between">
            <!-- Logo Wrapper -->
            <div class="logo-wrapper"><a style="text-decoration: none;" href="<?= base_url() ?>"><img src="<?= logo() ?>" alt=""> <?= options('appname') ?? "APP NAME" ?></a></div>
            <!-- Navbar Toggler -->
            <a class="text-secondary" href="<?= base_url('logout') ?>">Keluar <i class="fas fa-sign-out-alt"></i></a>
            <!-- <div class="navbar--toggler" id="affanNavbarToggler" data-bs-toggle="offcanvas" data-bs-target="#affanOffcanvas" aria-controls="affanOffcanvas"><span class="d-block"></span><span class="d-block"></span><span class="d-block"></span></div> -->
        </div>
        <!-- # Header Five Layout End -->
    </div>
</div>
<!-- # Sidenav Left -->