add portfolio and reviews

This commit is contained in:
alexencom committed 2026-10-30 23:45:39 +03:00
1 parent e4988e9d67
commit 9a75e6d45a
10 files changed
+202 -74

No files matched your search

+1 -1
View File
@@ -297,7 +297,7 @@
<div class="footer-col"> <div class="footer-col">
<h4>Связаться</h4> <h4>Связаться</h4>
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a> <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://www.instagram.com/olapka_animatioh?utm_source=site" target="_blank" rel="noopener">Instagram</a>
<a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a> <a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
</div> </div>
</div> </div>
+1 -1
View File
@@ -138,7 +138,7 @@
<div class="footer-col"> <div class="footer-col">
<h4>Связаться</h4> <h4>Связаться</h4>
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a> <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://www.instagram.com/olapka_animatioh?utm_source=site" target="_blank" rel="noopener">Instagram</a>
<a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a> <a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
</div> </div>
</div> </div>
+199 -71
View File
@@ -1,21 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Примеры работ и отзывы — Студия мультфильмов О'ляпка</title> <title>Примеры работ и отзывы — Студия мультфильмов О'ляпка</title>
<meta name="description" content="Смотрите примеры ИИ-мультиков студии О'ляпка: персональные подарки, рекламные ролики, Love Story. Реальные отзывы клиентов."> <meta name="description"
content="Смотрите примеры ИИ-мультиков студии О'ляпка: персональные подарки, рекламные ролики, Love Story. Реальные отзывы клиентов.">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="Примеры работ студии О'ляпка"> <meta property="og:title" content="Примеры работ студии О'ляпка">
<meta property="og:description" content="Авторские ИИ-мультики: подарки, реклама, Love Story. Смотрите работы и отзывы."> <meta property="og:description"
content="Авторские ИИ-мультики: подарки, реклама, Love Story. Смотрите работы и отзывы.">
<meta property="og:image" content="https://olapka.ru/img/og-portfolio.jpg"> <meta property="og:image" content="https://olapka.ru/img/og-portfolio.jpg">
<meta property="og:url" content="https://olapka.ru/portfolio.html"> <meta property="og:url" content="https://olapka.ru/portfolio.html">
<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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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
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"> <link rel="stylesheet" href="css/style.css">
<script type="application/ld+json"> <script type="application/ld+json">
@@ -32,14 +37,17 @@
</script> </script>
<script type="text/javascript"> <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)}; (function (m, e, t, r, i, k, a) {
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)}) 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"); (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(110606131, "init", {clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true}); ym(110606131, "init", {clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true});
</script> </script>
<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-M5HGH586"></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> <script>window.dataLayer = window.dataLayer || []; function gtag() {dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GTM-M5HGH586');</script>
</head> </head>
<body> <body>
<div class="cookie-banner" id="cookieBanner"> <div class="cookie-banner" id="cookieBanner">
<div class="cookie-text">Мы используем cookies. <a href="legal.html">Подробнее</a>.</div> <div class="cookie-text">Мы используем cookies. <a href="legal.html">Подробнее</a>.</div>
@@ -48,7 +56,8 @@
<header class="header"> <header class="header">
<div class="container header-inner"> <div class="container header-inner">
<a href="index.html" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a> <a href="index.html" class="logo"><span class="logo-bird">🐦</span><span
class="logo-text">О'ЛЯПКА</span></a>
<nav class="nav" id="nav"> <nav class="nav" id="nav">
<a href="index.html" class="nav-link">Главная</a> <a href="index.html" class="nav-link">Главная</a>
<a href="services.html" class="nav-link">Услуги</a> <a href="services.html" class="nav-link">Услуги</a>
@@ -74,109 +83,153 @@
<div class="portfolio-grid"> <div class="portfolio-grid">
<article class="work-card" id="work-1"> <article class="work-card" id="work-1">
<div class="work-media"> <div class="work-media">
<button class="work-video" type="button" data-video="video/video-1.webm" data-title="История Анны и Дмитрия" data-goal="video_open" aria-label="Смотреть видео: История Анны и Дмитрия"> <button class="work-video" type="button" data-video="video/video-1.webm"
<video class="work-video-preview" src="video/video-1.webm#t=0.1" preload="metadata" muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video> data-title="Реклама к открытию детского лофта" data-goal="video_open"
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28"><path d="M8 5.5v13l10-6.5z" fill="currentColor"/></svg></span> aria-label="Смотреть видео: Реклама к открытию детского лофта">
<span class="work-video-label">Love Story</span> <video class="work-video-preview" src="video/video-1.webm#t=10.6" preload="metadata"
muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28"
height="28">
<path d="M8 5.5v13l10-6.5z" fill="currentColor" />
</svg></span>
<span class="work-video-label">Реклама</span>
</button> </button>
</div> </div>
<div class="work-info"> <div class="work-info">
<span class="work-tag">💍 Love Story</span> <span class="work-tag">🎉 Для бизнеса</span>
<h3>История Анны и Дмитрия</h3> <h3>Реклама детского лофта</h3>
<p>Романтичный мультик о знакомстве пары, который Дмитрий подарил Анне на годовщину. 1 минута, 6 сцен, авторская озвучка.</p> <p>Знакомит с сотрудниками и пространством лофта, помогая родителям представить праздник для
ребёнка. 3D-анимация в стилистике Pixar, где персонажи созданы по образам сотрудников.
</p>
<div class="work-meta"> <div class="work-meta">
<span>Тариф: История</span> <span>Тариф: «История»</span>
<span>4 500 ₽</span> <span>4 500 ₽</span>
</div> </div>
</div> </div>
</article> </article>
<article class="work-card" id="work-2"> <article class="work-card" id="work-2">
<div class="work-media"> <div class="work-media">
<button class="work-video" type="button" data-video="video/video-2.webm" data-title="Рекламный ролик для детской массажной студии" data-goal="video_open" aria-label="Смотреть видео: Рекламный ролик для детской массажной студии"> <button class="work-video" type="button" data-video="video/video-6.webm"
<video class="work-video-preview" src="video/video-2.webm#t=0.1" preload="metadata" muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video> data-title="Рекламный ролик для Детского Музея Мозга " data-goal="video_open"
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28"><path d="M8 5.5v13l10-6.5z" fill="currentColor"/></svg></span> aria-label="Смотреть видео: Рекламный ролик для Детского Музея Мозга">
<span class="work-video-label">Реклама студии</span> <video class="work-video-preview" src="video/video-6.webm#t=13.5" preload="metadata"
muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28"
height="28">
<path d="M8 5.5v13l10-6.5z" fill="currentColor" />
</svg></span>
<span class="work-video-label">Мультсериал</span>
</button> </button>
</div> </div>
<div class="work-info"> <div class="work-info">
<span class="work-tag">🚀 Для бизнеса</span> <span class="work-tag">🚀 Для бизнеса</span>
<h3>Рекламный ролик для детской массажной студии</h3> <h3>Детский музей мозга</h3>
<p>Показали пользу массажа через метафору: малыш растёт, а вместе с ним расцветает и его мир. Вирусный Reels с ростом охватов в 3 раза.</p> <p>Серия мультсериала для интерактивного музея. Показывает, как работает мозг, сохраняя
научную достоверность и интерес детей. 2D-анимация с персонажами по референсам
заказчика.</p>
<div class="work-meta"> <div class="work-meta">
<span>Тариф: Сказка</span> <span>Тариф: пакет «Контент-месяц»</span>
<span>9 000 ₽</span> <span>13 500 ₽</span>
</div> </div>
</div> </div>
</article> </article>
<article class="work-card" id="work-3"> <article class="work-card" id="work-3">
<div class="work-media"> <div class="work-media">
<button class="work-video" type="button" data-video="video/video-3.webm" data-title="Миша и волшебный лес" data-goal="video_open" aria-label="Смотреть видео: Миша и волшебный лес"> <button class="work-video" type="button" data-video="video/video-2.webm"
<video class="work-video-preview" src="video/video-3.webm#t=0.1" preload="metadata" muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video> data-title="Приключение Саши в Звёздном саду" data-goal="video_open"
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28"><path d="M8 5.5v13l10-6.5z" fill="currentColor"/></svg></span> aria-label="Смотреть видео: Приключение девочки Саши в Звёздном саду">
<span class="work-video-label">Сказка для Миши</span> <video class="work-video-preview" src="video/video-2.webm#t=0.1" preload="metadata"
muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28"
height="28">
<path d="M8 5.5v13l10-6.5z" fill="currentColor" />
</svg></span>
<span class="work-video-label">Сказка для Саши</span>
</button> </button>
</div> </div>
<div class="work-info"> <div class="work-info">
<span class="work-tag">🧸 Детская сказка</span> <span class="work-tag">🧸 Детская сказка</span>
<h3>Миша и волшебный лес</h3> <h3>Приключение Саши в Звёздном саду</h3>
<p>Персональная сказка для мальчика 5 лет, где он побеждает страх темноты. Мама плакала от счастья.</p> <p>Сказка о приключениях девочки и её любимой игрушки — персональный подарок на день
рождения. 3D-анимация в стилистике Pixar.</p>
<div class="work-meta"> <div class="work-meta">
<span>Тариф: История</span> <span>Тариф: «История»</span>
<span>4 500 ₽</span> <span>4 500 ₽</span>
</div> </div>
</div> </div>
</article> </article>
<article class="work-card" id="work-4"> <article class="work-card" id="work-4">
<div class="work-media"> <div class="work-media">
<button class="work-video" type="button" data-video="video/video-4.webm" data-title="Юбилей мамы — 55 лет" data-goal="video_open" aria-label="Смотреть видео: Юбилей мамы — 55 лет"> <button class="work-video" type="button" data-video="video/video-4.webm"
<video class="work-video-preview" src="video/video-4.webm#t=0.1" preload="metadata" muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video> data-title="Сюрприз для подруги" data-goal="video_open"
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28"><path d="M8 5.5v13l10-6.5z" fill="currentColor"/></svg></span> aria-label="Смотреть видео: Сюрприз для подруги">
<span class="work-video-label">Подарок маме</span> <video class="work-video-preview" src="video/video-4.webm#t=4" preload="metadata" muted
playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28"
height="28">
<path d="M8 5.5v13l10-6.5z" fill="currentColor" />
</svg></span>
<span class="work-video-label">Сюрприз для подруги</span>
</button> </button>
</div> </div>
<div class="work-info"> <div class="work-info">
<span class="work-tag">🎁 Подарок</span> <span class="work-tag">💖 Личное</span>
<h3>Юбилей мамы — 55 лет</h3> <h3>Сюрприз для подруги</h3>
<p>Дети подарили маме мультик о её жизни: детство в деревне, свадьба, рождение детей. 30 гостей смотрели со слезами на глазах.</p> <p>Мультфильм о встрече подруг после долгой разлуки в любимом стиле получательницы — аниме.
По задумке финал совпадает с настоящим стуком в дверь.</p>
<div class="work-meta"> <div class="work-meta">
<span>Тариф: Сказка</span> <span>Тариф: «Искры»</span>
<span>9 000 ₽</span> <span>3 300 ₽</span>
</div> </div>
</div> </div>
</article> </article>
<article class="work-card" id="work-5"> <article class="work-card" id="work-5">
<div class="work-media"> <div class="work-media">
<button class="work-video" type="button" data-video="video/video-5.webm" data-title="Серия Reels для эксперта по детскому сну" data-goal="video_open" aria-label="Смотреть видео: Серия Reels для эксперта по детскому сну"> <button class="work-video" type="button" data-video="video/video-5.webm"
<video class="work-video-preview" src="video/video-5.webm#t=0.1" preload="metadata" muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video> data-title="Артём и секрет настоящей победы" data-goal="video_open"
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28"><path d="M8 5.5v13l10-6.5z" fill="currentColor"/></svg></span> aria-label="Смотреть видео: Артём и секрет настоящей победы">
<span class="work-video-label">Контент для блога</span> <video class="work-video-preview" src="video/video-5.webm#t=0.1" preload="metadata"
muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28"
height="28">
<path d="M8 5.5v13l10-6.5z" fill="currentColor" />
</svg></span>
<span class="work-video-label">Детская сказка</span>
</button> </button>
</div> </div>
<div class="work-info"> <div class="work-info">
<span class="work-tag">📱 Для соцсетей</span> <span class="work-tag">🥹 Детская сказка</span>
<h3>Серия Reels для эксперта по детскому сну</h3> <h3>Артём и секрет настоящей победы</h3>
<p>4 мультика в едином стиле для контент-плана на месяц. Сохранения выросли в 5 раз, пришли новые подписчики.</p> <p>Сказка для мальчика, который хочет всегда быть первым. История помогает поговорить о
проигрышах, чувствах и дружбе. Главные герои — сам ребёнок, его родители и друзья.</p>
<div class="work-meta"> <div class="work-meta">
<span>Пакет «Контент-месяц»</span> <span>Тариф: «Сказка»</span>
<span>15 300 ₽ (со скидкой)</span> <span>7 000 ₽</span>
</div> </div>
</div> </div>
</article> </article>
<article class="work-card" id="work-6"> <article class="work-card" id="work-6">
<div class="work-media"> <div class="work-media">
<button class="work-video" type="button" data-video="video/video-6.webm" data-title="Поздравление с Новым годом для партнёров" data-goal="video_open" aria-label="Смотреть видео: Поздравление с Новым годом для партнёров"> <button class="work-video" type="button" data-video="video/video-3.webm"
<video class="work-video-preview" src="video/video-6.webm#t=0.1" preload="metadata" muted playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video> data-title="Продакт-плейсмент к сезону отключения горячей воды" data-goal="video_open"
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28"><path d="M8 5.5v13l10-6.5z" fill="currentColor"/></svg></span> aria-label="Смотреть видео: Продакт-плейсмент к сезону отключения горячей воды">
<span class="work-video-label">Открытка</span> <video class="work-video-preview" src="video/video-3.webm#t=1" preload="metadata" muted
playsinline disablepictureinpicture tabindex="-1" aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28"
height="28">
<path d="M8 5.5v13l10-6.5z" fill="currentColor" />
</svg></span>
<span class="work-video-label">Для соцсетей</span>
</button> </button>
</div> </div>
<div class="work-info"> <div class="work-info">
<span class="work-tag">✨ Короткий</span> <span class="work-tag">🚿 Для соцсетей</span>
<h3>Поздравление с Новым годом для партнёров</h3> <h3>Продакт-плейсмент к сезону отключения горячей воды</h3>
<p>Короткая анимированная открытка для рассылки VIP-клиентам бухгалтерской компании. Тёплое и необычное решение.</p> <p>Юмористический мультфильм, в котором зритель узнаёт знакомую проблему и видит её решение
с помощью товара. Контент для продвижения в соцсетях и на маркетплейсах.</p>
<div class="work-meta"> <div class="work-meta">
<span>Тариф: Искры</span> <span>Тариф: «История»</span>
<span>2 500 ₽</span> <span>4 500 ₽</span>
</div> </div>
</div> </div>
</article> </article>
@@ -191,23 +244,71 @@
<div class="reviews-grid"> <div class="reviews-grid">
<article class="review-card"> <article class="review-card">
<div class="review-stars">★★★★★</div> <div class="review-stars">★★★★★</div>
<p class="review-text">«Заказывали мультик на годовщину свадьбы. Муж был в полном восторге! Пересматриваем уже раз десять. Спасибо за вашу работу и душу, которую вы вкладываете!»</p> <p class="review-text">Долго сомневалась, нужен ли нам мультфильм, но решила попробовать.
Сделали всего за день после согласования сценария — даже раньше обещанного! Наш лофт
передали один в один: окна, горку, администратора и фотографа. Выложили ролик в районные
чаты, и теперь новые клиенты говорят: «Видели ваш мультик, поэтому зашли».</p>
<div class="review-author">
<div class="review-name">Кристина К.</div>
<div class="review-role">Руководитель детского лофта</div>
</div>
</article>
<article class="review-card">
<div class="review-stars">★★★★★</div>
<p class="review-text">Саша пересмотрела мультик уже раз двадцать! Увидеть на экране себя и
любимого кота Котю — полный восторг. История про Звёздный сад с нашими семейными
воспоминаниями тронула до слёз даже бабушек. Всё так похоже на нашу жизнь! А Саша теперь ещё
больше верит, что ночью игрушки оживают. Лучший подарок на день рождения, спасибо!</p>
<div class="review-author">
<div class="review-name">Мария К.</div>
<div class="review-role">Мама девочки Саши</div>
</div>
</article>
<article class="review-card">
<div class="review-stars">★★★★★</div>
<p class="review-text">Перед сезоном отключения горячей воды заказал юмористический ролик с
ненавязчивой рекламой товара. И не прогадал! Люди смотрели, а не пролистывали, делились друг
с другом. Продажи на маркетплейсах ощутимо выросли. Обязательно обращусь ещё для продвижения
других товаров!</p>
<div class="review-author">
<div class="review-name">Дмитрий О.</div>
<div class="review-role">Селлер WB</div>
</div>
</article>
<article class="review-card">
<div class="review-stars">★★★★★</div>
<p class="review-text">«Заказывали мультик на годовщину свадьбы. Муж был в полном восторге!
Пересматриваем уже раз десять. Спасибо за вашу работу и душу, которую вы вкладываете!»</p>
<div class="review-author"> <div class="review-author">
<div class="review-name">Анна К.</div> <div class="review-name">Анна К.</div>
<div class="review-role">Love Story, тариф «История»</div> <div class="review-role">Love Story</div>
</div> </div>
</article> </article>
<article class="review-card"> <article class="review-card">
<div class="review-stars">★★★★★</div> <div class="review-stars">★★★★★</div>
<p class="review-text">«Рекламный ролик для нашей студии массажа превзошёл ожидания. Клиенты пишут, что именно этот мультик убедил их прийти. Охваты в Instagram выросли в 3 раза!»</p> <p class="review-text">Хотела удивить подругу, с которой мы не виделись год. По сюжету две
подруги потеряли друг друга, а в финале раздаётся стук в дверь — и на пороге появляюсь я. В
жизни подстроила всё точно так же! Подруга была в шоке и восторге. Спасибо «Оляпке» за
воплощение моей задумки и внимание к деталям. Сюрприз удался!</p>
<div class="review-author">
<div class="review-name">Марина К.</div>
<div class="review-role">Сюрприз</div>
</div>
</article>
<article class="review-card">
<div class="review-stars">★★★★★</div>
<p class="review-text">«Рекламный ролик для нашей студии массажа превзошёл ожидания. Клиенты
пишут, что именно этот мультик убедил их прийти. Охваты в Instagram выросли в 3 раза!»</p>
<div class="review-author"> <div class="review-author">
<div class="review-name">Елена М.</div> <div class="review-name">Елена М.</div>
<div class="review-role">Детская массажная студия</div> <div class="review-role">Студия детского массажа</div>
</div> </div>
</article> </article>
<article class="review-card"> <article class="review-card">
<div class="review-stars">★★★★★</div> <div class="review-stars">★★★★★</div>
<p class="review-text">«Сын смотрел мультик про себя и не мог оторваться. Спросил: "Мама, это я настоящий в мультике?" Сердце растаяло. Спасибо за волшебство!»</p> <p class="review-text">«Сын смотрел мультик про себя и не мог оторваться. Спросил: "Мама, это я
настоящий в мультике?" Сердце растаяло. Спасибо за волшебство!»</p>
<div class="review-author"> <div class="review-author">
<div class="review-name">Ольга В.</div> <div class="review-name">Ольга В.</div>
<div class="review-role">Сказка для ребёнка</div> <div class="review-role">Сказка для ребёнка</div>
@@ -215,17 +316,31 @@
</article> </article>
<article class="review-card"> <article class="review-card">
<div class="review-stars">★★★★★</div> <div class="review-stars">★★★★★</div>
<p class="review-text">«Заказали контент-пакет на месяц. Теперь у нас не болит голова "что постить завтра". Аудитория ждёт новые серии, сохранения бьют рекорды.»</p> <p class="review-text">«Заказали контент-пакет на месяц. Теперь у нас не болит голова "что
постить завтра". Аудитория ждёт новые серии, сохранения бьют рекорды.»</p>
<div class="review-author"> <div class="review-author">
<div class="review-name">Марина Д.</div> <div class="review-name">Марина Д.</div>
<div class="review-role">Эксперт по детскому сну</div> <div class="review-role">Эксперт по детскому сну</div>
</div> </div>
</article> </article>
<article class="review-card">
<div class="review-stars">★★★★★</div>
<p class="review-text">Очень точно передали интерьер студии и внешность массажисток! Теперь
клиенты просятся «к девушке из мультика». После первого ролика заказали ещё три для рекламы
онлайн-курсов. За две недели публикаций продажи выросли на 20%. Отдельное спасибо за
терпение к правкам — всё получилось так, как я представляла!</p>
<div class="review-author">
<div class="review-name">Светлана И.</div>
<div class="review-role">Студия детского массажа</div>
</div>
</article>
</div> </div>
<div class="cta-inline"> <div class="cta-inline">
<h3>Хотите так же?</h3> <h3>Хотите так же?</h3>
<p>Расскажите нам о своей идее — и мы создадим мультик, который влюбит в себя.</p> <p>Расскажите нам о своей идее — и мы создадим мультик, который влюбит в себя.</p>
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_portfolio">Заказать мультик</a> <a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_portfolio">Заказать
мультик</a>
</div> </div>
</div> </div>
</section> </section>
@@ -234,7 +349,8 @@
<footer class="footer"> <footer class="footer">
<div class="container footer-inner"> <div class="container footer-inner">
<div class="footer-col"> <div class="footer-col">
<a href="index.html" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a> <a href="index.html" class="logo"><span class="logo-bird">🐦</span><span
class="logo-text">О'ЛЯПКА</span></a>
<p class="footer-about">Студия авторских ИИ-мультиков.</p> <p class="footer-about">Студия авторских ИИ-мультиков.</p>
</div> </div>
<div class="footer-col"> <div class="footer-col">
@@ -252,25 +368,36 @@
<div class="footer-col"> <div class="footer-col">
<h4>Связаться</h4> <h4>Связаться</h4>
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a> <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://www.instagram.com/olapka_animatioh?utm_source=site" target="_blank" rel="noopener">Instagram</a>
<a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a> <a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
</div> </div>
</div> </div>
<div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div> <div class="footer-bottom">
<div class="container">© 2026 Студия мультфильмов О'ляпка</div>
</div>
</footer> </footer>
<!-- Видео-лайтбокс --> <!-- Видео-лайтбокс -->
<div class="video-modal" id="videoModal" role="dialog" aria-modal="true" aria-labelledby="videoModalTitle" aria-hidden="true"> <div class="video-modal" id="videoModal" role="dialog" aria-modal="true" aria-labelledby="videoModalTitle"
aria-hidden="true">
<div class="video-modal-backdrop" data-video-close></div> <div class="video-modal-backdrop" data-video-close></div>
<div class="video-modal-dialog"> <div class="video-modal-dialog">
<div class="video-modal-bar"> <div class="video-modal-bar">
<span class="video-modal-title" id="videoModalTitle"></span> <span class="video-modal-title" id="videoModalTitle"></span>
<div class="video-modal-actions"> <div class="video-modal-actions">
<button class="video-modal-btn" type="button" id="videoModalFullscreen" aria-label="На весь экран" title="На весь экран"> <button class="video-modal-btn" type="button" id="videoModalFullscreen" aria-label="На весь экран"
<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true"><path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> title="На весь экран">
<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true">
<path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button> </button>
<button class="video-modal-btn" type="button" data-video-close aria-label="Закрыть" title="Закрыть (Esc)"> <button class="video-modal-btn" type="button" data-video-close aria-label="Закрыть"
<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg> title="Закрыть (Esc)">
<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true">
<path d="M6 6l12 12M18 6L6 18" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" />
</svg>
</button> </button>
</div> </div>
</div> </div>
@@ -282,4 +409,5 @@
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -231,7 +231,7 @@
<div class="footer-col"> <div class="footer-col">
<h4>Связаться</h4> <h4>Связаться</h4>
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a> <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://www.instagram.com/olapka_animatioh?utm_source=site" target="_blank" rel="noopener">Instagram</a>
<a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a> <a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
</div> </div>
</div> </div>
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.