update astra
This commit is contained in:
1 parent
9a75e6d45a
commit
6addd97a93
14 files changed
+1635
-508
No files matched your search
+203
-135
@@ -4,75 +4,171 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Примеры работ и отзывы — Студия мультфильмов О'ляпка</title>
|
||||
<meta name="description"
|
||||
content="Смотрите примеры ИИ-мультиков студии О'ляпка: персональные подарки, рекламные ролики, Love Story. Реальные отзывы клиентов.">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Примеры работ студии О'ляпка">
|
||||
<meta property="og:description"
|
||||
content="Авторские ИИ-мультики: подарки, реклама, Love Story. Смотрите работы и отзывы.">
|
||||
<meta property="og:image" content="https://olapka.ru/img/og-portfolio.jpg">
|
||||
<meta property="og:url" content="https://olapka.ru/portfolio.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 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="application/ld+json">
|
||||
<title>Примеры мультфильмов и рекламной анимации — О’ляпка</title>
|
||||
<meta name="description" content="Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.">
|
||||
<link rel="canonical" href="https://olapka.ru/portfolio.html">
|
||||
<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="Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.">
|
||||
<meta property="og:url" content="https://olapka.ru/portfolio.html">
|
||||
<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">
|
||||
<meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
|
||||
<meta property="og:site_name" content="Студия О’ляпка">
|
||||
<meta property="og:locale" content="ru_RU">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:image" content="https://olapka.ru/img/og-cover.jpg">
|
||||
<script type="application/ld+json">{
|
||||
"@context": "https://schema.org",
|
||||
"@graph": [
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "ItemList",
|
||||
"name": "Примеры работ студии О'ляпка",
|
||||
"itemListElement": [
|
||||
{"@type":"ListItem","position":1,"name":"Love Story Анны и Дмитрия","url":"https://olapka.ru/portfolio.html#work-1"},
|
||||
{"@type":"ListItem","position":2,"name":"Рекламный ролик для массажной студии","url":"https://olapka.ru/portfolio.html#work-2"},
|
||||
{"@type":"ListItem","position":3,"name":"Сказка для Миши, 5 лет","url":"https://olapka.ru/portfolio.html#work-3"}
|
||||
]
|
||||
"@type": "Organization",
|
||||
"@id": "https://olapka.ru/#organization",
|
||||
"name": "Студия мультфильмов О’ляпка",
|
||||
"url": "https://olapka.ru/",
|
||||
"logo": "https://olapka.ru/img/favicon.svg",
|
||||
"telephone": "+79160957383",
|
||||
"sameAs": [
|
||||
"https://t.me/YuliaAnimation",
|
||||
"https://www.instagram.com/olapka_animatioh",
|
||||
"https://vk.com/club240204788"
|
||||
],
|
||||
"contactPoint": {
|
||||
"@type": "ContactPoint",
|
||||
"telephone": "+79160957383",
|
||||
"contactType": "customer service",
|
||||
"availableLanguage": "ru",
|
||||
"url": "https://olapka.ru/contacts.html"
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "WebSite",
|
||||
"@id": "https://olapka.ru/#website",
|
||||
"url": "https://olapka.ru/",
|
||||
"name": "Студия О’ляпка",
|
||||
"inLanguage": "ru",
|
||||
"publisher": {
|
||||
"@id": "https://olapka.ru/#organization"
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "CollectionPage",
|
||||
"@id": "https://olapka.ru/portfolio.html#webpage",
|
||||
"url": "https://olapka.ru/portfolio.html",
|
||||
"name": "Примеры мультфильмов и рекламной анимации — О’ляпка",
|
||||
"description": "Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.",
|
||||
"inLanguage": "ru",
|
||||
"isPartOf": {
|
||||
"@id": "https://olapka.ru/#website"
|
||||
},
|
||||
"about": {
|
||||
"@id": "https://olapka.ru/#organization"
|
||||
},
|
||||
"breadcrumb": {
|
||||
"@id": "https://olapka.ru/portfolio.html#breadcrumbs"
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "BreadcrumbList",
|
||||
"@id": "https://olapka.ru/portfolio.html#breadcrumbs",
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"name": "Главная",
|
||||
"item": "https://olapka.ru/"
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"name": "Работы",
|
||||
"item": "https://olapka.ru/portfolio.html"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"@type": "ItemList",
|
||||
"name": "Примеры работ",
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"name": "Реклама детского лофта",
|
||||
"url": "https://olapka.ru/portfolio.html#work-1"
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"name": "Детский музей мозга",
|
||||
"url": "https://olapka.ru/portfolio.html#work-2"
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 3,
|
||||
"name": "Приключение Саши в Звёздном саду",
|
||||
"url": "https://olapka.ru/portfolio.html#work-3"
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 4,
|
||||
"name": "Сюрприз для подруги",
|
||||
"url": "https://olapka.ru/portfolio.html#work-4"
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 5,
|
||||
"name": "Артём и секрет настоящей победы",
|
||||
"url": "https://olapka.ru/portfolio.html#work-5"
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 6,
|
||||
"name": "Продакт-плейсмент к сезону отключения горячей воды",
|
||||
"url": "https://olapka.ru/portfolio.html#work-6"
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
<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>
|
||||
]
|
||||
}</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="cookie-banner" id="cookieBanner">
|
||||
<div class="cookie-text">Мы используем cookies. <a href="legal.html">Подробнее</a>.</div>
|
||||
<button class="cookie-btn" id="cookieAccept" data-goal="cookie_accept">Принять</button>
|
||||
</div>
|
||||
|
||||
<header class="header">
|
||||
<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>
|
||||
<div class="cookie-actions">
|
||||
<button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
|
||||
</div>
|
||||
</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>
|
||||
<nav class="nav" id="nav">
|
||||
<a href="index.html" 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">Услуги</a>
|
||||
<a href="portfolio.html" class="nav-link active">Работы</a>
|
||||
<a href="portfolio.html" class="nav-link active" aria-current="page">Работы</a>
|
||||
<a href="contacts.html" class="nav-link">Контакты</a>
|
||||
</nav>
|
||||
<a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
|
||||
<button class="burger" id="burger" aria-label="Меню"><span></span><span></span><span></span></button>
|
||||
<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>
|
||||
<section class="page-hero">
|
||||
<main id="main-content" tabindex="-1">
|
||||
<nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
|
||||
<li><a href="index.html">Главная</a></li>
|
||||
<li><span aria-current="page">Работы</span></li>
|
||||
</ol></nav><section class="page-hero">
|
||||
<div class="container">
|
||||
<h1 class="page-title">Наши <span class="accent">работы</span></h1>
|
||||
<h1 class="page-title">Примеры мультфильмов и рекламной анимации</h1>
|
||||
<p class="page-subtitle">Каждый мультик — это уникальная история. Смотрите примеры и вдохновляйтесь.</p>
|
||||
</div>
|
||||
</section>
|
||||
@@ -80,17 +176,14 @@
|
||||
<!-- Примеры работ -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="portfolio-grid">
|
||||
<h2 class="section-title">Мультфильмы и рекламные ролики</h2>
|
||||
<div class="portfolio-grid">
|
||||
<article class="work-card" id="work-1">
|
||||
<div class="work-media">
|
||||
<button class="work-video" type="button" data-video="video/video-1.webm"
|
||||
data-title="Реклама к открытию детского лофта" data-goal="video_open"
|
||||
aria-label="Смотреть видео: Реклама к открытию детского лофта">
|
||||
<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" />
|
||||
<button class="work-video" type="button" data-video="video/video-1.webm" data-title="Реклама к открытию детского лофта" data-goal="video_open" aria-label="Смотреть видео: Реклама к открытию детского лофта">
|
||||
<video class="work-video-preview" src="video/video-1.webm#t=10.6" preload="none" muted playsinline 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"></path>
|
||||
</svg></span>
|
||||
<span class="work-video-label">Реклама</span>
|
||||
</button>
|
||||
@@ -106,17 +199,13 @@
|
||||
<span>4 500 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<noscript><p><a href="video/video-1.webm">Открыть видео</a></p></noscript></article>
|
||||
<article class="work-card" id="work-2">
|
||||
<div class="work-media">
|
||||
<button class="work-video" type="button" data-video="video/video-6.webm"
|
||||
data-title="Рекламный ролик для Детского Музея Мозга " data-goal="video_open"
|
||||
aria-label="Смотреть видео: Рекламный ролик для Детского Музея Мозга">
|
||||
<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" />
|
||||
<button class="work-video" type="button" data-video="video/video-6.webm" data-title="Рекламный ролик для Детского Музея Мозга " data-goal="video_open" aria-label="Смотреть видео: Рекламный ролик для Детского Музея Мозга">
|
||||
<video class="work-video-preview" src="video/video-6.webm#t=13.5" preload="none" muted playsinline 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"></path>
|
||||
</svg></span>
|
||||
<span class="work-video-label">Мультсериал</span>
|
||||
</button>
|
||||
@@ -132,17 +221,13 @@
|
||||
<span>13 500 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<noscript><p><a href="video/video-6.webm">Открыть видео</a></p></noscript></article>
|
||||
<article class="work-card" id="work-3">
|
||||
<div class="work-media">
|
||||
<button class="work-video" type="button" data-video="video/video-2.webm"
|
||||
data-title="Приключение Саши в Звёздном саду" data-goal="video_open"
|
||||
aria-label="Смотреть видео: Приключение девочки Саши в Звёздном саду">
|
||||
<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" />
|
||||
<button class="work-video" type="button" data-video="video/video-2.webm" data-title="Приключение Саши в Звёздном саду" data-goal="video_open" aria-label="Смотреть видео: Приключение девочки Саши в Звёздном саду">
|
||||
<video class="work-video-preview" src="video/video-2.webm#t=0.1" preload="none" muted playsinline 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"></path>
|
||||
</svg></span>
|
||||
<span class="work-video-label">Сказка для Саши</span>
|
||||
</button>
|
||||
@@ -157,17 +242,13 @@
|
||||
<span>4 500 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<noscript><p><a href="video/video-2.webm">Открыть видео</a></p></noscript></article>
|
||||
<article class="work-card" id="work-4">
|
||||
<div class="work-media">
|
||||
<button class="work-video" type="button" data-video="video/video-4.webm"
|
||||
data-title="Сюрприз для подруги" data-goal="video_open"
|
||||
aria-label="Смотреть видео: Сюрприз для подруги">
|
||||
<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" />
|
||||
<button class="work-video" type="button" data-video="video/video-4.webm" data-title="Сюрприз для подруги" data-goal="video_open" aria-label="Смотреть видео: Сюрприз для подруги">
|
||||
<video class="work-video-preview" src="video/video-4.webm#t=4" preload="none" muted playsinline 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"></path>
|
||||
</svg></span>
|
||||
<span class="work-video-label">Сюрприз для подруги</span>
|
||||
</button>
|
||||
@@ -182,17 +263,13 @@
|
||||
<span>3 300 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<noscript><p><a href="video/video-4.webm">Открыть видео</a></p></noscript></article>
|
||||
<article class="work-card" id="work-5">
|
||||
<div class="work-media">
|
||||
<button class="work-video" type="button" data-video="video/video-5.webm"
|
||||
data-title="Артём и секрет настоящей победы" data-goal="video_open"
|
||||
aria-label="Смотреть видео: Артём и секрет настоящей победы">
|
||||
<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" />
|
||||
<button class="work-video" type="button" data-video="video/video-5.webm" data-title="Артём и секрет настоящей победы" data-goal="video_open" aria-label="Смотреть видео: Артём и секрет настоящей победы">
|
||||
<video class="work-video-preview" src="video/video-5.webm#t=0.1" preload="none" muted playsinline 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"></path>
|
||||
</svg></span>
|
||||
<span class="work-video-label">Детская сказка</span>
|
||||
</button>
|
||||
@@ -207,17 +284,13 @@
|
||||
<span>7 000 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<noscript><p><a href="video/video-5.webm">Открыть видео</a></p></noscript></article>
|
||||
<article class="work-card" id="work-6">
|
||||
<div class="work-media">
|
||||
<button class="work-video" type="button" data-video="video/video-3.webm"
|
||||
data-title="Продакт-плейсмент к сезону отключения горячей воды" data-goal="video_open"
|
||||
aria-label="Смотреть видео: Продакт-плейсмент к сезону отключения горячей воды">
|
||||
<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" />
|
||||
<button class="work-video" type="button" data-video="video/video-3.webm" data-title="Продакт-плейсмент к сезону отключения горячей воды" data-goal="video_open" aria-label="Смотреть видео: Продакт-плейсмент к сезону отключения горячей воды">
|
||||
<video class="work-video-preview" src="video/video-3.webm#t=1" preload="none" muted playsinline 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"></path>
|
||||
</svg></span>
|
||||
<span class="work-video-label">Для соцсетей</span>
|
||||
</button>
|
||||
@@ -232,7 +305,7 @@
|
||||
<span>4 500 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<noscript><p><a href="video/video-3.webm">Открыть видео</a></p></noscript></article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -240,7 +313,8 @@
|
||||
<!-- Отзывы -->
|
||||
<section class="section reviews">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Что говорят <span class="accent">клиенты</span></h2>
|
||||
<h2 class="section-title">Что говорят <span class="accent">клиенты</span>
|
||||
</h2>
|
||||
<div class="reviews-grid">
|
||||
<article class="review-card">
|
||||
<div class="review-stars">★★★★★</div>
|
||||
@@ -249,7 +323,7 @@
|
||||
передали один в один: окна, горку, администратора и фотографа. Выложили ролик в районные
|
||||
чаты, и теперь новые клиенты говорят: «Видели ваш мультик, поэтому зашли».</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Кристина К.</div>
|
||||
<h3 class="review-name">Кристина К.</h3>
|
||||
<div class="review-role">Руководитель детского лофта</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -260,7 +334,7 @@
|
||||
воспоминаниями тронула до слёз даже бабушек. Всё так похоже на нашу жизнь! А Саша теперь ещё
|
||||
больше верит, что ночью игрушки оживают. Лучший подарок на день рождения, спасибо!</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Мария К.</div>
|
||||
<h3 class="review-name">Мария К.</h3>
|
||||
<div class="review-role">Мама девочки Саши</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -271,7 +345,7 @@
|
||||
с другом. Продажи на маркетплейсах ощутимо выросли. Обязательно обращусь ещё для продвижения
|
||||
других товаров!</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Дмитрий О.</div>
|
||||
<h3 class="review-name">Дмитрий О.</h3>
|
||||
<div class="review-role">Селлер WB</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -281,7 +355,7 @@
|
||||
<p class="review-text">«Заказывали мультик на годовщину свадьбы. Муж был в полном восторге!
|
||||
Пересматриваем уже раз десять. Спасибо за вашу работу и душу, которую вы вкладываете!»</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Анна К.</div>
|
||||
<h3 class="review-name">Анна К.</h3>
|
||||
<div class="review-role">Love Story</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -292,7 +366,7 @@
|
||||
жизни подстроила всё точно так же! Подруга была в шоке и восторге. Спасибо «Оляпке» за
|
||||
воплощение моей задумки и внимание к деталям. Сюрприз удался!</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Марина К.</div>
|
||||
<h3 class="review-name">Марина К.</h3>
|
||||
<div class="review-role">Сюрприз</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -301,7 +375,7 @@
|
||||
<p class="review-text">«Рекламный ролик для нашей студии массажа превзошёл ожидания. Клиенты
|
||||
пишут, что именно этот мультик убедил их прийти. Охваты в Instagram выросли в 3 раза!»</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Елена М.</div>
|
||||
<h3 class="review-name">Елена М.</h3>
|
||||
<div class="review-role">Студия детского массажа</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -310,7 +384,7 @@
|
||||
<p class="review-text">«Сын смотрел мультик про себя и не мог оторваться. Спросил: "Мама, это я
|
||||
настоящий в мультике?" Сердце растаяло. Спасибо за волшебство!»</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Ольга В.</div>
|
||||
<h3 class="review-name">Ольга В.</h3>
|
||||
<div class="review-role">Сказка для ребёнка</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -319,7 +393,7 @@
|
||||
<p class="review-text">«Заказали контент-пакет на месяц. Теперь у нас не болит голова "что
|
||||
постить завтра". Аудитория ждёт новые серии, сохранения бьют рекорды.»</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Марина Д.</div>
|
||||
<h3 class="review-name">Марина Д.</h3>
|
||||
<div class="review-role">Эксперт по детскому сну</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -331,7 +405,7 @@
|
||||
онлайн-курсов. За две недели публикаций продажи выросли на 20%. Отдельное спасибо за
|
||||
терпение к правкам — всё получилось так, как я представляла!</p>
|
||||
<div class="review-author">
|
||||
<div class="review-name">Светлана И.</div>
|
||||
<h3 class="review-name">Светлана И.</h3>
|
||||
<div class="review-role">Студия детского массажа</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -344,29 +418,28 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<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="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>
|
||||
<h2>Навигация</h2>
|
||||
<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>
|
||||
<h2>Документы</h2>
|
||||
<a href="legal.html">Политика cookies</a>
|
||||
<a href="legal.html#agreement">Пользовательское соглашение</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Связаться</h4>
|
||||
<h2>Связаться</h2>
|
||||
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</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>
|
||||
@@ -378,36 +451,31 @@
|
||||
</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-dialog">
|
||||
<div class="video-modal-bar">
|
||||
<span class="video-modal-title" id="videoModalTitle"></span>
|
||||
<div class="video-modal-actions">
|
||||
<button class="video-modal-btn" type="button" id="videoModalFullscreen" aria-label="На весь экран"
|
||||
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" />
|
||||
<button class="video-modal-btn" type="button" id="videoModalFullscreen" aria-label="На весь экран" 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"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="video-modal-btn" type="button" data-video-close aria-label="Закрыть"
|
||||
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" />
|
||||
<button class="video-modal-btn" type="button" data-video-close aria-label="Закрыть" 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"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video-modal-stage">
|
||||
<video id="videoModalPlayer" controls playsinline preload="metadata"></video>
|
||||
<video id="videoModalPlayer" controls playsinline preload="none" tabindex="0" aria-label="Просмотр выбранного мультфильма"></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/main.js" defer></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
Reference in new issue
Block a user