<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title><?= $this->renderSection('title') ?></title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="<?= base_url('smart/dist/bt3/css/bootstrap.min.css') ?>">
  <link rel="stylesheet" href="<?= base_url('smart/dist/adlte/css/adminlte.css') ?>">
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  
  <!-- Google Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
  <!-- Custom -->
  <style type="text/css">
    .foot { margin-top: 5%; }

    #boxed {
      display: block;
      width: 250px;
      min-height: 250px;
      margin: auto;
      text-align: center !important;
    }
  </style>
  <?= $this->renderSection('pageStyles') ?>
</head>
<body class="hold-transition login-page">
  <?= $this->renderSection('main') ?>

  <!-- jQuery 3 -->
  <script src="<?= base_url('smart/dist/adlte/jquery/jquery.min.js') ?>"></script>
  <!-- Bootstrap 3.3.7 -->
  <script src="<?= base_url('smart/dist/bt3/js/bootstrap.min.js') ?>"></script>
  <?= $this->renderSection('pageScripts') ?>
</body>
</html>