41 lines
2.6 KiB
HTML
41 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="robots" content="noindex, follow">
|
|
<title>Страница не найдена — О’ляпка</title>
|
|
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Caveat:wght@500;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<link rel="stylesheet" href="/css/404.css">
|
|
</head>
|
|
<body class="error-page">
|
|
<a class="skip-link" href="#main-content">Перейти к содержимому</a>
|
|
<header class="error-header container">
|
|
<a class="logo" href="/" aria-label="О’ляпка — на главную"><span class="logo-bird" aria-hidden="true">🐦</span><span>О’ЛЯПКА</span></a>
|
|
<a class="error-contact" href="/contacts">Связаться со студией <span aria-hidden="true">↗</span></a>
|
|
</header>
|
|
<main id="main-content" class="error-main container" tabindex="-1">
|
|
<div class="error-art" aria-hidden="true">
|
|
<span class="error-orbit"></span>
|
|
<span class="error-spark error-spark-one">✦</span>
|
|
<span class="error-code">4<span class="error-zero">0<span class="error-bird">🐦</span></span>4</span>
|
|
<span class="error-spark error-spark-two">✧</span>
|
|
<span class="error-note">кажется, не тот кадр…</span>
|
|
</div>
|
|
<p class="error-eyebrow">ОШИБКА 404 · СТРАНИЦА НЕ НАЙДЕНА</p>
|
|
<h1>Эта страница<br>улетела из сюжета</h1>
|
|
<p class="error-description">Возможно, ссылка устарела или в адресе опечатка.<br class="desktop-break"> Но ваша история только начинается — вернёмся к ней?</p>
|
|
<div class="error-actions">
|
|
<a class="btn btn-primary" href="/">На главную <span aria-hidden="true">↗</span></a>
|
|
<a class="btn btn-outline" href="/services">Выбрать мультфильм</a>
|
|
</div>
|
|
<p class="error-portfolio">Нужна идея? <a href="/portfolio">Посмотрите наши работы <span aria-hidden="true">→</span></a></p>
|
|
</main>
|
|
<footer class="error-footer container"><span>© 2026 О’ляпка</span><span>Даже у хорошей истории бывают неожиданные повороты.</span></footer>
|
|
</body>
|
|
</html>
|