/
outthevoid
/
frontend_developer_module_6
Обзор
Документация
Войти
/
outthevoid
/
frontend_developer_module_6
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
source/404.html
162 строки
8 KB
darthmorgot
Мелкие правки разметки.
13 май 2024, 17:44
13 май 2024, 17:44
76e3216
Код
Авторство
О чём код?
<!DOCTYPE html> <html class="page" lang="ru"> <head> <meta charset="UTF-8"> <title>Drink2Go - 404</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="apple-touch-icon" type="image/png" href="favicons/180.png" sizes="180x180"> <link rel="icon" type="image/png" href="favicons/192.png" sizes="192x192"> <link rel="icon" type="image/png" href="favicons/512.png" sizes="512x512"> <link rel="icon" type="image/svg+xml" href="favicons/icon.svg"> <link rel="icon" href="favicon.ico"> <link rel="manifest" href="manifest.webmanifest"> <link rel="stylesheet" href="styles/styles.css"> <script src="scripts/index.js" defer></script> </head> <body class="page__body"> <header class="header header--nojs"> <div class="container"> <nav class="header__nav nav"> <a class="header__logo-wrapper"> <picture> <source type="image/svg+xml" media="(min-width: 1440px)" srcset="images/logo-desktop.svg"> <source type="image/svg+xml" media="(min-width: 768px)" srcset="images/logo-tablet.svg"> <img class="header__logo" src="images/logo-mobile.svg" alt="Логотип интернет-магазина кофейных напитков"> </picture> <span class="header__description">Интернет-магазин <br> кофейных напитков</span> </a> <ul class="nav__list toggle"> <li class="nav__item"> <a class="nav__link">Главная</a> </li> <li class="nav__item"> <a class="nav__link" href="#">Каталог</a> </li> <li class="nav__item"> <a class="nav__link" href="#">Доставка</a> </li> <li class="nav__item"> <a class="nav__link" href="#">О нас</a> </li> </ul> <div class="nav__wrapper"> <a class="nav__login" href="#"> <svg width="16" height="16" aria-hidden="true" focusable="false" role="img"> <use href="icons/stack.svg#icon-login"></use> </svg> <span>Войти</span> </a> <a class="nav__cart" href="#"> <svg width="16" height="16" aria-hidden="true" focusable="false" role="img"> <use href="icons/stack.svg#icon-cart"></use> </svg> <span>Корзина</span> </a> <button class="nav__menu-button nav__menu-button--open" type="button"> <span class="visually-hidden">Открыть меню</span> <svg width="16" height="12" aria-hidden="true" focusable="false" role="img"> <use href="icons/stack.svg#icon-open-menu"></use> </svg> <svg class="toggle" width="12" height="12" aria-hidden="true" focusable="false" role="img"> <use href="icons/stack.svg#icon-close-menu"></use> </svg> </button> </div> </nav> </div> </header> <main class="main main-container"> <div class="main__error-message"> <h1>404</h1> <p>Страница не найдена. <a class="main__link" href="index.html">Перейти на главную</a>.</p> </div> </main> <footer class="footer"> <div class="footer__container container"> <div class="footer__top"> <div class="footer__logo"> <picture> <source type="image/svg+xml" media="(min-width: 768px)" srcset="images/logo-desktop.svg"> <img class="footer__image" src="images/logo-tablet.svg" alt="Логотип интернет-магазина кофейных напитков"> </picture> <span>Интернет-магазин кофейных напитков</span> </div> <ul class="footer__social social"> <li class="social__item"> <a class="social__link" href="https://vk.com/htmlacademy"> <svg width="20" height="20" aria-hidden="true" focusable="false" role="img"> <use href="icons/stack.svg#icon-vk"></use> </svg> <span class="visually-hidden">Вконтакте</span> </a> </li> <li class="social__item"> <a class="social__link social__link--margin" href="https://ru.pinterest.com/keks_is_html_academy/"> <svg width="22" height="22" aria-hidden="true" focusable="false" role="img"> <use href="icons/stack.svg#icon-pinterest"></use> </svg> <span class="visually-hidden">Pinterest</span> </a> </li> <li class="social__item"> <a class="social__link" href="https://ok.ru/htmlacademy"> <svg width="20" height="20" aria-hidden="true" focusable="false" role="img"> <use href="icons/stack.svg#icon-ok"></use> </svg> <span class="visually-hidden">Одноклассники</span> </a> </li> </ul> </div> <div class="footer__wrapper"> <div class="footer__nav"> <h3 class="footer__heading">Интернет-магазин</h3> <ul class="footer__list"> <li class="footer__item"> <a href="#">Каталог</a> </li> <li class="footer__item"> <a href="#">Доставка</a> </li> <li class="footer__item"> <a href="#">Способы оплаты</a> </li> <li class="footer__item"> <a href="#">О нас</a> </li> </ul> </div> <div class="footer__nav"> <h3 class="footer__heading">Медиа</h3> <ul class="footer__list"> <li class="footer__item"> <a href="#">Блог</a> </li> <li class="footer__item"> <a href="#">Информация для СМИ</a> </li> <li class="footer__item"> <a href="#">Правовая информация</a> </li> </ul> </div> <div class="footer__contacts"> <h3 class="footer__heading">Контакты</h3> <address class="footer__address"> Санкт-Петербург, набережная <br>реки Карповки, дом 5 </address> <a class="footer__phone" href="tel:+79999999999">+7 (999) 999-99-99</a> </div> </div> <div class="footer__developer"> <span>Разработано в</span> <a class="footer__developer-link" href="https://htmlacademy.ru/intensive/adaptive"> <span>HTML Academy</span> <svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="img"><path d="m11.22 5.75-5.25-3.25-5.19 3.25v-4.34l5.22-.58 5.22.58v4.34Zm0 .58-2.1 1.3-3.14-1.97v.57l2.68 1.68-.46.29-2.22-1.4v.58l1.75 1.1-.41.29h-.01l-1.33-.82v.58l.87.53-.89.56-5.16-3.23 5.17-3.28 5.24 3.22Zm0 5.44-5.22 3.27-5.22-3.27v-4.74l5.2 3.25v.59l-3.56-2.23v.57l3.58 2.26v.6l-3.57-2.23v.57l3.57 2.26 3.6-2.27v-2.44l1.62-1.01v4.82Zm-5.22-11.77-6 .66v11.58l6 3.76 6-3.76v-11.58l-6-.66Z" fill="currentColor"/></svg> </a> </div> </div> </footer> </body> </html>