# Учебная HTML-карта

example.com зарезервирован для примеров. Двенадцать адресов вымышлены; не копируйте их в рабочую навигацию. HTML-пример закрыт meta robots noindex и не включается в sitemap сайта.

```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"><title>Учебная HTML-карта: 12 ссылок</title><style>body{font:18px/1.6 system-ui;max-width:65ch;margin:2rem auto;padding:0 1rem}a{color:#164276}a:focus-visible{outline:3px solid #b4482f;outline-offset:3px}</style></head><body><h1>Учебная карта мастерской</h1><p>Это вымышленный пример, а не карта действующего сайта. example.com зарезервирован для примеров. Двенадцать внешних учебных адресов замените реальными; они не демонстрируют работающие услуги.</p><section><h2>Работы</h2><ul><li><a href="https://example.com/shoe-repair/">Ремонт обуви</a></li><li><a href="https://example.com/bag-repair/">Ремонт сумок</a></li><li><a href="https://example.com/zip-replacement/">Замена молнии</a></li><li><a href="https://example.com/leather-restoration/">Реставрация кожи</a></li></ul></section><section><h2>Заказ</h2><ul><li><a href="https://example.com/photo-estimate/">Оценка по фото</a></li><li><a href="https://example.com/handover/">Передача изделия</a></li><li><a href="https://example.com/timing/">Сроки</a></li><li><a href="https://example.com/payment/">Оплата</a></li></ul></section><section><h2>Мастерская</h2><ul><li><a href="https://example.com/locations/">Пункты приёма</a></li><li><a href="https://example.com/portfolio/">Примеры работ</a></li><li><a href="https://example.com/questions/">Вопросы</a></li><li><a href="https://example.com/contact/">Контакты</a></li></ul></section></body></html>
```

Проверьте реальные href, GET-ответ, соответствие услуги, отсутствие лишних переходов, клавиатуру и экран телефона.
