154 lines
No EOL
3.9 KiB
HTML
154 lines
No EOL
3.9 KiB
HTML
<!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">
|
||
|
||
<meta name="description" content="EGPv3 - Панель управления для хостинга игровых серверов."/>
|
||
<meta name="keywords" content="Панель управления, хостинг игровых севреров, аренда сервера"/>
|
||
|
||
<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>
|
||
</html> |