<!DOCTYPE html>
<html lang="<?=\System\FastApp::getInstance()->getConfig("lang")?>">
<head>
<meta charset="UTF-8">
<title><?=\System\Libraries\Lang::getInstance()->line("error404")?></title>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Passion+One:900" rel="stylesheet">
</head>
<body>
<div id="notfound">
<div class="notfound">
<div class="notfound-404">
<h1>:(</h1>
</div>
<h2><?=\System\Libraries\Lang::getInstance()->line("error404_title")?></h2>
<p><?=\System\Libraries\Lang::getInstance()->line("error404")?></p>
<a href="<?=base_url(\System\FastApp::getInstance()->getConfig("default_route"))?>"><?=\System\Libraries\Lang::getInstance()->line("error404_btn")?></a>
</div>
</div>
<style scoped>
.notfound a,.notfound h2{ text-transform:uppercase}*{ -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:710px;width:100%;padding-left:190px;line-height:1.4}.notfound .notfound-404{ position:absolute;left:0;top:0;width:150px;height:150px}.notfound .notfound-404 h1{ font-family:'Passion One',cursive;color:#00b5c3;font-size:150px;letter-spacing:-27.5px;margin:0;font-weight:900;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound h2{ font-family:Raleway,sans-serif;color:#292929;font-size:28px;font-weight:700;letter-spacing:2.5px;margin-top:0}.notfound a,.notfound p{ font-family:Raleway,sans-serif;font-size:14px}.notfound p{ font-weight:400;margin-top:0;margin-bottom:15px;color:#333}.notfound a{ text-decoration:none;background:#fff;display:inline-block;padding:15px 30px;border-radius:40px;color:#292929;font-weight:700;-webkit-box-shadow:0 4px 15px -5px rgba(0,0,0,.3);box-shadow:0 4px 15px -5px rgba(0,0,0,.3);-webkit-transition:.2s all;transition:.2s all}.notfound a:hover{ color:#fff;background-color:#00b5c3}@media only screen and (max-width:480px){ .notfound{ text-align:center;padding-left:15px;padding-right:15px}.notfound .notfound-404{ position:relative;width:100%;margin-bottom:15px}}
</style>
</body>
</html>
|
Download
