EngineGP/404.html

59 lines
2.8 KiB
HTML
Raw Normal View History

2023-03-04 23:45:46 +00:00
<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Страница не найдена</title>
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2023-03-04 23:45:46 +00:00
<meta name="description" content="EGPv3 - Панель управления для хостинга игровых серверов." />
<meta name="keywords" content="Панель управления, хостинг игровых севреров, аренда сервера" />
2023-03-04 23:45:46 +00:00
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=cyrillic');
* {margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;}
a {color:#fff; text-decoration:none; border-bottom:1px dashed #fff;}
a:hover {border-bottom:transparent;}
body {min-height:100vh; background:url('/template/images/error/404.png') center no-repeat; background-size:cover; color:#fff; font-size:16px; font-family:'Roboto Condensed', sans-serif;;}
.container {width:650px; margin:0 auto; padding:200px 0 20px;}
.content {display:inline-block; width:100%; background:rgba(204, 51, 51, 0.1); padding:15px 5px; text-align:center; font-size:20px; border:4px double rgba(255, 255, 255, 0.25); text-transform: uppercase;}
.content span {display:block; margin:0 auto; padding:15px 0; font-size:75px; font-weight:bold; text-shadow:0 0 80px rgba(255, 255, 255, 0.5);}
.links ul {display:table; margin:20px auto;}
.links ul li {float:left; list-style-type:none; margin:0 20px; text-transform:uppercase;}
.copy {padding:5px 10px; color:#eee; text-align:center;}
@media screen and (max-width: 768px) {
body {font-size:14px;}
.container {width:100%; padding:100px 20px 20px;}
.content {font-size:16px;}
.content span {font-size:50px;}
.links ul li {width:100px; margin:5px 20px; text-align:center;}
.links ul li:nth-child(4) {clear:both;}
}
@media screen and (max-width: 468px) {
.container {padding-top:30px;}
.content span {font-size:36px;}
.links ul li {width:70px;}
.links ul li:nth-child(2n+3) {clear:both;}
.links ul li:nth-child(4) {clear:none;}
}
</style>
</head>
<body>
<div class="container">
<div class="content">
К сожалению, страница не найдена
<span>Ошибка 404</span> Вы можете посетить другие страницы хостинга
</div>
<div class="links">
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/news">Новости</a></li>
<li><a href="/services">Услуги</a></li>
<li><a href="/contacts">Контакты</a></li>
</ul>
</div>
</div>
</body>
2023-03-04 23:45:46 +00:00
</html>