<?= $this->extend('backend/layout/template_menu'); ?>

<?= $this->section('content'); ?>

<!-- /.content-header -->

<!-- Main content -->
<section class="content">
  <div class="jumbotron jumbotron-fluid" style="min-height: 500px; background-color: #001f3f;">
    <div class="container" style="padding-top: 30px;color:white;">
      <center>
        <img src="<?= base_url(); ?>/asset/images/logo_madrasah.png" width="100" height="100" alt="">
        <h1 class="display-4" style="font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;">Madrasah Istiqlal Jakarta</h1>
        <p style="font-size: 25px;">Portal Aplikasi Pengelolaan Madrasah Istiqlal Jakarta.</p>
      </center>
    </div>
  </div>

  <div class="container" style="margin-top: -120px;">
    <!-- Small boxes (Stat box) -->
    <div class="card-deck" style="margin-bottom: 10px;">
      <div class="card">
        <div class="card-body">
          <b>
            <p class="text-center judulmenu">Kepegawaian</p>
          </b>
        </div>
        <a href="<?= base_url(); ?>/admin/kepegawaian">
          <img src="<?= base_url(); ?>/asset/images/employee.png" class="card-img-top imgzoom" alt="kepegawaian">
        </a>
      </div>
      <div class="card">
        <div class="card-body">
          <b>
            <p class="text-center judulmenu">Kesiswaan</p>
          </b>
        </div>
        <a href="<?= base_url(); ?>/admin/tu">
          <img src="<?= base_url(); ?>/asset/images/student.jpg" class="card-img-top imgzoom" alt="kesiswaan">
        </a>
      </div>
      <div class="card">
        <div class="card-body">
          <b>
            <p class="text-center judulmenu">Keuangan</p>
          </b>
        </div>
        <a href="<?= base_url(); ?>/admin/keuangan">
          <img src="<?= base_url(); ?>/asset/images/keuangan.png" class="card-img-top imgzoom" alt="keuangan">
        </a>
      </div>
      <div class="card">
        <div class="card-body">
          <b>
            <p class="text-center judulmenu">Profil</p>
          </b>
        </div>
        <a href="<?= base_url(); ?>/admin/umum">
          <img src="<?= base_url(); ?>/asset/images/profil.png" class="card-img-top imgzoom" alt="profil">
        </a>
      </div>
      <div class="card">
        <div class="card-body">
          <b>
            <p class="text-center judulmenu">Setting</p>
          </b>
        </div>
        <a href="<?= base_url(); ?>/admin/admin">
          <img src="<?= base_url(); ?>/asset/images/setting.png" class="card-img-top imgzoom" alt="setting">
        </a>
      </div>



    </div>




  </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->


<?= $this->endSection(); ?>