<?php 
use App\Models\SettingModel;
$setting    = new SettingModel();
$app_setting  = $setting->get_application_setting();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>404 || <?php echo $app_setting->application_name; ?></title>
  <link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url(); ?><?php echo $app_setting->fevicon; ?>">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900" rel="stylesheet">
</head>
<body>
  <div id="notfound">
    <div class="notfound">
      <div class="notfound-404">
        <h1>Oops!</h1>
      </div>
      <h2>404 - Page not found</h2>
      <p>The page you are looking for might have been removed had its name changed or is temporarily unavailable.</p>
      <a href="<?php echo base_url(); ?>">Go To Homepage</a>
    </div>
  </div>
</body>
</html>
<style type="text/css">
*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:410px;width:100%;text-align:center}.notfound .notfound-404{height:280px;position:relative;z-index:-1}.notfound .notfound-404 h1{font-family:'Montserrat',sans-serif;font-size:230px;margin:0;font-weight:900;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#000;background-size:cover;background-position:center}.notfound h2{font-family:'Montserrat',sans-serif;color:#000;font-size:24px;font-weight:700;text-transform:uppercase;margin-top:0}.notfound p{font-family:'Montserrat',sans-serif;color:#000;font-size:14px;font-weight:400;margin-bottom:20px;margin-top:0}.notfound a{font-family:'Montserrat',sans-serif;font-size:14px;text-decoration:none;text-transform:uppercase;background:#0046d5;display:inline-block;padding:15px 30px;border-radius:40px;color:#fff;font-weight:700;-webkit-box-shadow:0 4px 15px -5px #0046d5;box-shadow:0 4px 15px -5px #0046d5}@media only screen and (max-width: 767px){.notfound .notfound-404{height:142px}.notfound .notfound-404 h1{font-size:112px}}</style>