fix bugs an local

html/contacts.html

@@ -3,20 +3,20 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
+    <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="/css/style.css">
     
     <title>Заказать мультфильм: контакты студии О’ляпка</title>
 <meta name="description" content="Свяжитесь со студией О’ляпка в Telegram, WhatsApp или ВКонтакте. Обсудите идею мультфильма, сценарий, стоимость и срок создания.">
-<link rel="canonical" href="https://olapka.ru/contacts.html">
+<link rel="canonical" href="https://olapka.ru/contacts">
 <meta name="robots" content="index, follow, max-image-preview:large">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Заказать мультфильм: контакты студии О’ляпка">
 <meta property="og:description" content="Свяжитесь со студией О’ляпка в Telegram, WhatsApp или ВКонтакте. Обсудите идею мультфильма, сценарий, стоимость и срок создания.">
-<meta property="og:url" content="https://olapka.ru/contacts.html">
+<meta property="og:url" content="https://olapka.ru/contacts">
 <meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
@@ -47,7 +47,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -62,8 +62,8 @@
     },
     {
       "@type": "ContactPage",
-      "@id": "https://olapka.ru/contacts.html#webpage",
-      "url": "https://olapka.ru/contacts.html",
+      "@id": "https://olapka.ru/contacts#webpage",
+      "url": "https://olapka.ru/contacts",
       "name": "Заказать мультфильм: контакты студии О’ляпка",
       "description": "Свяжитесь со студией О’ляпка в Telegram, WhatsApp или ВКонтакте. Обсудите идею мультфильма, сценарий, стоимость и срок создания.",
       "inLanguage": "ru",
@@ -74,12 +74,12 @@
         "@id": "https://olapka.ru/#organization"
       },
       "breadcrumb": {
-        "@id": "https://olapka.ru/contacts.html#breadcrumbs"
+        "@id": "https://olapka.ru/contacts#breadcrumbs"
       }
     },
     {
       "@type": "BreadcrumbList",
-      "@id": "https://olapka.ru/contacts.html#breadcrumbs",
+      "@id": "https://olapka.ru/contacts#breadcrumbs",
       "itemListElement": [
         {
           "@type": "ListItem",
@@ -91,7 +91,7 @@
           "@type": "ListItem",
           "position": 2,
           "name": "Контакты",
-          "item": "https://olapka.ru/contacts.html"
+          "item": "https://olapka.ru/contacts"
         }
       ]
     }
@@ -100,7 +100,7 @@
 </head>
 <body class="contacts-page">
     <a class="skip-link" href="#main-content">Перейти к содержимому</a><div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
-<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="legal.html#cookies">Подробнее</a>
+<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="/legal#cookies">Подробнее</a>
 </div>
 <div class="cookie-actions">
 <button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
@@ -108,7 +108,7 @@
 </div>
 <main class="taplink" id="main-content" tabindex="-1">
         <nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
-<li><a href="index.html">Главная</a></li>
+<li><a href="/">Главная</a></li>
 <li><span aria-current="page">Контакты</span></li>
 </ol></nav><div class="taplink-logo">
             <span class="logo-bird-big">🐦</span>
@@ -158,8 +158,8 @@
         </div>
 
         <div class="taplink-legal">
-            <a href="legal.html">Политика cookies</a>
-            <a href="legal.html#agreement">Пользовательское соглашение</a>
+            <a href="/legal">Политика cookies</a>
+            <a href="/legal#agreement">Пользовательское соглашение</a>
         </div>
 
         <div class="taplink-footer">
@@ -168,9 +168,9 @@
     <p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p>
 <div class="contact-navigation">
 <p><a href="tel:+79160957383">+7 916 095-73-83</a></p>
-<p><a href="services.html">Услуги и цены</a> · <a href="portfolio.html">Примеры работ</a></p>
+<p><a href="/services">Услуги и цены</a> · <a href="/portfolio">Примеры работ</a></p>
 </div></main>
 
-    <script src="js/main.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>