<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title><?= $title; ?></title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Portal aplikasi MIJ" />
  <meta name="keywords" content="mij,sekolah,madrasah,istiqlal" />
  <!-- agar tidak diindeks searc engine -->
  <meta name="robots" content="noindex,nofollow" />
  <meta name="google-site-verification" content="K_QozFevcTRvp1e5DByvpct7aIcPG7I0y9DTr3yquE4" />

  <link rel="stylesheet" href="<?= base_url(); ?>/asset/mycss.css">
  <!-- Theme style -->
  <!-- <link rel="stylesheet" href="<?= base_url(); ?>/asset/dist/css/adminlte.min.css"> -->

  <!-- <link rel="stylesheet" href="<?= base_url(); ?>/asset/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> -->
  <!-- <link rel="stylesheet" href="<?= base_url(); ?>/asset/css/bootstrap.min.css"> -->

  <style>
    .info_kanan {
      margin-bottom: 20px;
    }

    .label_kanan {
      width: 40%;
      float: left;
    }

    .isi_kanan {
      width: 55%;
      float: left;
    }

    .img_center {
      display: block;
      margin: 0 auto;
    }

    .card-body {
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, .125);
      border-radius: .25rem;
      padding: 10px;
    }

    .card-body hr {
      color: 1px solid rgba(0, 0, 0, .125);
      margin-top: -20px;
    }


    .container {

      position: fixed;
      display: table;
    }

    .box {

      display: table-cell;

      vertical-align: middle;
      margin: auto;
      /* border: 50px solid rgba(0, 0, 0, .2); */
    }
  </style>

</head>

<body class="hold-transition sidebar-mini layout-fixed">
  <div class="wrapper">



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




    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
      <!-- Control sidebar content goes here -->
    </aside>
    <!-- /.control-sidebar -->
  </div>
  <!-- ./wrapper -->



</body>

</html>