initial commit

html/legal.html

@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Юридические документы — Политика cookies и Пользовательское соглашение | Студия О'ляпка</title>
+    <meta name="description" content="Политика обработки cookies и пользовательское соглашение сайта студии мультфильмов О'ляпка.">
+    
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Юридические документы — Студия О'ляпка">
+    <meta property="og:description" content="Политика cookies и пользовательское соглашение.">
+    <meta property="og:image" content="https://olapka.ru/img/og-main.jpg">
+    <meta property="og:url" content="https://olapka.ru/legal.html">
+    
+    <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">
+    
+    <script type="text/javascript">
+       (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+       m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src="https://mc.yandex.ru/metrika/tag.js",a.parentNode.insertBefore(k,a)})
+       (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+       ym(110606131, "init", {clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true});
+    </script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=GTM-M5HGH586"></script>
+    <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','GTM-M5HGH586');</script>
+</head>
+<body>
+    <header class="header">
+        <div class="container header-inner">
+            <a href="index.html" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
+            <nav class="nav" id="nav">
+                <a href="index.html" class="nav-link">Главная</a>
+                <a href="services.html" class="nav-link">Услуги</a>
+                <a href="portfolio.html" class="nav-link">Работы</a>
+                <a href="contacts.html" class="nav-link">Контакты</a>
+            </nav>
+            <button class="burger" id="burger" aria-label="Меню"><span></span><span></span><span></span></button>
+        </div>
+    </header>
+
+    <main class="legal-page">
+        <div class="container">
+            <h1 class="page-title">Юридические <span class="accent">документы</span></h1>
+
+            <section class="legal-section" id="cookies">
+                <h2>Политика обработки cookies</h2>
+                <p class="legal-date">Дата вступления в силу: 11 июля 2026 года</p>
+
+                <h3>1. Общие положения</h3>
+                <p>Настоящая Политика обработки cookies (далее — Политика) регулирует использование файлов cookies на сайте студии мультфильмов «О'ляпка» (далее — Сайт), расположенном по адресу: https://olapka.ru.</p>
+
+                <h3>2. Что такое cookies</h3>
+                <p>Cookies — это небольшие текстовые файлы, которые сохраняются на вашем устройстве при посещении сайта. Они помогают нам улучшать работу Сайта, анализировать посещаемость и обеспечивать корректное функционирование всех сервисов.</p>
+
+                <h3>3. Какие cookies мы используем</h3>
+                <ul>
+                    <li><strong>Технические cookies</strong> — необходимы для работы Сайта, обеспечения безопасности и базовой функциональности.</li>
+                    <li><strong>Аналитические cookies</strong> — используются сервисами Яндекс.Метрика и Google Analytics для сбора статистики посещений и анализа поведения пользователей.</li>
+                    <li><strong>Cookies согласия</strong> — сохраняют ваш выбор относительно использования cookies.</li>
+                </ul>
+
+                <h3>4. Цели обработки</h3>
+                <p>Мы используем cookies для: обеспечения работоспособности Сайта; анализа посещаемости и улучшения качества контента; персонализации пользовательского опыта.</p>
+
+                <h3>5. Управление cookies</h3>
+                <p>Вы можете отключить cookies в настройках вашего браузера. Обратите внимание, что отключение cookies может повлиять на работу некоторых функций Сайта.</p>
+
+                <h3>6. Передача данных третьим лицам</h3>
+                <p>Данные, собранные с помощью аналитических cookies, могут передаваться сервисам Яндекс и Google в соответствии с их политиками конфиденциальности.</p>
+
+                <h3>7. Изменение Политики</h3>
+                <p>Мы оставляем за собой право изменять настоящую Политику. Актуальная версия всегда доступна на данной странице.</p>
+
+                <h3>8. Контакты</h3>
+                <p>По вопросам, связанным с обработкой cookies, вы можете связаться с нами через мессенджеры на странице <a href="contacts.html">«Контакты»</a>.</p>
+            </section>
+
+            <section class="legal-section" id="agreement">
+                <h2>Пользовательское соглашение</h2>
+                <p class="legal-date">Дата вступления в силу: 11 июля 2026 года</p>
+
+                <h3>1. Термины и определения</h3>
+                <ul>
+                    <li><strong>Сайт</strong> — интернет-ресурс https://olapka.ru.</li>
+                    <li><strong>Администрация</strong> — студия мультфильмов «О'ляпка».</li>
+                    <li><strong>Пользователь</strong> — любое лицо, использующее Сайт.</li>
+                    <li><strong>Услуги</strong> — создание ИИ-мультиков и сопутствующие сервисы.</li>
+                </ul>
+
+                <h3>2. Предмет соглашения</h3>
+                <p>Настоящее Соглашение регулирует отношения между Администрацией Сайта и Пользователем по поводу использования Сайта и заказа Услуг.</p>
+
+                <h3>3. Условия использования Сайта</h3>
+                <p>Пользователь соглашается не предпринимать действий, которые могут помешать нормальной работе Сайта. Запрещается использовать Сайт для распространения спама, вредоносного кода и материалов, нарушающих законодательство РФ.</p>
+
+                <h3>4. Интеллектуальная собственность</h3>
+                <p>Все материалы, размещённые на Сайте (тексты, графика, дизайн, логотип), являются объектами авторского права. Использование материалов без согласия правообладателя запрещено.</p>
+
+                <h3>5. Order услуг</h3>
+                <p>Условия заказа ИИ-мультиков, стоимость, сроки и порядок взаимодействия описаны на соответствующих страницах Сайта. Конкретные условия каждого заказа фиксируются в переписке с Пользователем.</p>
+
+                <h3>6. Ответственность сторон</h3>
+                <p>Администрация не несёт ответственности за любые убытки, возникшие в результате использования Сайта. Пользователь несёт персональную ответственность за достоверность предоставленной информации.</p>
+
+                <h3>7. Разрешение споров</h3>
+                <p>Все споры решаются путём переговоров. При невозможности достижения согласия — в соответствии с законодательством Российской Федерации.</p>
+
+                <h3>8. Изменение Соглашения</h3>
+                <p>Администрация вправе в одностороннем порядке изменять условия настоящего Соглашения. Актуальная версия всегда доступна на данной странице.</p>
+
+                <h3>9. Контакты</h3>
+                <p>По всем вопросам, связанным с настоящим Соглашением, обращайтесь через мессенджеры на странице <a href="contacts.html">«Контакты»</a>.</p>
+            </section>
+        </div>
+    </main>
+
+    <footer class="footer">
+        <div class="container footer-inner">
+            <div class="footer-col">
+                <a href="index.html" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
+                <p class="footer-about">Студия авторских ИИ-мультиков.</p>
+            </div>
+            <div class="footer-col">
+                <h4>Навигация</h4>
+                <a href="index.html">Главная</a>
+                <a href="services.html">Услуги</a>
+                <a href="portfolio.html">Работы</a>
+                <a href="contacts.html">Контакты</a>
+            </div>
+            <div class="footer-col">
+                <h4>Документы</h4>
+                <a href="legal.html">Политика cookies</a>
+                <a href="legal.html#agreement">Пользовательское соглашение</a>
+            </div>
+            <div class="footer-col">
+                <h4>Связаться</h4>
+                <a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a>
+                <a href="https://instagram.com/yuliasl1010" target="_blank" rel="noopener">Instagram</a>
+                <a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
+            </div>
+        </div>
+        <div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div>
+    </footer>
+
+    <script src="js/main.js"></script>
+</body>
+</html>