alexencom/Olapka-ru
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bugs an local

Browse Source
This commit is contained in:
alexencom committed 2026-11-01 11:48:59 +03:00
1 parent 1380a4dfc8
commit b2a790337e
24 files changed
+490 -334
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

html/services.html
+46 -46
View File
@@ -4,22 +4,22 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Open Graph -->
<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">
<!-- JSON-LD: 3 услуги -->
<!-- Yandex.Metrika -->
<title>Создание мультфильмов: услуги и цены — О’ляпка</title>
<meta name="description" content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
<link rel="canonical" href="https://olapka.ru/services.html">
<link rel="canonical" href="https://olapka.ru/services">
<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="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
<meta property="og:url" content="https://olapka.ru/services.html">
<meta property="og:url" content="https://olapka.ru/services">
<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">
@@ -50,7 +50,7 @@
"telephone": "+79160957383",
"contactType": "customer service",
"availableLanguage": "ru",
"url": "https://olapka.ru/contacts.html"
"url": "https://olapka.ru/contacts"
}
},
{
@@ -65,8 +65,8 @@
},
{
"@type": "CollectionPage",
"@id": "https://olapka.ru/services.html#webpage",
"url": "https://olapka.ru/services.html",
"@id": "https://olapka.ru/services#webpage",
"url": "https://olapka.ru/services",
"name": "Создание мультфильмов: услуги и цены — О’ляпка",
"description": "Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.",
"inLanguage": "ru",
@@ -77,12 +77,12 @@
"@id": "https://olapka.ru/#organization"
},
"breadcrumb": {
"@id": "https://olapka.ru/services.html#breadcrumbs"
"@id": "https://olapka.ru/services#breadcrumbs"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://olapka.ru/services.html#breadcrumbs",
"@id": "https://olapka.ru/services#breadcrumbs",
"itemListElement": [
{
"@type": "ListItem",
@@ -94,39 +94,39 @@
"@type": "ListItem",
"position": 2,
"name": "Услуги",
"item": "https://olapka.ru/services.html"
"item": "https://olapka.ru/services"
}
]
},
{
"@type": "Service",
"@id": "https://olapka.ru/personal-animation.html#service",
"@id": "https://olapka.ru/personal-animation#service",
"name": "Персональные мультфильмы на заказ",
"description": "Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.",
"serviceType": "Персональные мультфильмы на заказ",
"url": "https://olapka.ru/personal-animation.html",
"url": "https://olapka.ru/personal-animation",
"provider": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "Service",
"@id": "https://olapka.ru/business-animation.html#service",
"@id": "https://olapka.ru/business-animation#service",
"name": "Рекламные анимационные ролики для бизнеса",
"description": "ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.",
"serviceType": "Рекламные анимационные ролики для бизнеса",
"url": "https://olapka.ru/business-animation.html",
"url": "https://olapka.ru/business-animation",
"provider": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "Service",
"@id": "https://olapka.ru/social-animation.html#service",
"@id": "https://olapka.ru/social-animation#service",
"name": "Анимационные ролики для соцсетей",
"description": "Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.",
"serviceType": "Анимационные ролики для соцсетей",
"url": "https://olapka.ru/social-animation.html",
"url": "https://olapka.ru/social-animation",
"provider": {
"@id": "https://olapka.ru/#organization"
}
@@ -139,21 +139,21 @@
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://olapka.ru/personal-animation.html#service"
"@id": "https://olapka.ru/personal-animation#service"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://olapka.ru/business-animation.html#service"
"@id": "https://olapka.ru/business-animation#service"
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://olapka.ru/social-animation.html#service"
"@id": "https://olapka.ru/social-animation#service"
}
}
]
@@ -163,7 +163,7 @@
</head>
<body>
<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>
@@ -171,21 +171,21 @@
</div>
<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>
<a href="/" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
<nav class="nav" id="nav" aria-label="Основная навигация">
<a href="index.html" class="nav-link">Главная</a>
<a href="services.html" class="nav-link active" aria-current="page">Услуги</a>
<a href="portfolio.html" class="nav-link">Работы</a>
<a href="contacts.html" class="nav-link">Контакты</a>
<a href="/" class="nav-link">Главная</a>
<a href="/services" class="nav-link active" aria-current="page">Услуги</a>
<a href="/portfolio" class="nav-link">Работы</a>
<a href="/contacts" class="nav-link">Контакты</a>
</nav>
<a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
<a href="/contacts" class="btn btn-primary" data-goal="order_header">Заказать</a>
<button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false" aria-controls="nav"><span></span><span></span><span></span></button>
</div>
</header>
<main 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><section class="page-hero">
<div class="container">
@@ -194,7 +194,7 @@
</div>
</section>
<nav class="container service-links" aria-label="Направления услуг"><a href="personal-animation.html">Персональные мультфильмы на заказ</a><a href="business-animation.html">Рекламные анимационные ролики для бизнеса</a><a href="social-animation.html">Анимационные ролики для соцсетей</a></nav><!-- Раздел 1: Личные мультики -->
<nav class="container service-links" aria-label="Направления услуг"><a href="/personal-animation">Персональные мультфильмы на заказ</a><a href="/business-animation">Рекламные анимационные ролики для бизнеса</a><a href="/social-animation">Анимационные ролики для соцсетей</a></nav><!-- Раздел 1: Личные мультики -->
<section class="section service-block" id="personal">
<div class="container">
<div class="service-head">
@@ -221,8 +221,8 @@
</article>
</div>
<div class="service-cta">
<p class="detail-link"><a href="personal-animation.html">Подробнее: персональные мультфильмы на заказ →</a></p>
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный мультик</a>
<p class="detail-link"><a href="/personal-animation">Подробнее: персональные мультфильмы на заказ →</a></p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный мультик</a>
</div>
</div>
</section>
@@ -254,8 +254,8 @@
</article>
</div>
<div class="service-cta">
<p class="detail-link"><a href="business-animation.html">Подробнее: рекламные анимационные ролики для бизнеса →</a></p>
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
<p class="detail-link"><a href="/business-animation">Подробнее: рекламные анимационные ролики для бизнеса →</a></p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
</div>
</div>
</section>
@@ -287,8 +287,8 @@
</article>
</div>
<div class="service-cta">
<p class="detail-link"><a href="social-animation.html">Подробнее: анимационные ролики для соцсетей →</a></p>
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
<p class="detail-link"><a href="/social-animation">Подробнее: анимационные ролики для соцсетей →</a></p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
</div>
</div>
</section>
@@ -329,7 +329,7 @@
<div class="price-desc">Короткий мультик до 30 секунд</div>
<div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels</div>
<div class="price-value">2 500 ₽</div>
<a href="contacts.html" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
<a href="/contacts" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
</article>
<article class="price-card featured" id="tariff-2">
<div class="price-badge">Популярный</div>
@@ -337,14 +337,14 @@
<div class="price-desc">От 30 секунд до 1 минуты</div>
<div class="price-features">4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция</div>
<div class="price-value">4 500 ₽</div>
<a href="contacts.html" class="btn btn-primary" data-goal="order_story">Заказать</a>
<a href="/contacts" class="btn btn-primary" data-goal="order_story">Заказать</a>
</article>
<article class="price-card" id="tariff-3">
<h3 class="price-name">Сказка</h3>
<div class="price-desc">От 1 до 2 минут</div>
<div class="price-features">От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип</div>
<div class="price-value">9 000 ₽</div>
<a href="contacts.html" class="btn btn-outline" data-goal="order_tale">Заказать</a>
<a href="/contacts" class="btn btn-outline" data-goal="order_tale">Заказать</a>
</article>
</div>
<div class="pricing-note">
@@ -356,26 +356,26 @@
<section class="section"><div class="container faq">
<h2 class="section-title">Вопросы о заказе мультфильма</h2>
<details><summary>Сколько стоит мультфильм?</summary><p>Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные сцены, срочность и адаптации оплачиваются отдельно.</p></details><details><summary>Сколько времени занимает работа?</summary><p>Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала работы. Срочное изготовление обсуждается отдельно.</p></details><details><summary>Как заказать?</summary><p>Откройте <a href="contacts.html">контакты</a> и напишите в удобный мессенджер: кому нужен ролик, для чего и к какой дате.</p></details>
<details><summary>Сколько стоит мультфильм?</summary><p>Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные сцены, срочность и адаптации оплачиваются отдельно.</p></details><details><summary>Сколько времени занимает работа?</summary><p>Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала работы. Срочное изготовление обсуждается отдельно.</p></details><details><summary>Как заказать?</summary><p>Откройте <a href="/contacts">контакты</a> и напишите в удобный мессенджер: кому нужен ролик, для чего и к какой дате.</p></details>
</div></section><p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></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>
<a href="/" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
<p class="footer-about">Студия авторских ИИ-мультиков.</p>
</div>
<div class="footer-col">
<h2>Навигация</h2>
<a href="index.html">Главная</a>
<a href="services.html">Услуги</a>
<a href="portfolio.html">Работы</a>
<a href="contacts.html">Контакты</a>
<a href="/">Главная</a>
<a href="/services">Услуги</a>
<a href="/portfolio">Работы</a>
<a href="/contacts">Контакты</a>
</div>
<div class="footer-col">
<h2>Документы</h2>
<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="footer-col">
<h2>Связаться</h2>
@@ -387,6 +387,6 @@
<div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div>
</footer>
<script src="js/main.js" defer></script>
<script src="/js/main.js" defer></script>
</body>
</html>