63 lines
1.9 KiB
HTML
63 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Страница не найдена</title>
|
||
<style>
|
||
body {
|
||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 100vh;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
}
|
||
.error-container {
|
||
background: white;
|
||
padding: 40px;
|
||
border-radius: 10px;
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
||
max-width: 500px;
|
||
width: 90%;
|
||
}
|
||
.error-code {
|
||
font-size: 80px;
|
||
font-weight: bold;
|
||
color: #3f51b5;
|
||
margin: 0;
|
||
}
|
||
.error-message {
|
||
font-size: 24px;
|
||
margin: 20px 0;
|
||
color: #333;
|
||
}
|
||
.home-link {
|
||
display: inline-block;
|
||
margin-top: 20px;
|
||
padding: 12px 30px;
|
||
background-color: #606fc7;
|
||
color: white;
|
||
text-decoration: none;
|
||
border-radius: 4px;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.home-link:hover {
|
||
background-color: #32408f;
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 5px 15px rgba(63, 81, 181, 0.3);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="error-container">
|
||
<h1 class="error-code">404</h1>
|
||
<p class="error-message">Упс! Страница не найдена</p>
|
||
<p>Возможно, она была перемещена или удалена.</p>
|
||
<a href="/" class="home-link">На главную</a>
|
||
</div>
|
||
</body>
|
||
</html> |