<!DOCTYPE html>
<html lang="en">

<head>

    <title><?= $title?></title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />


    <!-- Favicon icon -->
    <link rel="icon"
          href="<?= base_url('assets/images/favicon.ico') ?>"
          type="image/x-icon">

    <!-- fontawesome icon -->
    <link rel="stylesheet"
          href="<?= base_url('assets/fonts/fontawesome/css/fontawesome-all.min.css') ?>">

    <!-- animation css -->
    <link rel="stylesheet"
          href="<?= base_url('assets/plugins/animation/css/animate.min.css') ?>">

    <!-- vendor css -->
    <link rel="stylesheet"
          href="<?= base_url('assets/css/style.css') ?>">

</head>

<body class="">

    <!-- [ Pre-loader ] start -->
    <div class="loader-bg">
        <div class="loader-track">
            <div class="loader-fill"></div>
        </div>
    </div>
    <!-- [ Pre-loader ] End -->