public/404.html
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Запрошенная страница не существует (404)</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
.default-error-page {
background-color: #EFEFEF;
color: #2E2F30;
text-align: center;
font-family: arial, sans-serif;
margin: 0;
}
.default-error-page div.dialog {
width: 95%;
max-width: 33em;
margin: 4em auto 0;
}
.default-error-page div.dialog > div {
border: 1px solid #CCC;
border-right-color: #999;
border-left-color: #999;
border-bottom-color: #BBB;
border-top: #2a2951 solid 4px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
background-color: white;
padding: 7px 12% 0;
box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
}
.default-error-page h1 {
font-size: 100%;
color: #FF411E;
line-height: 1.5em;
}
.default-error-page div.dialog > p {
margin: 0 0 1em;
padding: 1em;
background-color: #F7F7F7;
border: 1px solid #CCC;
border-right-color: #999;
border-left-color: #999;
border-bottom-color: #999;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-color: #DADADA;
color: #666;
box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
}
</style>
</head>
<body class="default-error-page">
<div class="dialog">
<div>
<h1>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16" role="img" aria-label="Warning">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</svg>
Страница не найдена (404)
</h1>
<p>Возможно, вы ошиблись при вводе адреса, либо эта страница была перемещена.</p>
<p>Перейти на главную страницу сайта вы можете, <a href="/">нажав здесь</a>.</p>
</div>
<p>В случае реальной ошибки на сайте, будет здорово, если вы сообщите нам об этом. Мы постараемся разобраться и быстро всё исправить.</p>
</div>
</body>
</html>