Вхід для клієнтів
UA
EN
База знань
HTML & CSS — курс для початківців
Верстка форм
Верстка форм
Навіщо потрібні форми?
Тег
— однорядкове поле
Атрибути input
autocomplete — автозаповнення браузером
Стилізація input
accent-color — стилізація чекбоксів та радіокнопок
Тег
— багаторядкове поле</a> </li> <li class="h3"> <a href="#obmezhennya-rozmiru">Обмеження розміру</a> </li> <li class="h2"> <a href="#knopky-button">Кнопки <button></a> </li> <li class="h3"> <a href="#stylizatsiya-knopky">Стилізація кнопки</a> </li> <li class="h2"> <a href="#teg-label-pidpys-polya">Тег <label> — підпис поля</a> </li> <li class="h3"> <a href="#dva-sposoby-zv-yazuvannya">Два способи зв’язування</a> </li> <li class="h2"> <a href="#teg-form">Тег <form></a> </li> <li class="h2"> <a href="#validatsiya-poliv">Валідація полів</a> </li> <li class="h2"> <a href="#stany-focus-ta-hover">Стани :focus та :hover</a> </li> <li class="h3"> <a href="#focus-pole-u-fokusi">:focus — поле у фокусі</a> </li> <li class="h3"> <a href="#focus-visible-fokus-tilky-z-klaviatury">:focus-visible — фокус тільки з клавіатури</a> </li> <li class="h3"> <a href="#hover-navedennya-mysheyu">:hover — наведення мишею</a> </li> <li class="h2"> <a href="#vlastyvist-outline">Властивість outline</a> </li> <li class="h2"> <a href="#grupuvannya-selektoriv">Групування селекторів</a> </li> <li class="h2"> <a href="#struktura-formy-povnyj-pryklad">Структура форми: повний приклад</a> </li> <li class="h2"> <a href="#nalagodzhennya-staniv-u-devtools">Налагодження станів у DevTools</a> </li> <li class="h2"> <a href="#pidsumok">Підсумок</a> </li> </ul> </nav> </div> <div class="column lessonColumn"> <h1 class="mainTitle" id="article-title">Верстка форм</h1> <p class="lessonLead">Конспект лекції: елементи форм, стилізація полів, валідація, label, outline, стани :focus та :hover</p> <div class="meta lessonMeta"> <a href="https://kaplia.pro/html-css/" class="category"> <svg><use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use></svg> <span>HTML & CSS — курс для початківців</span> </a> <span class="reading-time"> <svg><use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use></svg> <span>8 хв</span> </span> <span class="views" data-view-secret="K0MydEdQN2Ftanh2VWtmb3lCRzR2Zz09"> <svg><use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use></svg> <span>1</span> </span> </div> <article class="typo"> <p><!-- ===== SECTION 1 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Навіщо потрібні форми?</strong></span></h2> <p>Форми — спосіб отримати дані від користувача: ім’я, email, повідомлення, вибір опцій тощо.</p> <ul> <li><strong>Текстові поля</strong> — <code><input></code> (однорядкове), <code><textarea></code> (багаторядкове).</li> <li><strong>Чекбокси</strong> — вибір кількох варіантів зі списку.</li> <li><strong>Радіокнопки</strong> — вибір одного варіанту зі списку.</li> <li><strong>Випадаючі списки</strong> — <code><select></code>.</li> <li><strong>Кнопки</strong> — відправлення, скидання, дія.</li> </ul> </section> <p><!-- ===== SECTION 2 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Тег <input> — однорядкове поле</strong></span></h2> <p><code><input></code> — самозакривний тег. Тип визначається атрибутом <code>type</code>:</p> <table> <tbody> <tr> <th>Тип</th> <th>Призначення</th> </tr> <tr> <td><code>text</code> (за замовчуванням)</td> <td>Звичайне текстове поле</td> </tr> <tr> <td><code>password</code></td> <td>Пароль (символи приховані)</td> </tr> <tr> <td><code>email</code></td> <td>Email (вбудована перевірка на @)</td> </tr> <tr> <td><code>search</code></td> <td>Пошук (має кнопку очищення ×)</td> </tr> <tr> <td><code>number</code></td> <td>Число (стрілки ↑↓, атрибути <code>min</code>, <code>max</code>, <code>step</code>)</td> </tr> <tr> <td><code>date</code></td> <td>Дата (календар браузера)</td> </tr> <tr> <td><code>time</code></td> <td>Час</td> </tr> <tr> <td><code>datetime-local</code></td> <td>Дата + час</td> </tr> <tr> <td><code>range</code></td> <td>Повзунок</td> </tr> <tr> <td><code>color</code></td> <td>Вибір кольору</td> </tr> </tbody> </table> <div class="tip">Якщо <code>type</code> не вказано — це <code>text</code>. Довідник усіх типів: <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Finput">MDN — <input></a>.</div> </section> <p><!-- ===== SECTION 3 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Атрибути input</strong></span></h2> <table> <tbody> <tr> <th>Атрибут</th> <th>Призначення</th> </tr> <tr> <td><code>placeholder</code></td> <td>Підказка всередині поля (зникає при введенні)</td> </tr> <tr> <td><code>value</code></td> <td>Значення за замовчуванням (як ніби користувач вже ввів)</td> </tr> <tr> <td><code>name</code></td> <td>Ім’я поля для відправлення на сервер</td> </tr> <tr> <td><code>required</code></td> <td>Поле обов’язкове (форма не відправиться без нього)</td> </tr> <tr> <td><code>disabled</code></td> <td>Поле заблоковане (не можна редагувати)</td> </tr> <tr> <td><code>id</code></td> <td>Унікальний ідентифікатор (для зв’язку з <code><label></code>)</td> </tr> <tr> <td><code>autocomplete</code></td> <td>Підказка браузеру, що автозаповнювати (<code>"name"</code>, <code>"email"</code>, <code>"tel"</code>…)</td> </tr> </tbody> </table> <h3><span class="mce-text-size-32px"><strong>autocomplete — автозаповнення браузером</strong></span></h3> <p>Атрибут <code>autocomplete</code> підказує браузеру, яку збережену інформацію підставити в поле:</p> <pre class="code-block"><code class="language-markup"><input type="text" name="fullname" autocomplete="name"> <input type="email" name="email" autocomplete="email"> <input type="tel" name="phone" autocomplete="tel"></code></pre> <div class="tip">Правильний <code>autocomplete</code> покращує UX: браузер пропонує збережені дані в один клік. Особливо важливо на мобільних пристроях.</div> <div class="example"><code>placeholder</code> — це <strong>приклад</strong> очікуваного значення (наприклад, «Іван Петренко»).<br /><code><label></code> або підказка — це <strong>назва</strong> поля (наприклад, «Ваше ім’я»).</div> </section> <p><!-- ===== SECTION 4 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Стилізація input</strong></span></h2> <p><code><input></code> можна стилізувати як будь-який блочний елемент:</p> <pre class="code-block"><code class="language-css">.field { width: 100%; padding: 10px 15px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; box-sizing: border-box; background-color: #fff; color: #333; }</code></pre> <div class="tip">Завжди додавайте <code>box-sizing: border-box</code> для полів форми — інакше <code>padding</code> збільшить загальну ширину елемента.</div> <h3><span class="mce-text-size-32px"><strong>accent-color — стилізація чекбоксів та радіокнопок</strong></span></h3> <p>Раніше змінити колір чекбокса або радіокнопки було неможливо без хаків. Сучасна властивість <code>accent-color</code> вирішує це одним рядком:</p> <pre class="code-block"><code class="language-css">/* Усі інтерактивні елементи — в кольорах бренду */ input[type="checkbox"], input[type="radio"], input[type="range"] { accent-color: #e53935; }</code></pre> <div class="tip"><code>accent-color</code> підтримується усіма сучасними браузерами з 2022 року. Працює для <code>checkbox</code>, <code>radio</code>, <code>range</code> та <code>progress</code>.</div> </section> <p><!-- ===== SECTION 5 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Тег <textarea> — багаторядкове поле</strong></span></h2> <ul> <li>На відміну від <code><input></code>, має <strong>закривний тег</strong>: <code><textarea>...</textarea></code>.</li> <li>Текст між тегами — значення за замовчуванням.</li> <li>Користувач може змінювати розмір (перетягування кутка).</li> </ul> <h3><span class="mce-text-size-32px"><strong>Обмеження розміру</strong></span></h3> <pre class="code-block"><code class="language-css">textarea.field { min-width: 250px; max-width: 100%; min-height: 100px; max-height: 300px; font-family: inherit; /* без цього — моноширинний шрифт! */ }</code></pre> <div class="warning"><code><textarea></code> за замовчуванням має моноширинний шрифт (monospace). Задайте <code>font-family: inherit</code>, щоб успадкувати шрифт від батька.</div> <div class="tip">Задайте однакові <code>min-width</code> і <code>max-width</code>, щоб заборонити горизонтальну зміну розміру. Аналогічно для висоти.</div> </section> <p><!-- ===== SECTION 6 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Кнопки <button></strong></span></h2> <p>Три типи кнопок:</p> <table> <tbody> <tr> <th>Тип</th> <th>Поведінка</th> </tr> <tr> <td><code>submit</code></td> <td>Відправляє форму (потрібен тег <code><form></code>)</td> </tr> <tr> <td><code>reset</code></td> <td>Скидає всі поля до значень за замовчуванням</td> </tr> <tr> <td><code>button</code></td> <td>Нічого не робить (для JavaScript-обробників)</td> </tr> </tbody> </table> <h3><span class="mce-text-size-32px"><strong>Стилізація кнопки</strong></span></h3> <pre class="code-block"><code class="language-css">.button { padding: 12px 24px; border: none; background-color: #e53935; color: #fff; font-size: 16px; font-family: inherit; cursor: pointer; /* лапка при наведенні */ border-radius: 4px; }</code></pre> <div class="warning">Кнопки виглядають по-різному в різних браузерах. Завжди скидайте <code>border</code>, <code>background</code>, <code>font-family</code> і стилізуйте з нуля.</div> <div class="tip">Додавайте <code>cursor: pointer</code> — за замовчуванням на кнопках курсор-стрілка, а не лапка.</div> </section> <p><!-- ===== SECTION 7 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Тег <label> — підпис поля</strong></span></h2> <p><code><label></code> — семантичний елемент, що зв’язує текст підпису з полем введення.</p> <h3><span class="mce-text-size-32px"><strong>Два способи зв’язування</strong></span></h3> <p><strong>1. Обгортка</strong> — input всередині label:</p> <pre class="code-block"><code class="language-markup"><label> <span class="hint">Ваше ім'я</span> <input type="text" class="field"> </label></code></pre> <p><strong>2. Атрибут for + id</strong> — label окремо від input:</p> <pre class="code-block"><code class="language-markup"><label for="user-email">Email</label> <input type="email" id="user-email" class="field"></code></pre> <div class="tip">Клік на <code><label></code> автоматично ставить фокус на пов’язаний input. Це зручно для UX і важливо для доступності (скрінрідери).</div> </section> <p><!-- ===== SECTION 8 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Тег <form></strong></span></h2> <p><code><form></code> об’єднує поля в єдину форму. Без нього кнопка <code>submit</code> не працюватиме.</p> <pre class="code-block"><code class="language-markup"><form action="/api/contact" method="POST"> <label> <span class="hint">Ім'я</span> <input type="text" name="username" required> </label> <button type="submit">Надіслати</button> </form></code></pre> <table> <tbody> <tr> <th>Атрибут</th> <th>Призначення</th> </tr> <tr> <td><code>action</code></td> <td>URL, куди відправляються дані</td> </tr> <tr> <td><code>method</code></td> <td>HTTP-метод: <code>GET</code> або <code>POST</code></td> </tr> </tbody> </table> <div class="warning"><code><form></code> — не просто семантичний тег. Він має практичне значення: об’єднує поля, додає подію <code>submit</code>, дозволяє кнопці <code>type="submit"</code> працювати.</div> </section> <p><!-- ===== SECTION 9 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Валідація полів</strong></span></h2> <p>HTML має вбудовані валідатори — перевірки перед відправленням форми:</p> <table> <tbody> <tr> <th>Спосіб</th> <th>Що перевіряє</th> </tr> <tr> <td><code>required</code></td> <td>Поле не порожнє</td> </tr> <tr> <td><code>type="email"</code></td> <td>Наявність символу @</td> </tr> <tr> <td><code>min</code> / <code>max</code></td> <td>Діапазон числового значення</td> </tr> <tr> <td><code>minlength</code> / <code>maxlength</code></td> <td>Мінімальна / максимальна кількість символів</td> </tr> <tr> <td><code>pattern</code></td> <td>Перевірка за регулярним виразом</td> </tr> </tbody> </table> <div class="example">Порядок перевірки: спочатку <code>required</code> (чи не порожнє), потім <code>type</code> (формат), потім <code>pattern</code> та інші обмеження.</div> <div class="tip">Вбудована валідація — лише базовий захист. Для серйозних проєктів потрібна додаткова перевірка на сервері (backend).</div> </section> <p><!-- ===== SECTION 10 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Стани :focus та :hover</strong></span></h2> <h3><span class="mce-text-size-32px"><strong>:focus — поле у фокусі</strong></span></h3> <p>Коли користувач клікнув на поле або перейшов клавішею <kbd>Tab</kbd>:</p> <pre class="code-block"><code class="language-css">.field:focus { outline: 2px solid #1976d2; outline-offset: 2px; }</code></pre> <h3><span class="mce-text-size-32px"><strong>:focus-visible — фокус тільки з клавіатури</strong></span></h3> <p>Проблема <code>:focus</code>: outline з’являється і при кліку мишею, що дратує дизайнерів. Рішення — <code>:focus-visible</code>:</p> <pre class="code-block"><code class="language-css">/* Прибираємо outline при кліку мишею */ .field:focus { outline: none; } /* Показуємо outline тільки при навігації клавіатурою */ .field:focus-visible { outline: 2px solid #1976d2; outline-offset: 2px; }</code></pre> <div class="tip"><code>:focus-visible</code> підтримується усіма сучасними браузерами з 2022 року. Це стандартний підхід: красиво для миші, доступно для клавіатури.</div> <h3><span class="mce-text-size-32px"><strong>:hover — наведення мишею</strong></span></h3> <pre class="code-block"><code class="language-css">.field:hover { border-color: #666; }</code></pre> <div class="warning">Ніколи не прибирайте <code>outline</code> для клавіатурного фокусу — це критично для доступності. Використовуйте <code>:focus-visible</code>, щоб outline з’являвся лише при навігації клавіатурою, а не при кліку мишею.</div> </section> <p><!-- ===== SECTION 11 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Властивість outline</strong></span></h2> <p><code>outline</code> — обведення навколо елемента, яке <strong>не впливає</strong> на розміри та розкладку.</p> <table> <tbody> <tr> <th>Властивість</th> <th>Що задає</th> </tr> <tr> <td><code>outline-width</code></td> <td>Товщина обведення</td> </tr> <tr> <td><code>outline-style</code></td> <td><code>solid</code>, <code>dotted</code>, <code>dashed</code>, <code>none</code></td> </tr> <tr> <td><code>outline-color</code></td> <td>Колір обведення</td> </tr> <tr> <td><code>outline-offset</code></td> <td>Відстань від межі елемента до обведення</td> </tr> <tr> <td><code>outline</code></td> <td>Скорочення: <code>width style color</code></td> </tr> </tbody> </table> <div class="tip"><code>outline</code> не входить до блочної моделі — навіть із <code>border-box</code> він не змінює розмір елемента. Це ключова відмінність від <code>border</code>.</div> </section> <p><!-- ===== SECTION 12 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Групування селекторів</strong></span></h2> <p>Якщо кілька елементів мають однакові стилі, їх селектори можна перелічити через кому:</p> <pre class="code-block"><code class="language-css">/* Замість дублювання: */ .field:focus, .button:focus { outline: 2px solid #1976d2; outline-offset: 2px; } /* Однакові шрифти для заголовків: */ h1, h2, h3 { font-family: "Segoe UI", sans-serif; }</code></pre> </section> <p><!-- ===== SECTION 13 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Структура форми: повний приклад</strong></span></h2> <pre class="code-block"><code class="language-markup"><form class="contact-form" action="/api/contact" method="POST"> <div class="form-row"> <label class="form-group"> <span class="form-hint">Ваше ім'я</span> <input type="text" class="field" name="username" placeholder="Іван Петренко" required> </label> </div> <div class="form-row"> <label class="form-group"> <span class="form-hint">Email</span> <input type="email" class="field" name="email" placeholder="name@example.com" required> </label> </div> <div class="form-row"> <label class="form-group"> <span class="form-hint">Повідомлення</span> <textarea class="field" name="message" placeholder="Ваше повідомлення..." required></textarea> </label> </div> <div class="form-row"> <button type="submit" class="button">Надіслати</button> </div> </form></code></pre> <pre class="code-block"><code class="language-css">/* CSS для відступів між рядками форми */ .form-row:nth-child(n+2) { margin-top: 20px; } .form-hint { display: block; margin-bottom: 6px; font-weight: 600; }</code></pre> </section> <p><!-- ===== SECTION 14 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Налагодження станів у DevTools</strong></span></h2> <p>У DevTools (інспекторі браузера) є панель <strong>:hov</strong>, яка дозволяє емулювати псевдостани:</p> <ol> <li>Виділіть елемент у вкладці Elements.</li> <li>Натисніть кнопку <strong>:hov</strong> (у панелі Styles).</li> <li>Увімкніть <code>:focus</code>, <code>:hover</code>, <code>:active</code> тощо.</li> <li>Стилі цього стану стануть видимими та редагованими.</li> </ol> <div class="tip">Можна одночасно увімкнути кілька станів (наприклад, <code>:hover</code> + <code>:focus</code>), щоб побачити, який стиль перекриває інший.</div> </section> <p><!-- ===== SECTION 15 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Підсумок</strong></span></h2> <table> <tbody> <tr> <th>Тема</th> <th>Ключове</th> </tr> <tr> <td><code><input></code></td> <td>Однорядкове поле; <code>type</code> визначає тип (text, email, number…)</td> </tr> <tr> <td><code><textarea></code></td> <td>Багаторядкове поле; <code>font-family: inherit</code>; обмежити розмір</td> </tr> <tr> <td><code><button></code></td> <td><code>submit</code> (відправити), <code>reset</code> (скинути), <code>button</code> (JS)</td> </tr> <tr> <td><code><label></code></td> <td>Підпис поля; клік → фокус; зв’язок через обгортку або <code>for</code>+<code>id</code></td> </tr> <tr> <td><code><form></code></td> <td>Об’єднує поля; <code>action</code> + <code>method</code>; подія <code>submit</code></td> </tr> <tr> <td><code>placeholder</code></td> <td>Приклад значення (не замінює label!)</td> </tr> <tr> <td><code>required</code></td> <td>Обов’язкове поле (вбудована валідація)</td> </tr> <tr> <td><code>outline</code></td> <td>Обведення при фокусі; не впливає на розміри; не видаляйте!</td> </tr> <tr> <td><code>:focus</code> / <code>:hover</code></td> <td>Стани для інтерактивних елементів; відлагоджувати через :hov у DevTools</td> </tr> <tr> <td><code>cursor: pointer</code></td> <td>Лапка на кнопках (за замовчуванням — стрілка)</td> </tr> <tr> <td><code>:focus-visible</code></td> <td>Outline тільки при навігації клавіатурою (не при кліку мишею)</td> </tr> <tr> <td><code>accent-color</code></td> <td>Колір checkbox, radio, range — одним рядком CSS</td> </tr> <tr> <td><code>autocomplete</code></td> <td>Підказка браузеру для автозаповнення (<code>"name"</code>, <code>"email"</code>, <code>"tel"</code>)</td> </tr> </tbody> </table> </section> </article> <section class="suffix"> <div class="likeAndShare"> <button class="like" data-secret="K0MydEdQN2Ftanh2VWtmb3lCRzR2Zz09" aria-label="Вподобати цю статтю"> <svg width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.4 16.8145C1.07452 16.8145 0 15.7399 0 14.4145V9.61445C0 8.28897 1.07452 7.21445 2.4 7.21445H3.5048L6.04223 2.14114C6.42486 1.37589 7.1835 0.875914 8.02931 0.819741L8.18885 0.814453H8.4C9.46039 0.814453 10.328 1.63968 10.3957 2.68295L10.4 2.81445V7.21445H13.5986C13.7567 7.21445 13.9143 7.23006 14.0693 7.26106C15.3226 7.51172 16.1512 8.69636 15.9757 9.94605L15.952 10.0851L14.992 14.8851C14.777 15.9602 13.8634 16.7466 12.7807 16.8103L12.6386 16.8145H2.4ZM3.2 8.81446H2.4C1.95818 8.81446 1.6 9.17263 1.6 9.61446V14.4145C1.6 14.8563 1.95818 15.2145 2.4 15.2145H3.2V8.81446ZM8.40001 2.41446H8.18887C7.91952 2.41446 7.67072 2.54973 7.52358 2.77014L7.47333 2.85669L4.88447 8.0344C4.84282 8.11771 4.81614 8.20744 4.8054 8.29949L4.80001 8.39217V15.2145H12.6386C12.9882 15.2145 13.2932 14.9883 13.3992 14.6626L13.4231 14.5714L14.3831 9.77135C14.4697 9.3381 14.1888 8.91664 13.7555 8.82999L13.6775 8.81835V8.81835L13.5986 8.81446H10.4C9.55652 8.81446 8.86548 8.16176 8.8044 7.33387L8.80001 7.21446V2.81446C8.80001 2.61809 8.65851 2.45477 8.47191 2.4209L8.40001 2.41446Z"/> </svg> <span>0</span> </button> <div class="share"> <p class="label">Поділитися:</p> <p class="icon x" role="button" aria-label="Поділіться цією статтею через X"> <svg><use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-share-x"></use></svg> </p> <p class="icon fb" role="button" aria-label="Поділіться цією статтею через Facebook"> <svg><use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-share-fb"></use></svg> </p> <p class="icon ld" role="button" aria-label="Поділіться цією статтею через LinkedIn"> <svg><use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-share-ld"></use></svg> </p> <p class="icon tg" role="button" aria-label="Поділіться цією статтею через Telegram"> <svg><use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-share-tg"></use></svg> </p> <p class="icon pi" role="button" aria-label="Поділіться цією статтею через Pinterest"> <svg><use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-share-pi"></use></svg> </p> </div> </div> <div class="author"> <div class="authorPhoto"> <svg viewBox="0 0 298.4 272" xmlns="http://www.w3.org/2000/svg" class="ly2"> <path d="m90 1c-37.3 6.9-68.6 31.1-85.2 64" fill="none" stroke="#5632a0" stroke-linecap="round" stroke-width="2"/> <path d="m66 197-19 9 19 14z" fill="#fefdff"/> <g fill="none" stroke-width="2"> <circle cx="110.5" cy="249.5" r="13.5" stroke="#fefdff"/> <path d="m229 70.5 15.5-37.5" stroke="#fff" stroke-linecap="round"/> <path d="m217 76.5 3.5-29" stroke="#edb63c" stroke-linecap="round"/> <path d="m250.5 93.5c4-.7 12.1-4.2 12.5-13 2.7 2.8 10.1 8.1 18.5 6.5 10.5-2 4.5-17.5-5.5-26s-19.5-5-10 8.5 52.5 21.5 18.5-20" stroke="#edb63c" stroke-linecap="round"/> </g> </svg> <picture> <img src="https://kaplia.pro/wp-content/uploads/2025/10/resized_tiny-png.webp" width="1000" height="1398" loading="lazy"> </picture> <svg viewBox="0 0 298.4 272" xmlns="http://www.w3.org/2000/svg" class="ly1"> <path d="m0 127c0-66.3 53.7-120 120-120h40c66.3 0 120 53.7 120 120v25c0 66.3-53.7 120-120 120h-40c-66.3 0-120-53.7-120-120z" fill="#5632a0"/> </svg> </div> <div class="information"> <h3 class="name"> <a href="https://kaplia.pro/author/vitalii-kaplia/"> Віталій Капля </a> </h3> <h4 class="jobTitle">Засновник, веб-розробник, WordPress-експерт</h4> <ul class="authorContacts"> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fwww.linkedin.com%2Fin%2Fvitaliikaplia%2F"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-social-ld-2"></use> </svg> </a> </li> <li> <a href="tel:+380672089900" target="_blank" rel="noopener"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-phone"></use> </svg> </a> </li> <li> <a href="mailto:vitalii@kaplia.pro" target="_blank" rel="noopener"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-email"></use> </svg> </a> </li> </ul> <div class="typo"> <p>Програмуванням почав цікавитися ще у 1997 році, перше знайомство з майбутньою професією – Visual Basic. У 2004-2005 роках займався розробкою…</p> </div> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="overallButton style-text-underline"> <span>Більше про автора</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-arrow-top-right"></use> </svg> </a> </div> </div> </section> <nav class="lessonNav"> <a href="https://kaplia.pro/html-css/pozytsiyuvannya-blochnykh-elementiv/" class="lessonNav-link lessonNav-prev"> <span class="lessonNav-dir">← Попередній урок</span> <span class="lessonNav-title">Позиціювання блочних елементів</span> </a> <a href="https://kaplia.pro/html-css/nestandartni-elementy-form/" class="lessonNav-link lessonNav-next"> <span class="lessonNav-dir">Наступний урок →</span> <span class="lessonNav-title">Нестандартні елементи форм</span> </a> </nav> </div> <div class="column"> <div class="patterns"> <div class=" customBlockWrapper no-horizontal-padding main-banner-02 desktop_tablet mobile " id="block_4457f8b68386e88feeee29a711fe8bba" > <div class=" customBlock " > <figure class="photo"> <img decoding="async" src="https://kaplia.pro/wp-content/uploads/2025/12/resized-flipped.webp" width="1000" height="1398" loading="lazy"> </figure> <figure class="icon"> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 798.438 798.438" xmlns="http://www.w3.org/2000/svg"><path d="m399.219 0c-220.13 0-399.219 179.077-399.219 399.206s179.089 399.231 399.219 399.231 399.219-179.103 399.219-399.231-179.096-399.206-399.219-399.206zm-358.927 399.206c0-52.041 11.164-101.442 31.078-146.075l171.222 469.102c-119.753-58.167-202.3-180.961-202.3-323.027zm358.927 358.953c-35.23 0-69.233-5.167-101.403-14.627l107.706-312.928 110.319 302.259c.728 1.773 1.617 3.405 2.572 4.945-37.309 13.131-77.4 20.35-119.194 20.35zm49.467-527.243c21.605-1.131 41.078-3.405 41.078-3.405 19.338-2.288 17.056-30.716-2.294-29.578 0 0-58.136 4.561-95.672 4.561-35.263 0-94.522-4.561-94.522-4.561-19.356-1.137-21.623 28.434-2.275 29.578 0 0 18.305 2.273 37.648 3.405l55.912 153.223-78.558 235.573-130.7-388.796c21.625-1.131 41.072-3.405 41.072-3.405 19.331-2.288 17.05-30.716-2.294-29.578 0 0-58.122 4.561-95.659 4.561-6.733 0-14.666-.169-23.1-.442 64.18-97.432 174.498-161.78 299.897-161.78 93.437 0 178.517 35.731 242.377 94.242-1.545-.091-3.059-.286-4.653-.286-35.255 0-60.272 30.708-60.272 63.705 0 29.578 17.063 54.606 35.256 84.178 13.652 23.905 29.591 54.614 29.591 98.992 0 30.714-11.812 66.367-27.311 116.03l-35.808 119.616-129.712-385.833zm130.98 478.529 109.63-316.97c20.475-51.203 27.297-92.152 27.297-128.55 0-13.216-.872-25.484-2.417-36.914 28.019 51.117 43.964 109.784 43.964 172.195 0 132.416-71.761 248.023-178.473 310.239z" fill="currentColor"/></svg> </figure> <div class="typo"> <p><span class="mce-text-size-22px"><strong>Інженер цифрових продуктів та архітектор веб-рішень</strong></span></p> <p><span class="mce-text-size-14px"><strong>Безкоштовна консультація +</strong> розрахунок вартості</span></p> </div> <ul class="buttons"> <li class="scroll-show"> <a href="#popup-clients-express" class="overallButton style-white-to-dark"> <span>Зізвон?</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-calendar"></use> </svg> </a> </li> <li class="scroll-show"> <a href="https://kaplia.pro/brief/" class="overallButton style-orange-to-dark"> <span>Бриф</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-edit"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class=" customBlockWrapper main-banner-01 desktop_tablet mobile " id="block_d8054299f2a8d2ed804afecf187b0057" > <div class=" customBlock scroll-show" > <figure class="icon"> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 798.438 798.438" xmlns="http://www.w3.org/2000/svg"><path d="m399.219 0c-220.13 0-399.219 179.077-399.219 399.206s179.089 399.231 399.219 399.231 399.219-179.103 399.219-399.231-179.096-399.206-399.219-399.206zm-358.927 399.206c0-52.041 11.164-101.442 31.078-146.075l171.222 469.102c-119.753-58.167-202.3-180.961-202.3-323.027zm358.927 358.953c-35.23 0-69.233-5.167-101.403-14.627l107.706-312.928 110.319 302.259c.728 1.773 1.617 3.405 2.572 4.945-37.309 13.131-77.4 20.35-119.194 20.35zm49.467-527.243c21.605-1.131 41.078-3.405 41.078-3.405 19.338-2.288 17.056-30.716-2.294-29.578 0 0-58.136 4.561-95.672 4.561-35.263 0-94.522-4.561-94.522-4.561-19.356-1.137-21.623 28.434-2.275 29.578 0 0 18.305 2.273 37.648 3.405l55.912 153.223-78.558 235.573-130.7-388.796c21.625-1.131 41.072-3.405 41.072-3.405 19.331-2.288 17.05-30.716-2.294-29.578 0 0-58.122 4.561-95.659 4.561-6.733 0-14.666-.169-23.1-.442 64.18-97.432 174.498-161.78 299.897-161.78 93.437 0 178.517 35.731 242.377 94.242-1.545-.091-3.059-.286-4.653-.286-35.255 0-60.272 30.708-60.272 63.705 0 29.578 17.063 54.606 35.256 84.178 13.652 23.905 29.591 54.614 29.591 98.992 0 30.714-11.812 66.367-27.311 116.03l-35.808 119.616-129.712-385.833zm130.98 478.529 109.63-316.97c20.475-51.203 27.297-92.152 27.297-128.55 0-13.216-.872-25.484-2.417-36.914 28.019 51.117 43.964 109.784 43.964 172.195 0 132.416-71.761 248.023-178.473 310.239z" fill="currentColor"/></svg> </figure> <figure class="photo desktop"> <img decoding="async" src="https://kaplia.pro/wp-content/uploads/2025/12/resized-flipped-cropped.webp" width="862" height="738" loading="lazy"> </figure> <figure class="photo responsive"> <img decoding="async" src="https://kaplia.pro/wp-content/uploads/2025/12/resized-flipped.webp" width="1000" height="1398" loading="lazy"> </figure> <div class="typo text-01"> <p><span class="mce-text-size-22px"><strong>Обговоримо Ваш проект?</strong></span></p> </div> <div class="typo text-02"> <p><span class="mce-text-size-14px"><strong>Безкоштовна консультація +</strong> розрахунок вартості</span></p> </div> <ul class="buttons"> <li class="scroll-show"> <a href="#popup-clients-express" class="overallButton style-white-to-dark"> <span>Запланувати дзвінок</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-calendar"></use> </svg> </a> </li> <li class="scroll-show"> <a href="https://kaplia.pro/brief/" class="overallButton style-orange-to-dark"> <span>Заповнити бриф</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-edit"></use> </svg> </a> </li> </ul> </div> </div> <style> #block_d8054299f2a8d2ed804afecf187b0057{ margin-bottom: 80px; } @media (max-width: 768px) { #block_d8054299f2a8d2ed804afecf187b0057{ margin-bottom: 40px; } } </style> <div class=" customBlockWrapper main-text desktop_tablet mobile " id="block_8b4852b5f9f6ce3f80ec027af5e50c5c" > <div class=" customBlock " > <div class="typo scroll-show"> <p style="text-align: center;"><strong><span class="mce-purple-gradient-text"><span class="mce-text-size-38px">Більше цікавих статей</span></span></strong></p> </div> </div> </div> <style> #block_8b4852b5f9f6ce3f80ec027af5e50c5c{ margin-bottom: 60px; } @media (max-width: 768px) { #block_8b4852b5f9f6ce3f80ec027af5e50c5c{ margin-bottom: 30px; } } </style> <div class=" customBlockWrapper main-blog-slider desktop_tablet mobile " id="block_7ac9de1b21b30d471bfe30a67d697882" > <div class=" customBlock " > <div class="posts swiper scroll-show" data-slider-timer="3"> <div class="swiper-wrapper"> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/seo-u-2026-yakshho-ai-vas-ne-tsytuye-vas-ne-isnuye/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/05/Gemini_Generated_Image_6fp4yc6fp4yc6fp4-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>11</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">15</span> <span class="month">Тра</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/seo-u-2026-yakshho-ai-vas-ne-tsytuye-vas-ne-isnuye/" class="title"> <span class="title-decoration">SEO у 2026: якщо AI вас не цитує — вас не існує</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>12 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/solo-marafon-saas-z-ai-za-37-dniv/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/05/Gemini_Generated_Image_1y3xap1y3xap1y3x-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>13</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">02</span> <span class="month">Тра</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/solo-marafon-saas-z-ai-za-37-dniv/" class="title"> <span class="title-decoration">Соло-марафон: SaaS з AI за 37 днів</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>16 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/velykyj-vytik-claude-code/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/04/Claude-Code-Source-Code-Leaked-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>29</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">01</span> <span class="month">Кві</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/velykyj-vytik-claude-code/" class="title"> <span class="title-decoration">Великий витік Claude Code</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>10 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/wordpress-7-shho-nas-chekaye/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/03/wordpress_7_post_cover-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>58</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">20</span> <span class="month">Бер</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/wordpress-7-shho-nas-chekaye/" class="title"> <span class="title-decoration">WordPress 7: Що нас чекає?</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>8 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/ci-cd-na-wordpress/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/CICD-na-WordPress-cover-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>29</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">22</span> <span class="month">Лют</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/ci-cd-na-wordpress/" class="title"> <span class="title-decoration">CI/CD на WordPress</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>5 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/bezpeka-wordpress-odyn-kejs-zamist-tysyachi-porad/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/Bezpeka-WordPress-odyn-kejs-zamist-tysyachi-porad-cover-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>23</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">19</span> <span class="month">Лют</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/bezpeka-wordpress-odyn-kejs-zamist-tysyachi-porad/" class="title"> <span class="title-decoration">Безпека WordPress: один кейс замість тисячі порад</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>8 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/paradoks-leksusa-na-gazu/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/Paradoks-Leksusa-na-gazu-cover-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>30</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">17</span> <span class="month">Лют</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/paradoks-leksusa-na-gazu/" class="title"> <span class="title-decoration">Парадокс «Лексуса на газу»</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>7 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/vajbkoding-nova-realnist/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/vajbkoding-nova-realnist-cover-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>52</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">14</span> <span class="month">Лют</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/vajbkoding-nova-realnist/" class="title"> <span class="title-decoration">Вайбкодінг — нова реальність</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>7 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/portal-dlya-kliyentiv-avtomatyzatsiya-mriyi/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/portal-dlya-kliyentiv-cover-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>20</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">14</span> <span class="month">Лют</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/portal-dlya-kliyentiv-avtomatyzatsiya-mriyi/" class="title"> <span class="title-decoration">Портал для клієнтів: автоматизація мрії!</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>7 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/wordpress-u-2026-chy-ye-majbutnye/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/wordpress-u-2026-cover-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>34</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">14</span> <span class="month">Лют</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/wordpress-u-2026-chy-ye-majbutnye/" class="title"> <span class="title-decoration">WordPress у 2026 – чи є майбутнє?</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>7 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/vik-zhyvy-vik-uchys/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/edu-kaplia-pro-cover-png.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>18</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">13</span> <span class="month">Лют</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/vik-zhyvy-vik-uchys/" class="title"> <span class="title-decoration">Вік живи — вік учись</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>5 хв</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/ne-redyzajn-a-povne-pereosmyslennya/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2025/12/Gemini_Generated_Image_kxgfwvkxgfwvkxgf-scaled.webp);"></span> <span class="views"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-eye"></use> </svg> <span>26</span> </span> <span class="date"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-date"></use> </svg> <span class="day">14</span> <span class="month">Гру</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/ne-redyzajn-a-povne-pereosmyslennya/" class="title"> <span class="title-decoration">Не редизайн, а повне переосмислення</span> </a> <span class="meta"> <a href="https://kaplia.pro/author/vitalii-kaplia/" class="author"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-author"></use> </svg> <span>Віталій Капля</span> </a> <a href="https://kaplia.pro/category/articles/" class="category"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-tag"></use> </svg> <span>Статті</span> </a> <span class="reading-time"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-hourglass"></use> </svg> <span>3 хв</span> </span> </span> </span> </div> </div> </div> <div class="paginationWrapper scroll-show"> <div class="swiper-pagination"></div> </div> </div> </div> <style> #block_7ac9de1b21b30d471bfe30a67d697882{ margin-bottom: 80px; } @media (max-width: 768px) { #block_7ac9de1b21b30d471bfe30a67d697882{ margin-bottom: 40px; } } </style> </main> <div class="overlayMenu"> <ul class="languageSwitcher"> <li class="active"><a href="https://kaplia.pro/html-css/verstka-form/" title="UA">UA</a></li><li ><a href="https://kaplia.pro/en/html-css/building-forms/" title="EN">EN</a></li> </ul> <a href="https://clients.kaplia.pro/" class="overallButton style-outlined-dark-to-violet"> <span>Вхід для клієнтів</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-user"></use> </svg> </a> <div class=" customBlockWrapper main-mega-menu desktop_tablet mobile " id="block_f3f1448cff16a142a41b77ae07e78633" > <div class=" customBlock " > <div class="columns"> <div class="column"> <a class="colTitle" href="https://kaplia.pro/services/" target=""> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-services"></use> </svg> <span>Послуги</span> </a> <div class="elements"> <div class="element element-services"> <ul class="services"> <li class="service" style="transition-delay: 0s;"> <a href="https://kaplia.pro/ai-agents-and-chatbots/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 566.7 483.3" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd" fill="currentColor"><path d="m133.3 200c-18.4 0-33.3 14.9-33.3 33.3s14.9 33.3 33.3 33.3 33.3-14.9 33.3-33.3-14.9-33.3-33.3-33.3zm-66.6 33.3c0-36.8 29.8-66.7 66.7-66.7s66.7 29.8 66.7 66.7-29.8 66.7-66.7 66.7-66.7-29.8-66.7-66.7z" fill="currentColor"/><path d="m433.3 200c-18.4 0-33.3 14.9-33.3 33.3s14.9 33.3 33.3 33.3 33.3-14.9 33.3-33.3-14.9-33.3-33.3-33.3zm-66.6 33.3c0-36.8 29.8-66.7 66.7-66.7s66.7 29.8 66.7 66.7-29.8 66.7-66.7 66.7-66.7-29.8-66.7-66.7z" fill="currentColor"/><path d="m216.7 350c9.2 0 16.7 7.5 16.7 16.7s0 .2.1.4c.1.3.5.9 1.2 1.8 1.5 1.8 4.4 4.1 9 6.5 9.3 4.6 23.3 8 39.7 8s30.4-3.4 39.7-8c4.6-2.3 7.5-4.7 9-6.5.7-.9 1.1-1.5 1.2-1.8s.1-.3.1-.3c0-9.3 7.5-16.8 16.7-16.8s16.7 7.5 16.7 16.7c0 18.9-14.9 31.6-28.7 38.5-14.8 7.4-34.2 11.5-54.6 11.5s-39.8-4.1-54.6-11.5c-13.8-6.9-28.7-19.6-28.7-38.5s7.5-16.7 16.7-16.7z" fill="currentColor"/><path d="m416.7 16.7v66.7h-266.7v-66.7c0-9.2-7.5-16.7-16.7-16.7s-16.7 7.5-16.7 16.7v66.7h-33.3c-46-.1-83.3 37.2-83.3 83.3v233.3c0 46 37.3 83.3 83.3 83.3h400c46 0 83.3-37.3 83.3-83.3v-233.3c0-46-37.3-83.3-83.3-83.3h-33.3v-66.7c0-9.2-7.5-16.7-16.7-16.7s-16.7 7.5-16.7 16.7zm-333.4 100c-27.6 0-50 22.4-50 50v233.3c0 27.6 22.4 50 50 50h400c27.6 0 50-22.4 50-50v-233.3c0-27.6-22.4-50-50-50z" fill="currentColor"/></g></svg> </figure> <p class="label"> <span>AI-агенти та чат-боти</span> </p> </a> </li> <li class="service" style="transition-delay: 0.1s;"> <a href="https://kaplia.pro/wordpress-development/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 798.438 798.438" xmlns="http://www.w3.org/2000/svg"><path d="m399.219 0c-220.13 0-399.219 179.077-399.219 399.206s179.089 399.231 399.219 399.231 399.219-179.103 399.219-399.231-179.096-399.206-399.219-399.206zm-358.927 399.206c0-52.041 11.164-101.442 31.078-146.075l171.222 469.102c-119.753-58.167-202.3-180.961-202.3-323.027zm358.927 358.953c-35.23 0-69.233-5.167-101.403-14.627l107.706-312.928 110.319 302.259c.728 1.773 1.617 3.405 2.572 4.945-37.309 13.131-77.4 20.35-119.194 20.35zm49.467-527.243c21.605-1.131 41.078-3.405 41.078-3.405 19.338-2.288 17.056-30.716-2.294-29.578 0 0-58.136 4.561-95.672 4.561-35.263 0-94.522-4.561-94.522-4.561-19.356-1.137-21.623 28.434-2.275 29.578 0 0 18.305 2.273 37.648 3.405l55.912 153.223-78.558 235.573-130.7-388.796c21.625-1.131 41.072-3.405 41.072-3.405 19.331-2.288 17.05-30.716-2.294-29.578 0 0-58.122 4.561-95.659 4.561-6.733 0-14.666-.169-23.1-.442 64.18-97.432 174.498-161.78 299.897-161.78 93.437 0 178.517 35.731 242.377 94.242-1.545-.091-3.059-.286-4.653-.286-35.255 0-60.272 30.708-60.272 63.705 0 29.578 17.063 54.606 35.256 84.178 13.652 23.905 29.591 54.614 29.591 98.992 0 30.714-11.812 66.367-27.311 116.03l-35.808 119.616-129.712-385.833zm130.98 478.529 109.63-316.97c20.475-51.203 27.297-92.152 27.297-128.55 0-13.216-.872-25.484-2.417-36.914 28.019 51.117 43.964 109.784 43.964 172.195 0 132.416-71.761 248.023-178.473 310.239z" fill="currentColor"/></svg> </figure> <p class="label"> <span>WordPress розробка</span> </p> </a> </li> <li class="service" style="transition-delay: 0.2s;"> <a href="https://kaplia.pro/ecommerce/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 666.667 666.666" xmlns="http://www.w3.org/2000/svg"><path d="m566.666 666.666c-36.76 0-66.666-29.906-66.666-66.666s29.906-66.667 66.666-66.667 66.667 29.907 66.667 66.667-29.907 66.666-66.667 66.666zm-.001-66.708.002.042c0-.029-.002-.042-.002-.042zm-366.665 66.708c-36.76 0-66.667-29.906-66.667-66.666s29.907-66.667 66.667-66.667 66.666 29.907 66.666 66.667-29.906 66.666-66.666 66.666zm-.002-66.708.002.042c0-.029-.002-.042-.002-.042zm400.002-99.959h-400c-16.453 0-30.445-12.004-32.946-28.265l-19.875-129.189c-.76-2.647-1.2-5.428-1.277-8.301l-34.621-225.031c-.759-2.647-1.2-5.429-1.277-8.302l-5.269-34.245h-71.402c-18.409-0-33.333-14.924-33.333-33.333s14.924-33.333 33.333-33.333h100c16.453 0 30.443 12.003 32.946 28.265l5.908 38.401h461.146c10.46 0 20.312 4.909 26.611 13.26s8.313 19.174 5.439 29.231l-66.667 233.333c-4.089 14.31-17.169 24.176-32.051 24.176h-348.325l10.256 66.667h371.404c18.409 0 33.333 14.924 33.333 33.333s-14.924 33.333-33.333 33.333zm-391.916-199.999h333.438l47.62-166.667h-406.699z" fill="currentColor"/></svg> </figure> <p class="label"> <span>eCommerce</span> </p> </a> </li> <li class="service" style="transition-delay: 0.3s;"> <a href="https://kaplia.pro/web-apps-and-portals/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 733.3 733.3" xmlns="http://www.w3.org/2000/svg"><path d="m406.7 733.3h-23.3c-18.4 0-33.3-14.9-33.3-33.3v-58.3c0-23-18.7-41.7-41.7-41.7s-41.7 18.7-41.7 41.7v58.3c0 18.4-14.9 33.3-33.3 33.3h-40c-59.3 0-92 0-120.5-14.5-25.3-12.9-45.4-33-58.3-58.3-14.5-28.5-14.5-61.2-14.5-120.5v-56.7c0-18.4 14.9-33.3 33.3-33.3h50c27.6 0 50-22.4 50-50s-22.4-50-50-50h-50c-18.4 0-33.3-14.9-33.3-33.3 0-49.3 0-76.5 10.1-101 13.6-32.9 39.3-58.5 72.2-72.2 24.5-10.1 51.7-10.1 101-10.1v-16.7c-.1-64.4 52.3-116.7 116.6-116.7s116.7 52.3 116.7 116.7v16.7c49.3 0 76.5 0 101 10.1 32.9 13.6 58.5 39.3 72.2 72.2 7.6 18.3 9.5 38.2 10 67.7h16.8c64.3 0 116.7 52.3 116.7 116.7s-52.3 116.7-116.7 116.7h-16.7v23.3c0 59.3 0 92-14.5 120.5-12.9 25.3-33 45.4-58.3 58.3-28.5 14.5-61.2 14.5-120.5 14.5zm-340-216.6v23.3c0 49 0 76 7.3 90.3 6.4 12.6 16.5 22.7 29.1 29.1 14.3 7.3 41.3 7.3 90.3 7.3h6.7v-25c0-59.7 48.6-108.3 108.3-108.3s108.3 48.6 108.3 108.3v25c42.7 0 67-.5 80.3-7.3 12.6-6.4 22.7-16.5 29.1-29.1 7.3-14.3 7.3-41.3 7.3-90.3v-56.7c0-18.4 14.9-33.3 33.3-33.3h50c27.6 0 50-22.4 50-50s-22.4-50-50-50h-50c-18.4 0-33.3-14.9-33.3-33.3 0-40.8 0-63.3-5.1-75.5-6.8-16.5-19.6-29.3-36.1-36.1-12.3-5.1-34.7-5.1-75.5-5.1h-33.3c-18.4 0-33.3-14.9-33.3-33.3v-50c0-27.6-22.4-50-50-50s-50 22.4-50 50v50c0 18.4-14.9 33.3-33.3 33.3h-33.3c-40.8 0-63.3 0-75.5 5.1-16.5 6.8-29.3 19.6-36.1 36.1-3.5 8.4-4.6 21.6-4.9 42.2h16.5c64.3 0 116.7 52.3 116.7 116.7s-52.3 116.7-116.7 116.7h-16.7z" fill="currentColor"/></svg> </figure> <p class="label"> <span>Вебдодатки та портали</span> </p> </a> </li> <li class="service" style="transition-delay: 0.4s;"> <a href="https://kaplia.pro/crm-and-business-systems/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"><path d="m533.3 600h-166.7c-36.8 0-66.7-29.9-66.7-66.7v-233.3c0-36.8 29.9-66.7 66.7-66.7h166.7c36.8 0 66.7 29.9 66.7 66.7v233.3c0 36.8-29.9 66.7-66.7 66.7zm-166.6-300v233.3h166.7s0-233.3 0-233.3z" fill="currentColor"/><path d="m200 366.7h-133.3c-36.8 0-66.7-29.9-66.7-66.7v-233.3c0-36.8 29.9-66.7 66.7-66.7h133.3c36.8 0 66.7 29.9 66.7 66.7v233.3c0 36.8-29.9 66.7-66.7 66.7zm-133.3-300v233.3h133.3v-233.3z" fill="currentColor"/><path d="m200 600h-133.3c-36.8 0-66.7-29.9-66.7-66.7v-66.7c0-36.8 29.9-66.7 66.7-66.7h133.3c36.8 0 66.7 29.9 66.7 66.7v66.7c0 36.8-29.9 66.7-66.7 66.7zm-133.3-133.3v66.7h133.3v-66.7z" fill="currentColor"/><path d="m533.3 200h-166.7c-36.8 0-66.7-29.9-66.7-66.7v-66.7c.1-36.7 30-66.6 66.8-66.6h166.7c36.8 0 66.7 29.9 66.7 66.7v66.7c0 36.8-29.9 66.7-66.7 66.7zm-166.6-133.3v66.7h166.7v-66.7z" fill="currentColor"/></svg> </figure> <p class="label"> <span>CRM та бізнес-системи</span> </p> </a> </li> <li class="service" style="transition-delay: 0.5s;"> <a href="https://kaplia.pro/integrations-and-automation/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 646.875 503.125" xmlns="http://www.w3.org/2000/svg"><path d="m372.756 304.719c5.897-1.062 11.877-1.596 17.869-1.594 12.6 0 24.656 2.331 35.763 6.584l44.187-62.834 1.687.956c-16.382-18.305-25.423-42.017-25.387-66.581 0-55.228 44.772-100 100-100s100 44.772 100 100-44.772 100-100 100c-11.475 0-22.5-1.934-32.766-5.491l-44.719 65.744c13.791 17.577 21.27 39.281 21.234 61.622 0 55.228-44.772 100-100 100s-100-44.772-100-100c0-30.522 13.675-57.85 35.231-76.194l-64.887-129c-6.693 1.38-13.51 2.073-20.344 2.069-8.606.006-17.176-1.097-25.5-3.281l-45.988 81.031c19.019 18.203 30.863 43.844 30.863 72.25 0 55.228-44.772 100-100 100s-99.999-44.772-99.999-100 44.772-100 100-100c8.297 0 16.356 1.009 24.062 2.913l46.278-81.781c-18.347-18.122-29.716-43.297-29.716-71.131.001-55.229 44.773-100.001 100.001-100.001s100 44.772 100 100c0 29.884-13.109 56.706-33.888 75.031zm174.119-73.469c27.616 0 50-22.384 50-50s-22.384-50-50-50-50 22.384-50 50 22.384 50 50 50zm-446.875 168.75c27.616 0 50-22.384 50-50s-22.384-50-50-50-50 22.384-50 50 22.384 50 50 50zm140.625-250c27.616 0 50-22.384 50-50s-22.384-50-50-50-50 22.384-50 50 22.384 50 50 50zm150 303.125c27.616 0 50-22.384 50-50s-22.384-50-50-50-50 22.384-50 50 22.384 50 50 50z" fill-rule="evenodd" fill="currentColor"/></svg> </figure> <p class="label"> <span>Інтеграції та автоматизація</span> </p> </a> </li> <li class="service" style="transition-delay: 0.6s;"> <a href="https://kaplia.pro/seo-and-localization/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 720.033 720.043" xmlns="http://www.w3.org/2000/svg"><path d="m344.041 688.041c-68.267 0-134.354-20.047-191.115-57.975-56.762-37.926-100.574-91.311-126.699-154.384-26.126-63.069-32.896-131.798-19.578-198.754 13.318-66.954 45.875-127.86 94.147-176.132s109.18-80.828 176.134-94.146 135.683-6.55 198.756 19.574c63.069 26.125 116.453 69.936 154.38 126.699 37.928 56.762 57.975 122.849 57.975 191.118 0 13.254-10.745 24-24 24s-24-10.746-24-24c0-58.744-17.25-115.609-49.885-164.45-32.636-48.843-78.57-86.542-132.838-109.02-54.271-22.479-113.41-28.305-171.023-16.843-57.612 11.459-110.019 39.473-151.557 81.01-41.537 41.537-69.55 93.943-81.01 151.555-11.459 57.613-5.634 116.751 16.845 171.021 22.48 54.271 60.178 100.207 109.02 132.841 48.842 32.636 105.708 49.886 164.448 49.886 13.254 0 24 10.745 24 24s-10.745 24-24 24z" fill="currentColor"/><path d="m664.04 368.041h-640c-13.255 0-24-10.745-24-24s10.745-24 24-24h640c13.255 0 24 10.745 24 24s-10.745 24-24 24z" fill="currentColor"/><path d="m344.04 688.041c-28.902 0-70.027-19.055-101.812-109.829-22.047-62.966-34.188-146.129-34.188-234.17s12.142-171.207 34.188-234.173c11.233-32.083 24.611-57.64 39.761-75.962 23.144-27.992 46.518-33.868 62.051-33.868 28.902 0 70.027 19.055 101.812 109.829 22.047 62.966 34.188 146.13 34.188 234.173 0 13.254-10.745 24-24 24s-24-10.746-24-24c0-82.78-11.185-160.311-31.491-218.31-20.079-57.344-42.989-77.692-56.509-77.692s-36.43 20.348-56.508 77.692c-20.308 57.999-31.492 135.53-31.492 218.31s11.184 160.309 31.492 218.308c20.078 57.345 42.989 77.691 56.508 77.691 13.255 0 24 10.745 24 24s-10.745 24-24 24z" fill="currentColor"/><path d="m547.852 683.88c-74.991 0-136-61.009-136-136s61.009-136 136-136 136 61.009 136 136-61.009 136-136 136zm0-224c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88z" fill="currentColor"/><path d="m696.033 720.043c-6.124 0-12.248-2.329-16.931-6.99l-69.12-68.8c-9.395-9.352-9.429-24.547-.078-33.941 9.352-9.393 24.548-9.43 33.94-.078l69.12 68.8c9.395 9.351 9.429 24.547.078 33.94-4.689 4.712-10.85 7.069-17.01 7.069z" fill="currentColor"/></svg> </figure> <p class="label"> <span>SEO та локалізація</span> </p> </a> </li> <li class="service" style="transition-delay: 0.7s;"> <a href="https://kaplia.pro/productivity-and-optimization/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 24 15.965" xmlns="http://www.w3.org/2000/svg"><path d="m12 0c-6.627 0-12 5.373-12 12 .005 1.351.238 2.691.689 3.965-.192-.8-.291-1.62-.295-2.443 0-5.935 4.811-10.746 10.746-10.746 2.131.002 4.213.638 5.982 1.826l2.141-2.141c-2.086-1.593-4.638-2.457-7.263-2.461zm9.148 3.604c-.252.004-.507.102-.719.281l-9.193 7.781c-.423.358-1.416 1.412-.002 2.826s2.468.419 2.826-.004l7.783-9.189c.358-.423.392-1.022 0-1.414-.196-.196-.444-.285-.695-.281zm1.85 3.607-2.021 2.021c.581 1.323.889 2.75.906 4.195h2.016c.062-.473.096-.95.102-1.428-.002-1.648-.343-3.278-1.002-4.789z" fill="currentColor"/></svg> </figure> <p class="label"> <span>Продуктивність та оптимізація</span> </p> </a> </li> <li class="service" style="transition-delay: 0.8s;"> <a href="https://kaplia.pro/security-and-stability/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 650 716.667" xmlns="http://www.w3.org/2000/svg"><path d="m325 716.667c-39.194 0-54.571-6.716-80.045-17.842-43.641-19.063-106.248-53.461-156.736-109.093-58.538-64.5-88.219-142.45-88.219-231.685v-52.491c0-122.094 0-167.778 17.121-192.172 17.255-24.584 60.284-39.313 175.28-78.677l19.094-6.535c54.798-18.758 82.299-28.172 113.505-28.172s58.707 9.414 113.498 28.169l19.101 6.538c114.996 39.364 158.025 54.092 175.281 78.677 17.12 24.395 17.12 70.078 17.12 192.172v52.491c0 89.234-29.681 167.185-88.219 231.686-27.867 30.705-77.68 74.556-156.727 109.087-25.483 11.131-40.86 17.847-80.055 17.847zm0-666.667c-22.885 0-47.754 8.514-97.303 25.474l-19.104 6.539c-48.068 16.454-86.036 29.45-111.97 39.923-31.125 12.57-37.413 18.642-38.598 20.203-1.055 1.598-4.742 9.598-6.535 43.474-1.491 28.157-1.491 66.657-1.491 119.943v52.491c0 76.424 25.315 143.069 75.244 198.082 44.54 49.078 100.562 79.768 139.716 96.871 22.771 9.945 31.288 13.666 60.04 13.666s37.27-3.721 60.033-13.663c39.159-17.106 95.183-47.797 139.723-96.874 49.929-55.014 75.244-121.658 75.244-198.082v-52.491c0-53.286 0-91.787-1.49-119.943-1.793-33.875-5.48-41.876-6.568-43.522-1.151-1.513-7.438-7.584-38.563-20.155-25.937-10.474-63.903-23.47-111.972-39.923l-19.093-6.536c-49.557-16.963-74.428-25.477-97.313-25.477z" fill="currentColor"/><path d="m289.287 450c-7.122 0-13.905-3.037-18.648-8.35l-47.62-53.334c-9.196-10.299-8.302-26.103 1.997-35.298s26.103-8.302 35.299 1.998l28.972 32.448 100.398-112.448c9.195-10.299 24.999-11.194 35.299-1.998 10.299 9.196 11.194 24.999 1.998 35.299l-119.046 133.333c-4.743 5.312-11.527 8.35-18.648 8.35z" fill="currentColor"/></svg> </figure> <p class="label"> <span>Безпека та стабільність</span> </p> </a> </li> <li class="service" style="transition-delay: 0.9s;"> <a href="https://kaplia.pro/devops-and-ci-cd/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 74.844 37.422" xmlns="http://www.w3.org/2000/svg"><path d="m6.804 18.711c0-3.158 1.254-6.187 3.487-8.419 2.233-2.233 5.262-3.487 8.419-3.487 4.096 0 6.872 1.476 9.185 3.786 2.47 2.473 4.372 5.851 6.552 9.774l.116.204c2.041 3.681 4.365 7.862 7.576 11.073 3.429 3.429 7.879 5.78 13.992 5.78 3.134 0 6.218-.787 8.968-2.289s5.08-3.671 6.774-6.307 2.699-5.656 2.922-8.782-.342-6.258-1.645-9.108c-1.302-2.85-3.3-5.328-5.809-7.206-2.509-1.877-5.45-3.095-8.552-3.54s-6.266-.104-9.202.992-5.549 2.912-7.601 5.282c1.367 2.047 2.64 4.155 3.817 6.317 1.041-1.813 2.542-3.321 4.351-4.37s3.862-1.604 5.953-1.607c2.091-.004 4.146.543 5.959 1.586s3.319 2.544 4.366 4.354c1.048 1.81 1.601 3.863 1.603 5.954s-.547 4.146-1.591 5.958-2.547 3.317-4.358 4.363c-1.81 1.047-3.865 1.598-5.956 1.598-4.093 0-6.872-1.476-9.185-3.786-2.47-2.473-4.371-5.851-6.552-9.774l-.116-.204c-2.041-3.681-4.365-7.862-7.576-11.073-3.427-3.429-7.877-5.78-13.99-5.78-3.134 0-6.218.787-8.968 2.289s-5.08 3.671-6.774 6.307c-1.694 2.637-2.698 5.657-2.922 8.783-.223 3.126.342 6.258 1.645 9.108 1.302 2.85 3.3 5.328 5.809 7.205 2.509 1.878 5.45 3.095 8.552 3.54s6.266.104 9.202-.993c2.936-1.096 5.549-2.912 7.601-5.282-1.367-2.047-2.641-4.155-3.817-6.317-1.306 2.277-3.327 4.058-5.75 5.067s-5.111 1.19-7.647.514-4.777-2.171-6.376-4.253c-1.598-2.082-2.464-4.633-2.463-7.257z" fill="currentColor"/></svg> </figure> <p class="label"> <span>DevOps: сервери та CI/CD</span> </p> </a> </li> <li class="service" style="transition-delay: 1s;"> <a href="https://kaplia.pro/consulting-and-support/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 683.3 684.862" xmlns="http://www.w3.org/2000/svg"><path d="m266.667 591.7c-.052-50.608 40.931-91.676 91.539-91.728 32.707-.034 62.952 17.368 79.361 45.661 69.667-30.733 95.767-78.967 95.767-170.633v-100c0-133.067-75.033-225-191.667-225s-191.667 91.967-191.667 225v116.667c-.018 13.8-11.2 24.982-25 25h-33.333c-50.59-.055-91.593-41.043-91.667-91.633v-33.333c.055-50.609 41.058-91.627 91.667-91.7h15.933c25.233-119.034 111.6-200.001 234.067-200.001s208.8 80.967 234.033 200h15.933c50.596.073 91.593 41.071 91.667 91.667v33.333c-.055 50.603-41.063 91.612-91.667 91.667h-10.3c-2.633 80.826-54.881 151.639-131.333 178-.819 50.626-42.524 91.003-93.15 90.183s-91.003-42.524-90.183-93.15zm50 0c0 23.012 18.655 41.667 41.667 41.667s41.667-18.655 41.667-41.667-18.655-41.667-41.667-41.667c-23.004.018-41.648 18.662-41.667 41.667zm266.666-225h8.3c23.017 0 41.682-18.649 41.7-41.667v-33.333c0-23.017-18.649-41.682-41.667-41.7h-8.333zm-533.333-75v33.333c.037 22.991 18.675 41.615 41.667 41.633h8.333v-116.667h-8.333c-23.017.018-41.667 18.683-41.667 41.7z" fill="currentColor"/></svg> </figure> <p class="label"> <span>Консалтинг та підтримка</span> </p> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/services/" class="simpleLink"> <span>Усі послуги</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-arrow-top-right"></use> </svg> </a> </div> </div> </div> <div class="column"> <a class="colTitle" href="https://kaplia.pro/portfolio/" target=""> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-portfolio"></use> </svg> <span>Портфоліо</span> </a> <div class="elements"> <div class="element element-portfolio"> <ul class="projects"> <li class="project"> <a href="https://kaplia.pro/clients-express/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Clients.Express</span> <span class="link online">www.clients.express</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/stomatologichna-klinika-osadchogo/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Стоматологічна клініка Осадчого</span> <span class="link online">www.osadchyclinic.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/melodiya-gir/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Мелодія Гір</span> <span class="link online">www.melodiyahir.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/elle-uzbekistan/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">ELLE Uzbekistan</span> <span class="link online">www.elleuzbekistan.com</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/engard/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Engard</span> <span class="link online">www.engard.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/stolen-life/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Stolen Life</span> <span class="link online">www.stolenlife.org</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/monbar/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Monbar</span> <span class="link online">www.monbar.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/arc-barbershop/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">ARC BarberShop</span> <span class="link online">www.arcbarber.shop</span> </span> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/portfolio/" class="simpleLink"> <span>Переглянути портфоліо</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-arrow-top-right"></use> </svg> </a> </div> </div> </div> <div class="column"> <a class="colTitle" href="https://kaplia.pro/blog/" target=""> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-blog"></use> </svg> <span>Блоґ</span> </a> <div class="elements"> <div class="element element-blog"> <ul class="posts"> <li class="post"> <a href="https://kaplia.pro/seo-u-2026-yakshho-ai-vas-ne-tsytuye-vas-ne-isnuye/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>SEO у 2026: якщо AI вас не цитує — вас не існує</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/solo-marafon-saas-z-ai-za-37-dniv/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Соло-марафон: SaaS з AI за 37 днів</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/velykyj-vytik-claude-code/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Великий витік Claude Code</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/wordpress-7-shho-nas-chekaye/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>WordPress 7: Що нас чекає?</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/ci-cd-na-wordpress/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>CI/CD на WordPress</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/bezpeka-wordpress-odyn-kejs-zamist-tysyachi-porad/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Безпека WordPress: один кейс замість тисячі порад</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/paradoks-leksusa-na-gazu/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Парадокс «Лексуса на газу»</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/vajbkoding-nova-realnist/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Вайбкодінг — нова реальність</span> </p> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/blog/" class="simpleLink"> <span>Читати блоґ</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-arrow-top-right"></use> </svg> </a> </div> </div> </div> <div class="column"> <p class="colTitle"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-menu"></use> </svg> <span>Зв’язок та інформація</span> </p> <div class="elements"> <div class="element element-messengers"> <ul class="messengers"> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Ftelegram.me%2Fvitaliikaplia"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#messenger-icon-tg"></use> </svg> </a> </li> <li> <a href="viber://chat?number=+380672089900" target="_blank"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#messenger-icon-vb"></use> </svg> </a> </li> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fwa.me%2F380672089900"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#messenger-icon-wa"></use> </svg> </a> </li> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fm.me%2Fvitalii.kaplia"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#messenger-icon-ms"></use> </svg> </a> </li> </ul> </div> <div class="element element-phone"> <a href="tel:+380672089900" class="phoneLink"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-phone-widget"></use> </svg> <span class="label">+380 67 208 9900</span> </a> </div> <div class="element element-email"> <a href="mailto:vitalii@kaplia.pro" class="emailLink"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-email-2"></use> </svg> <span class="label">vitalii@kaplia.pro</span> </a> </div> <div class="element element-menu"> <ul class="simpleMenu"> <li id="menu-item-1831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1831"><a href="https://kaplia.pro/order-a-website/">Замовити веб-сайт</a></li> <li id="menu-item-3116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3116"><a href="https://kaplia.pro/order-a-brandbook/">Замовити брендбук</a></li> <li id="menu-item-1832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1832"><a target="_blank" href="https://clients.kaplia.pro/">Портал для клієнтів</a></li> <li id="menu-item-4226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4226"><a href="https://kaplia.pro/baza-znan/">База знань</a></li> <li id="menu-item-1837" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1837"><a href="https://kaplia.pro/privacy-policy/">Політика конфіденційності</a></li> <li id="menu-item-1838" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1838"><a href="https://kaplia.pro/terms-of-use/">Умови використання</a></li> </ul> </div> <div class="element element-social_networks"> <ul class="socialNetworks"> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fwww.linkedin.com%2Fin%2Fvitaliikaplia%2F"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-social-ld"></use> </svg> </a> </li> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fgithub.com%2Fvitaliikaplia"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-social-gh"></use> </svg> </a> </li> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fwww.youtube.com%2F%40vitalii.kaplia"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-social-yt"></use> </svg> </a> </li> </ul> </div> <div class="element element-big_button"> <a href="#popup-clients-express" class="bigButton"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-calendar"></use> </svg> <span class="c"> <span class="label">Забронювати дзвінок</span> <span class="subLabel">Оберіть зручну дату та час і ми проведемо з вами онлайн зустріч</span> </span> </a> </div> </div> </div> </div> </div> </div> </div> <button type="button" class="scrollTop" aria-label="Прокрутити вгору"> <svg class="scrollTopIcon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path d="M12 19V5M6 11l6-6 6 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div class="cookiePopupWrapper"> <div class="cookiePopup"> <p class="title"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-cookie"></use> </svg> <span>Цей сайт використовує файли cookie</span> </p> <div class="cls"> <div class="message"> <input type="checkbox" id="cookie_text_toggle" hidden> <div class="toggledContent"> <label class="button" for="cookie_text_toggle">Розкажіть мені більше про файли cookie</label> <div class="typo"> <p>Ми використовуємо файли cookie, щоб персоналізувати вміст і рекламу, надавати функції соціальних мереж і аналізувати наш трафік. Ми також надаємо інформацію про ваше використання нашого веб-сайту нашим партнерам із соціальних мереж, реклами та аналітики, які можуть поєднувати її з іншою інформацією, яку ви їм надали або зібрали під час використання вами їхніх послуг. Продовжуючи користуватися нашим сайтом, ви погоджуєтеся із використанням файлів cookie, а також приймаєте нашу <a href="https://kaplia.pro/privacy-policy/">Політику конфіденційності</a> та <a href="https://kaplia.pro/terms-of-use/">Умови використання</a>.</p> </div> </div> </div> <button type="" class="overallButton style-violet-to-orange"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-check"></use> </svg> <span>Добре, я розумію</span> </button> </div> </div> </div> <div class=" customBlockWrapper br-tl br-tr main-footer-cta desktop_tablet mobile " id="block_972aea07f3c379348250dc30b501a360" > <div class=" customBlock " > <div class="dc-bg" aria-hidden="true"> <div class="dc-stage"> <div class="dc-deck" data-diagonal-deck></div> </div> <div class="dc-vignette"></div> <div class="dc-scrim"></div> </div> <script type="application/json" class="dc-tiles">[{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2026\/07\/cover_ce-scaled.png","w":1440,"h":2560,"domain":"clients.express","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2026\/04\/oc_cover-scaled.jpg","w":1440,"h":2560,"domain":"osadchyclinic.com.ua","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2026\/04\/oc_desktop-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2026\/04\/oc_desktop.webm"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2026\/02\/mg_cover-scaled.jpg","w":1440,"h":2560,"domain":"melodiyahir.com.ua","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2026\/02\/living-mobile-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2026\/02\/living-mobile.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2026\/02\/living-mobile.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/elle-uzbekistan-desktop-1765909279.png","w":1512,"h":982,"domain":"elleuzbekistan.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/engard-desktop-1765909389.png","w":1512,"h":982,"domain":"engard.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/stolen-life-desktop-1765909349.png","w":1512,"h":982,"domain":"stolenlife.org","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_minbar-scaled.jpg","w":1440,"h":2560,"domain":"monbar.com.ua","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/monbar_desktop.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/monbar_desktop.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/monbar_desktop.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/arc-barbershop-desktop-1765909404.png","w":1512,"h":982,"domain":"arcbarber.shop","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/mobile_bg.MOV-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/mobile_bg.MOV.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/mobile_bg.MOV.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/dtf-streetwear-desktop-1765909411.png","w":1512,"h":982,"domain":"donttakefake.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/riss-desktop-1765909421.png","w":1512,"h":982,"domain":"riss.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/portal-dlya-kliyentiv-desktop-1765909434.png","w":1512,"h":982,"domain":"clients.kaplia.pro","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/bratstvo-desktop-1765909446.png","w":1512,"h":982,"domain":"bratstvo.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/avtoevakuator-desktop-1765909465.png","w":1512,"h":982,"domain":"avtoevakuator.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/Personalized_Nutrition_50afcfb0-e9d9-4c5d-a37b-1b620d7e9061.jpg","w":1620,"h":1620,"domain":"mypawco.com","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/pawco.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/pawco.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/pawco.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_mo-scaled.jpg","w":1440,"h":2560,"domain":"mediaoption.agency","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/mo_desktop.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/mo_desktop.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/mo_desktop.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/pryvatna-syrovarnya-safronovyh-desktop-1765909585.png","w":1512,"h":982,"domain":"safronovfarm.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/10-maple-st-port-washington-ny-11050-desktop-1765909594.png","w":1512,"h":982,"domain":"10maplest.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_crs-scaled.jpg","w":1440,"h":2560,"domain":"crscreditapi.com","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/crs_desktop.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/crs_desktop.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/crs_desktop.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_ll-scaled.jpg","w":1440,"h":2560,"domain":"soft-dev.litslink.com","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/soft_dev_desktop.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/soft_dev_desktop.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/soft_dev_desktop.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_cg-scaled.jpg","w":1440,"h":2560,"domain":"gallery.koloua.com","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/kolo_desktop.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/kolo_desktop.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/kolo_desktop.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/rememberus-desktop-1765909549.png","w":1512,"h":982,"domain":"rememberus.org","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/zhyvytsya-desktop-1765909557.png","w":1512,"h":982,"domain":"zhyvytsia.com.ua","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/Snapinsta.app_video_220215141_2969150213402990_5091874544650501193_n.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/Snapinsta.app_video_220215141_2969150213402990_5091874544650501193_n.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/Snapinsta.app_video_220215141_2969150213402990_5091874544650501193_n.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_su-scaled.jpg","w":1440,"h":2560,"domain":"sideup.com","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/sideup_desktop.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/sideup_desktop.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/sideup_desktop.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/mriya-desktop-1765909564.png","w":1512,"h":982,"domain":"mriya.kleynodwatches.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/climate-home-desktop-1765909577.png","w":1512,"h":982,"domain":"climate-home.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/iahrr-desktop-1765909604.png","w":1512,"h":982,"domain":"iahrr.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/globe4ukraine-desktop-1765909612.png","w":1512,"h":982,"domain":"globe4ukraine.org","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_anst-scaled.jpg","w":1440,"h":2560,"domain":"anastastrust.com","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/anastastrust_desktop.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/anastastrust_desktop.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/anastastrust_desktop.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/lushbury-fertilizer-desktop-1765909618.png","w":1512,"h":982,"domain":"lushburyfertilizer.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/ukrbezpekabud-desktop-1765909624.png","w":1512,"h":982,"domain":"ukrbezpekabud.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/marina-dykukha-desktop-1765909485.png","w":1512,"h":982,"domain":"marinadykukha.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/1tvs-desktop-1765909507.png","w":1512,"h":982,"domain":"1tvs.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/meblilux-desktop-1765909514.png","w":1512,"h":982,"domain":"meblilux.com","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/perun-desktop-1765909458.png","w":1512,"h":982,"domain":"perun.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/great-event-school-desktop-1765909473.png","w":1512,"h":982,"domain":"ges.team","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/card-payment-sweden-desktop-1765909479.png","w":1512,"h":982,"domain":"cardpaymentsweden.se","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/advokatske-byuro-kuksyuka-desktop-1765909490.png","w":1512,"h":982,"domain":"advo.in.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/arena-cs-desktop-1765909427.png","w":1512,"h":982,"domain":"arenacs.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/stalone-desktop-1765909440.png","w":1512,"h":982,"domain":"stalone.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/artem-bychkov-praktykuyuchyj-psyholog-desktop-1765909452.png","w":1512,"h":982,"domain":"bychkov.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_np-scaled.jpg","w":1440,"h":2560,"domain":"nopassword.com","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/np_desktop.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/np_desktop.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/np_desktop.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/luxorclassic-desktop-1765909498.png","w":1512,"h":982,"domain":"luxorclassic.com.ua","video":[]},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/cover_pd-scaled.jpg","w":1440,"h":2560,"domain":"pindrop.nl","video":{"mp4":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/pindrop_desktop.mov-compressed.mp4","webm":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/pindrop_desktop.mov.webm","ogv":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/pindrop_desktop.mov.ogv"}},{"img":"https:\/\/kaplia.pro\/wp-content\/uploads\/2025\/12\/fasadbud-desktop-1765909630.png","w":1512,"h":982,"domain":"fasadbud.com","video":[]}]</script> <div class="dc-hero"> <div class="dc-copy scroll-show"> <p class="title">Зробимо крутий проєкт разом! </p> <div class="typo description"> <p>Готовий втілити вашу ідею в надійний і продуманий цифровий продукт — сайт, вебдодаток, бота чи автоматизацію.</p> <p>Напишіть — і я повернусь до вас із робочим прототипом та вигідною пропозицією!</p> </div> <div class="dc-cta-row"> <a href="#popup-clients-express" class="overallButton style-violet-to-orange"> <span>Обговоримо ваш проект?</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-idea"></use> </svg> </a> </div> </div> </div> </div> </div> <style> #block_972aea07f3c379348250dc30b501a360 > .customBlock{ padding-top: 100px; } @media (max-width: 768px) { #block_972aea07f3c379348250dc30b501a360 > .customBlock{ padding-top: 40px; } } #block_972aea07f3c379348250dc30b501a360 > .customBlock{ padding-bottom: 100px; } @media (max-width: 768px) { #block_972aea07f3c379348250dc30b501a360 > .customBlock{ padding-bottom: 40px; } } </style> <div class=" customBlockWrapper main-mega-menu dark-menu desktop_tablet mobile " id="block_c3c1cc58c1496d1953c494c9c88c407b" > <div class=" customBlock " > <div class="columns"> <div class="column"> <a class="colTitle" href="https://kaplia.pro/services/" target=""> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-services"></use> </svg> <span>Послуги</span> </a> <div class="elements"> <div class="element element-services"> <ul class="services"> <li class="service" style="transition-delay: 0s;"> <a href="https://kaplia.pro/ai-agents-and-chatbots/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 566.7 483.3" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd" fill="currentColor"><path d="m133.3 200c-18.4 0-33.3 14.9-33.3 33.3s14.9 33.3 33.3 33.3 33.3-14.9 33.3-33.3-14.9-33.3-33.3-33.3zm-66.6 33.3c0-36.8 29.8-66.7 66.7-66.7s66.7 29.8 66.7 66.7-29.8 66.7-66.7 66.7-66.7-29.8-66.7-66.7z" fill="currentColor"/><path d="m433.3 200c-18.4 0-33.3 14.9-33.3 33.3s14.9 33.3 33.3 33.3 33.3-14.9 33.3-33.3-14.9-33.3-33.3-33.3zm-66.6 33.3c0-36.8 29.8-66.7 66.7-66.7s66.7 29.8 66.7 66.7-29.8 66.7-66.7 66.7-66.7-29.8-66.7-66.7z" fill="currentColor"/><path d="m216.7 350c9.2 0 16.7 7.5 16.7 16.7s0 .2.1.4c.1.3.5.9 1.2 1.8 1.5 1.8 4.4 4.1 9 6.5 9.3 4.6 23.3 8 39.7 8s30.4-3.4 39.7-8c4.6-2.3 7.5-4.7 9-6.5.7-.9 1.1-1.5 1.2-1.8s.1-.3.1-.3c0-9.3 7.5-16.8 16.7-16.8s16.7 7.5 16.7 16.7c0 18.9-14.9 31.6-28.7 38.5-14.8 7.4-34.2 11.5-54.6 11.5s-39.8-4.1-54.6-11.5c-13.8-6.9-28.7-19.6-28.7-38.5s7.5-16.7 16.7-16.7z" fill="currentColor"/><path d="m416.7 16.7v66.7h-266.7v-66.7c0-9.2-7.5-16.7-16.7-16.7s-16.7 7.5-16.7 16.7v66.7h-33.3c-46-.1-83.3 37.2-83.3 83.3v233.3c0 46 37.3 83.3 83.3 83.3h400c46 0 83.3-37.3 83.3-83.3v-233.3c0-46-37.3-83.3-83.3-83.3h-33.3v-66.7c0-9.2-7.5-16.7-16.7-16.7s-16.7 7.5-16.7 16.7zm-333.4 100c-27.6 0-50 22.4-50 50v233.3c0 27.6 22.4 50 50 50h400c27.6 0 50-22.4 50-50v-233.3c0-27.6-22.4-50-50-50z" fill="currentColor"/></g></svg> </figure> <p class="label"> <span>AI-агенти та чат-боти</span> </p> </a> </li> <li class="service" style="transition-delay: 0.1s;"> <a href="https://kaplia.pro/wordpress-development/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 798.438 798.438" xmlns="http://www.w3.org/2000/svg"><path d="m399.219 0c-220.13 0-399.219 179.077-399.219 399.206s179.089 399.231 399.219 399.231 399.219-179.103 399.219-399.231-179.096-399.206-399.219-399.206zm-358.927 399.206c0-52.041 11.164-101.442 31.078-146.075l171.222 469.102c-119.753-58.167-202.3-180.961-202.3-323.027zm358.927 358.953c-35.23 0-69.233-5.167-101.403-14.627l107.706-312.928 110.319 302.259c.728 1.773 1.617 3.405 2.572 4.945-37.309 13.131-77.4 20.35-119.194 20.35zm49.467-527.243c21.605-1.131 41.078-3.405 41.078-3.405 19.338-2.288 17.056-30.716-2.294-29.578 0 0-58.136 4.561-95.672 4.561-35.263 0-94.522-4.561-94.522-4.561-19.356-1.137-21.623 28.434-2.275 29.578 0 0 18.305 2.273 37.648 3.405l55.912 153.223-78.558 235.573-130.7-388.796c21.625-1.131 41.072-3.405 41.072-3.405 19.331-2.288 17.05-30.716-2.294-29.578 0 0-58.122 4.561-95.659 4.561-6.733 0-14.666-.169-23.1-.442 64.18-97.432 174.498-161.78 299.897-161.78 93.437 0 178.517 35.731 242.377 94.242-1.545-.091-3.059-.286-4.653-.286-35.255 0-60.272 30.708-60.272 63.705 0 29.578 17.063 54.606 35.256 84.178 13.652 23.905 29.591 54.614 29.591 98.992 0 30.714-11.812 66.367-27.311 116.03l-35.808 119.616-129.712-385.833zm130.98 478.529 109.63-316.97c20.475-51.203 27.297-92.152 27.297-128.55 0-13.216-.872-25.484-2.417-36.914 28.019 51.117 43.964 109.784 43.964 172.195 0 132.416-71.761 248.023-178.473 310.239z" fill="currentColor"/></svg> </figure> <p class="label"> <span>WordPress розробка</span> </p> </a> </li> <li class="service" style="transition-delay: 0.2s;"> <a href="https://kaplia.pro/ecommerce/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 666.667 666.666" xmlns="http://www.w3.org/2000/svg"><path d="m566.666 666.666c-36.76 0-66.666-29.906-66.666-66.666s29.906-66.667 66.666-66.667 66.667 29.907 66.667 66.667-29.907 66.666-66.667 66.666zm-.001-66.708.002.042c0-.029-.002-.042-.002-.042zm-366.665 66.708c-36.76 0-66.667-29.906-66.667-66.666s29.907-66.667 66.667-66.667 66.666 29.907 66.666 66.667-29.906 66.666-66.666 66.666zm-.002-66.708.002.042c0-.029-.002-.042-.002-.042zm400.002-99.959h-400c-16.453 0-30.445-12.004-32.946-28.265l-19.875-129.189c-.76-2.647-1.2-5.428-1.277-8.301l-34.621-225.031c-.759-2.647-1.2-5.429-1.277-8.302l-5.269-34.245h-71.402c-18.409-0-33.333-14.924-33.333-33.333s14.924-33.333 33.333-33.333h100c16.453 0 30.443 12.003 32.946 28.265l5.908 38.401h461.146c10.46 0 20.312 4.909 26.611 13.26s8.313 19.174 5.439 29.231l-66.667 233.333c-4.089 14.31-17.169 24.176-32.051 24.176h-348.325l10.256 66.667h371.404c18.409 0 33.333 14.924 33.333 33.333s-14.924 33.333-33.333 33.333zm-391.916-199.999h333.438l47.62-166.667h-406.699z" fill="currentColor"/></svg> </figure> <p class="label"> <span>eCommerce</span> </p> </a> </li> <li class="service" style="transition-delay: 0.3s;"> <a href="https://kaplia.pro/web-apps-and-portals/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 733.3 733.3" xmlns="http://www.w3.org/2000/svg"><path d="m406.7 733.3h-23.3c-18.4 0-33.3-14.9-33.3-33.3v-58.3c0-23-18.7-41.7-41.7-41.7s-41.7 18.7-41.7 41.7v58.3c0 18.4-14.9 33.3-33.3 33.3h-40c-59.3 0-92 0-120.5-14.5-25.3-12.9-45.4-33-58.3-58.3-14.5-28.5-14.5-61.2-14.5-120.5v-56.7c0-18.4 14.9-33.3 33.3-33.3h50c27.6 0 50-22.4 50-50s-22.4-50-50-50h-50c-18.4 0-33.3-14.9-33.3-33.3 0-49.3 0-76.5 10.1-101 13.6-32.9 39.3-58.5 72.2-72.2 24.5-10.1 51.7-10.1 101-10.1v-16.7c-.1-64.4 52.3-116.7 116.6-116.7s116.7 52.3 116.7 116.7v16.7c49.3 0 76.5 0 101 10.1 32.9 13.6 58.5 39.3 72.2 72.2 7.6 18.3 9.5 38.2 10 67.7h16.8c64.3 0 116.7 52.3 116.7 116.7s-52.3 116.7-116.7 116.7h-16.7v23.3c0 59.3 0 92-14.5 120.5-12.9 25.3-33 45.4-58.3 58.3-28.5 14.5-61.2 14.5-120.5 14.5zm-340-216.6v23.3c0 49 0 76 7.3 90.3 6.4 12.6 16.5 22.7 29.1 29.1 14.3 7.3 41.3 7.3 90.3 7.3h6.7v-25c0-59.7 48.6-108.3 108.3-108.3s108.3 48.6 108.3 108.3v25c42.7 0 67-.5 80.3-7.3 12.6-6.4 22.7-16.5 29.1-29.1 7.3-14.3 7.3-41.3 7.3-90.3v-56.7c0-18.4 14.9-33.3 33.3-33.3h50c27.6 0 50-22.4 50-50s-22.4-50-50-50h-50c-18.4 0-33.3-14.9-33.3-33.3 0-40.8 0-63.3-5.1-75.5-6.8-16.5-19.6-29.3-36.1-36.1-12.3-5.1-34.7-5.1-75.5-5.1h-33.3c-18.4 0-33.3-14.9-33.3-33.3v-50c0-27.6-22.4-50-50-50s-50 22.4-50 50v50c0 18.4-14.9 33.3-33.3 33.3h-33.3c-40.8 0-63.3 0-75.5 5.1-16.5 6.8-29.3 19.6-36.1 36.1-3.5 8.4-4.6 21.6-4.9 42.2h16.5c64.3 0 116.7 52.3 116.7 116.7s-52.3 116.7-116.7 116.7h-16.7z" fill="currentColor"/></svg> </figure> <p class="label"> <span>Вебдодатки та портали</span> </p> </a> </li> <li class="service" style="transition-delay: 0.4s;"> <a href="https://kaplia.pro/crm-and-business-systems/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"><path d="m533.3 600h-166.7c-36.8 0-66.7-29.9-66.7-66.7v-233.3c0-36.8 29.9-66.7 66.7-66.7h166.7c36.8 0 66.7 29.9 66.7 66.7v233.3c0 36.8-29.9 66.7-66.7 66.7zm-166.6-300v233.3h166.7s0-233.3 0-233.3z" fill="currentColor"/><path d="m200 366.7h-133.3c-36.8 0-66.7-29.9-66.7-66.7v-233.3c0-36.8 29.9-66.7 66.7-66.7h133.3c36.8 0 66.7 29.9 66.7 66.7v233.3c0 36.8-29.9 66.7-66.7 66.7zm-133.3-300v233.3h133.3v-233.3z" fill="currentColor"/><path d="m200 600h-133.3c-36.8 0-66.7-29.9-66.7-66.7v-66.7c0-36.8 29.9-66.7 66.7-66.7h133.3c36.8 0 66.7 29.9 66.7 66.7v66.7c0 36.8-29.9 66.7-66.7 66.7zm-133.3-133.3v66.7h133.3v-66.7z" fill="currentColor"/><path d="m533.3 200h-166.7c-36.8 0-66.7-29.9-66.7-66.7v-66.7c.1-36.7 30-66.6 66.8-66.6h166.7c36.8 0 66.7 29.9 66.7 66.7v66.7c0 36.8-29.9 66.7-66.7 66.7zm-166.6-133.3v66.7h166.7v-66.7z" fill="currentColor"/></svg> </figure> <p class="label"> <span>CRM та бізнес-системи</span> </p> </a> </li> <li class="service" style="transition-delay: 0.5s;"> <a href="https://kaplia.pro/integrations-and-automation/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 646.875 503.125" xmlns="http://www.w3.org/2000/svg"><path d="m372.756 304.719c5.897-1.062 11.877-1.596 17.869-1.594 12.6 0 24.656 2.331 35.763 6.584l44.187-62.834 1.687.956c-16.382-18.305-25.423-42.017-25.387-66.581 0-55.228 44.772-100 100-100s100 44.772 100 100-44.772 100-100 100c-11.475 0-22.5-1.934-32.766-5.491l-44.719 65.744c13.791 17.577 21.27 39.281 21.234 61.622 0 55.228-44.772 100-100 100s-100-44.772-100-100c0-30.522 13.675-57.85 35.231-76.194l-64.887-129c-6.693 1.38-13.51 2.073-20.344 2.069-8.606.006-17.176-1.097-25.5-3.281l-45.988 81.031c19.019 18.203 30.863 43.844 30.863 72.25 0 55.228-44.772 100-100 100s-99.999-44.772-99.999-100 44.772-100 100-100c8.297 0 16.356 1.009 24.062 2.913l46.278-81.781c-18.347-18.122-29.716-43.297-29.716-71.131.001-55.229 44.773-100.001 100.001-100.001s100 44.772 100 100c0 29.884-13.109 56.706-33.888 75.031zm174.119-73.469c27.616 0 50-22.384 50-50s-22.384-50-50-50-50 22.384-50 50 22.384 50 50 50zm-446.875 168.75c27.616 0 50-22.384 50-50s-22.384-50-50-50-50 22.384-50 50 22.384 50 50 50zm140.625-250c27.616 0 50-22.384 50-50s-22.384-50-50-50-50 22.384-50 50 22.384 50 50 50zm150 303.125c27.616 0 50-22.384 50-50s-22.384-50-50-50-50 22.384-50 50 22.384 50 50 50z" fill-rule="evenodd" fill="currentColor"/></svg> </figure> <p class="label"> <span>Інтеграції та автоматизація</span> </p> </a> </li> <li class="service" style="transition-delay: 0.6s;"> <a href="https://kaplia.pro/seo-and-localization/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 720.033 720.043" xmlns="http://www.w3.org/2000/svg"><path d="m344.041 688.041c-68.267 0-134.354-20.047-191.115-57.975-56.762-37.926-100.574-91.311-126.699-154.384-26.126-63.069-32.896-131.798-19.578-198.754 13.318-66.954 45.875-127.86 94.147-176.132s109.18-80.828 176.134-94.146 135.683-6.55 198.756 19.574c63.069 26.125 116.453 69.936 154.38 126.699 37.928 56.762 57.975 122.849 57.975 191.118 0 13.254-10.745 24-24 24s-24-10.746-24-24c0-58.744-17.25-115.609-49.885-164.45-32.636-48.843-78.57-86.542-132.838-109.02-54.271-22.479-113.41-28.305-171.023-16.843-57.612 11.459-110.019 39.473-151.557 81.01-41.537 41.537-69.55 93.943-81.01 151.555-11.459 57.613-5.634 116.751 16.845 171.021 22.48 54.271 60.178 100.207 109.02 132.841 48.842 32.636 105.708 49.886 164.448 49.886 13.254 0 24 10.745 24 24s-10.745 24-24 24z" fill="currentColor"/><path d="m664.04 368.041h-640c-13.255 0-24-10.745-24-24s10.745-24 24-24h640c13.255 0 24 10.745 24 24s-10.745 24-24 24z" fill="currentColor"/><path d="m344.04 688.041c-28.902 0-70.027-19.055-101.812-109.829-22.047-62.966-34.188-146.129-34.188-234.17s12.142-171.207 34.188-234.173c11.233-32.083 24.611-57.64 39.761-75.962 23.144-27.992 46.518-33.868 62.051-33.868 28.902 0 70.027 19.055 101.812 109.829 22.047 62.966 34.188 146.13 34.188 234.173 0 13.254-10.745 24-24 24s-24-10.746-24-24c0-82.78-11.185-160.311-31.491-218.31-20.079-57.344-42.989-77.692-56.509-77.692s-36.43 20.348-56.508 77.692c-20.308 57.999-31.492 135.53-31.492 218.31s11.184 160.309 31.492 218.308c20.078 57.345 42.989 77.691 56.508 77.691 13.255 0 24 10.745 24 24s-10.745 24-24 24z" fill="currentColor"/><path d="m547.852 683.88c-74.991 0-136-61.009-136-136s61.009-136 136-136 136 61.009 136 136-61.009 136-136 136zm0-224c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88z" fill="currentColor"/><path d="m696.033 720.043c-6.124 0-12.248-2.329-16.931-6.99l-69.12-68.8c-9.395-9.352-9.429-24.547-.078-33.941 9.352-9.393 24.548-9.43 33.94-.078l69.12 68.8c9.395 9.351 9.429 24.547.078 33.94-4.689 4.712-10.85 7.069-17.01 7.069z" fill="currentColor"/></svg> </figure> <p class="label"> <span>SEO та локалізація</span> </p> </a> </li> <li class="service" style="transition-delay: 0.7s;"> <a href="https://kaplia.pro/productivity-and-optimization/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 24 15.965" xmlns="http://www.w3.org/2000/svg"><path d="m12 0c-6.627 0-12 5.373-12 12 .005 1.351.238 2.691.689 3.965-.192-.8-.291-1.62-.295-2.443 0-5.935 4.811-10.746 10.746-10.746 2.131.002 4.213.638 5.982 1.826l2.141-2.141c-2.086-1.593-4.638-2.457-7.263-2.461zm9.148 3.604c-.252.004-.507.102-.719.281l-9.193 7.781c-.423.358-1.416 1.412-.002 2.826s2.468.419 2.826-.004l7.783-9.189c.358-.423.392-1.022 0-1.414-.196-.196-.444-.285-.695-.281zm1.85 3.607-2.021 2.021c.581 1.323.889 2.75.906 4.195h2.016c.062-.473.096-.95.102-1.428-.002-1.648-.343-3.278-1.002-4.789z" fill="currentColor"/></svg> </figure> <p class="label"> <span>Продуктивність та оптимізація</span> </p> </a> </li> <li class="service" style="transition-delay: 0.8s;"> <a href="https://kaplia.pro/security-and-stability/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 650 716.667" xmlns="http://www.w3.org/2000/svg"><path d="m325 716.667c-39.194 0-54.571-6.716-80.045-17.842-43.641-19.063-106.248-53.461-156.736-109.093-58.538-64.5-88.219-142.45-88.219-231.685v-52.491c0-122.094 0-167.778 17.121-192.172 17.255-24.584 60.284-39.313 175.28-78.677l19.094-6.535c54.798-18.758 82.299-28.172 113.505-28.172s58.707 9.414 113.498 28.169l19.101 6.538c114.996 39.364 158.025 54.092 175.281 78.677 17.12 24.395 17.12 70.078 17.12 192.172v52.491c0 89.234-29.681 167.185-88.219 231.686-27.867 30.705-77.68 74.556-156.727 109.087-25.483 11.131-40.86 17.847-80.055 17.847zm0-666.667c-22.885 0-47.754 8.514-97.303 25.474l-19.104 6.539c-48.068 16.454-86.036 29.45-111.97 39.923-31.125 12.57-37.413 18.642-38.598 20.203-1.055 1.598-4.742 9.598-6.535 43.474-1.491 28.157-1.491 66.657-1.491 119.943v52.491c0 76.424 25.315 143.069 75.244 198.082 44.54 49.078 100.562 79.768 139.716 96.871 22.771 9.945 31.288 13.666 60.04 13.666s37.27-3.721 60.033-13.663c39.159-17.106 95.183-47.797 139.723-96.874 49.929-55.014 75.244-121.658 75.244-198.082v-52.491c0-53.286 0-91.787-1.49-119.943-1.793-33.875-5.48-41.876-6.568-43.522-1.151-1.513-7.438-7.584-38.563-20.155-25.937-10.474-63.903-23.47-111.972-39.923l-19.093-6.536c-49.557-16.963-74.428-25.477-97.313-25.477z" fill="currentColor"/><path d="m289.287 450c-7.122 0-13.905-3.037-18.648-8.35l-47.62-53.334c-9.196-10.299-8.302-26.103 1.997-35.298s26.103-8.302 35.299 1.998l28.972 32.448 100.398-112.448c9.195-10.299 24.999-11.194 35.299-1.998 10.299 9.196 11.194 24.999 1.998 35.299l-119.046 133.333c-4.743 5.312-11.527 8.35-18.648 8.35z" fill="currentColor"/></svg> </figure> <p class="label"> <span>Безпека та стабільність</span> </p> </a> </li> <li class="service" style="transition-delay: 0.9s;"> <a href="https://kaplia.pro/devops-and-ci-cd/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 74.844 37.422" xmlns="http://www.w3.org/2000/svg"><path d="m6.804 18.711c0-3.158 1.254-6.187 3.487-8.419 2.233-2.233 5.262-3.487 8.419-3.487 4.096 0 6.872 1.476 9.185 3.786 2.47 2.473 4.372 5.851 6.552 9.774l.116.204c2.041 3.681 4.365 7.862 7.576 11.073 3.429 3.429 7.879 5.78 13.992 5.78 3.134 0 6.218-.787 8.968-2.289s5.08-3.671 6.774-6.307 2.699-5.656 2.922-8.782-.342-6.258-1.645-9.108c-1.302-2.85-3.3-5.328-5.809-7.206-2.509-1.877-5.45-3.095-8.552-3.54s-6.266-.104-9.202.992-5.549 2.912-7.601 5.282c1.367 2.047 2.64 4.155 3.817 6.317 1.041-1.813 2.542-3.321 4.351-4.37s3.862-1.604 5.953-1.607c2.091-.004 4.146.543 5.959 1.586s3.319 2.544 4.366 4.354c1.048 1.81 1.601 3.863 1.603 5.954s-.547 4.146-1.591 5.958-2.547 3.317-4.358 4.363c-1.81 1.047-3.865 1.598-5.956 1.598-4.093 0-6.872-1.476-9.185-3.786-2.47-2.473-4.371-5.851-6.552-9.774l-.116-.204c-2.041-3.681-4.365-7.862-7.576-11.073-3.427-3.429-7.877-5.78-13.99-5.78-3.134 0-6.218.787-8.968 2.289s-5.08 3.671-6.774 6.307c-1.694 2.637-2.698 5.657-2.922 8.783-.223 3.126.342 6.258 1.645 9.108 1.302 2.85 3.3 5.328 5.809 7.205 2.509 1.878 5.45 3.095 8.552 3.54s6.266.104 9.202-.993c2.936-1.096 5.549-2.912 7.601-5.282-1.367-2.047-2.641-4.155-3.817-6.317-1.306 2.277-3.327 4.058-5.75 5.067s-5.111 1.19-7.647.514-4.777-2.171-6.376-4.253c-1.598-2.082-2.464-4.633-2.463-7.257z" fill="currentColor"/></svg> </figure> <p class="label"> <span>DevOps: сервери та CI/CD</span> </p> </a> </li> <li class="service" style="transition-delay: 1s;"> <a href="https://kaplia.pro/consulting-and-support/"> <figure> <?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 683.3 684.862" xmlns="http://www.w3.org/2000/svg"><path d="m266.667 591.7c-.052-50.608 40.931-91.676 91.539-91.728 32.707-.034 62.952 17.368 79.361 45.661 69.667-30.733 95.767-78.967 95.767-170.633v-100c0-133.067-75.033-225-191.667-225s-191.667 91.967-191.667 225v116.667c-.018 13.8-11.2 24.982-25 25h-33.333c-50.59-.055-91.593-41.043-91.667-91.633v-33.333c.055-50.609 41.058-91.627 91.667-91.7h15.933c25.233-119.034 111.6-200.001 234.067-200.001s208.8 80.967 234.033 200h15.933c50.596.073 91.593 41.071 91.667 91.667v33.333c-.055 50.603-41.063 91.612-91.667 91.667h-10.3c-2.633 80.826-54.881 151.639-131.333 178-.819 50.626-42.524 91.003-93.15 90.183s-91.003-42.524-90.183-93.15zm50 0c0 23.012 18.655 41.667 41.667 41.667s41.667-18.655 41.667-41.667-18.655-41.667-41.667-41.667c-23.004.018-41.648 18.662-41.667 41.667zm266.666-225h8.3c23.017 0 41.682-18.649 41.7-41.667v-33.333c0-23.017-18.649-41.682-41.667-41.7h-8.333zm-533.333-75v33.333c.037 22.991 18.675 41.615 41.667 41.633h8.333v-116.667h-8.333c-23.017.018-41.667 18.683-41.667 41.7z" fill="currentColor"/></svg> </figure> <p class="label"> <span>Консалтинг та підтримка</span> </p> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/services/" class="simpleLink"> <span>Усі послуги</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-arrow-top-right"></use> </svg> </a> </div> </div> </div> <div class="column"> <a class="colTitle" href="https://kaplia.pro/portfolio/" target=""> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-portfolio"></use> </svg> <span>Портфоліо</span> </a> <div class="elements"> <div class="element element-portfolio"> <ul class="projects"> <li class="project"> <a href="https://kaplia.pro/clients-express/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Clients.Express</span> <span class="link online">www.clients.express</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/stomatologichna-klinika-osadchogo/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Стоматологічна клініка Осадчого</span> <span class="link online">www.osadchyclinic.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/melodiya-gir/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Мелодія Гір</span> <span class="link online">www.melodiyahir.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/elle-uzbekistan/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">ELLE Uzbekistan</span> <span class="link online">www.elleuzbekistan.com</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/engard/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Engard</span> <span class="link online">www.engard.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/stolen-life/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Stolen Life</span> <span class="link online">www.stolenlife.org</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/monbar/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">Monbar</span> <span class="link online">www.monbar.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/arc-barbershop/"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-web"></use> </svg> <span class="c"> <span class="label">ARC BarberShop</span> <span class="link online">www.arcbarber.shop</span> </span> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/portfolio/" class="simpleLink"> <span>Переглянути портфоліо</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-arrow-top-right"></use> </svg> </a> </div> </div> </div> <div class="column"> <a class="colTitle" href="https://kaplia.pro/blog/" target=""> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-blog"></use> </svg> <span>Блоґ</span> </a> <div class="elements"> <div class="element element-blog"> <ul class="posts"> <li class="post"> <a href="https://kaplia.pro/seo-u-2026-yakshho-ai-vas-ne-tsytuye-vas-ne-isnuye/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>SEO у 2026: якщо AI вас не цитує — вас не існує</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/solo-marafon-saas-z-ai-za-37-dniv/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Соло-марафон: SaaS з AI за 37 днів</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/velykyj-vytik-claude-code/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Великий витік Claude Code</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/wordpress-7-shho-nas-chekaye/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>WordPress 7: Що нас чекає?</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/ci-cd-na-wordpress/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>CI/CD на WordPress</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/bezpeka-wordpress-odyn-kejs-zamist-tysyachi-porad/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Безпека WordPress: один кейс замість тисячі порад</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/paradoks-leksusa-na-gazu/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Парадокс «Лексуса на газу»</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/vajbkoding-nova-realnist/"> <figure> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-page"></use> </svg> </figure> <p class="label"> <span>Вайбкодінг — нова реальність</span> </p> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/blog/" class="simpleLink"> <span>Читати блоґ</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-arrow-top-right"></use> </svg> </a> </div> </div> </div> <div class="column"> <p class="colTitle"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-menu"></use> </svg> <span>Зв’язок та інформація</span> </p> <div class="elements"> <div class="element element-messengers"> <ul class="messengers"> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Ftelegram.me%2Fvitaliikaplia"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#messenger-icon-tg"></use> </svg> </a> </li> <li> <a href="viber://chat?number=+380672089900" target="_blank"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#messenger-icon-vb"></use> </svg> </a> </li> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fwa.me%2F380672089900"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#messenger-icon-wa"></use> </svg> </a> </li> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fm.me%2Fvitalii.kaplia"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#messenger-icon-ms"></use> </svg> </a> </li> </ul> </div> <div class="element element-phone"> <a href="tel:+380672089900" class="phoneLink"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-phone-widget"></use> </svg> <span class="label">+380 67 208 9900</span> </a> </div> <div class="element element-email"> <a href="mailto:vitalii@kaplia.pro" class="emailLink"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-email-2"></use> </svg> <span class="label">vitalii@kaplia.pro</span> </a> </div> <div class="element element-menu"> <ul class="simpleMenu"> <li id="menu-item-705" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-705"><a href="https://kaplia.pro/order-a-website/">Замовити веб-сайт</a></li> <li id="menu-item-3113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3113"><a href="https://kaplia.pro/order-a-brandbook/">Замовити брендбук</a></li> <li id="menu-item-709" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-709"><a target="_blank" href="https://clients.kaplia.pro/">Портал для клієнтів</a></li> <li id="menu-item-4224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4224"><a href="https://kaplia.pro/baza-znan/">База знань</a></li> </ul> </div> <div class="element element-social_networks"> <ul class="socialNetworks"> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fwww.linkedin.com%2Fin%2Fvitaliikaplia%2F"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-social-ld"></use> </svg> </a> </li> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fgithub.com%2Fvitaliikaplia"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-social-gh"></use> </svg> </a> </li> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/?go=https%3A%2F%2Fwww.youtube.com%2F%40vitalii.kaplia"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-social-yt"></use> </svg> </a> </li> </ul> </div> <div class="element element-big_button"> <a href="#popup-clients-express" class="bigButton"> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-calendar"></use> </svg> <span class="c"> <span class="label">Забронювати дзвінок</span> <span class="subLabel">Оберіть зручну дату та час і ми проведемо з вами онлайн зустріч</span> </span> </a> </div> </div> </div> </div> </div> </div> <style> #block_c3c1cc58c1496d1953c494c9c88c407b > .customBlock{ padding-top: 40px; } @media (max-width: 768px) { #block_c3c1cc58c1496d1953c494c9c88c407b > .customBlock{ padding-top: 30px; } } #block_c3c1cc58c1496d1953c494c9c88c407b > .customBlock{ padding-bottom: 100px; } @media (max-width: 768px) { #block_c3c1cc58c1496d1953c494c9c88c407b > .customBlock{ padding-bottom: 40px; } } </style> <footer> <div class="inner"> <div class="col"> <p class="copyright"> © 2007-2026 Бюро цифрових продуктів Каплі Віталія. Усі права захищено </p> <ul class="menu"> <li id="menu-item-131" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-131"><a href="https://kaplia.pro/privacy-policy/">Політика конфіденційності</a></li> <li id="menu-item-417" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-417"><a href="https://kaplia.pro/terms-of-use/">Умови використання</a></li> </ul> </div> <div class="col"> <a href="https://kaplia.pro"> <figure> <img src="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/logo-footer-vector.svg?ver=2.46" alt="KAPLIA.PRO"> </figure> </a> </div> </div> </footer> <script> (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e; a.async=true;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({ key: "AIzaSyBfCt-zOFCCaklXMzWZ42dG0EMgaINHxaM", v: "weekly" }); </script> <script>const js_localization = {"Close":"\u0417\u0430\u043a\u0440\u0438\u0442\u0438","Error":"\u041f\u043e\u043c\u0438\u043b\u043a\u0430","Not found":"\u041d\u0435 \u0437\u043d\u0430\u0439\u0434\u0435\u043d\u043e","Search":"\u041f\u043e\u0448\u0443\u043a","Development...":"\u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430...","Searching":"\u0419\u0434\u0435 \u043f\u043e\u0448\u0443\u043a...","Nothing found":"\u041d\u0456\u0447\u043e\u0433\u043e \u043d\u0435 \u0437\u043d\u0430\u0439\u0434\u0435\u043d\u043e","Search error":"\u041f\u043e\u043c\u0438\u043b\u043a\u0430 \u043f\u043e\u0448\u0443\u043a\u0443","Start typing to search":"\u041f\u043e\u0447\u043d\u0456\u0442\u044c \u0432\u0432\u043e\u0434\u0438\u0442\u0438 \u0442\u0435\u043a\u0441\u0442 \u0434\u043b\u044f \u043f\u043e\u0448\u0443\u043a\u0443"};const svg_sprite = "https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46";const utils_js = "https://kaplia.pro/wp-content/themes/kaplia-pro/assets/js/plugins/utils.js";const searchAjaxUrl = "https://kaplia.pro/wp-content/themes/kaplia-pro/search-ajax.php";const currentLang = "uk";</script> <script id="jquery-js" src="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/js/jquery.min.js?ver=3.4.1"></script> <script id="plugins-js" src="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/js/plugins.min.js?ver=2.46"></script> <script id="custom-js" src="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/js/custom.min.js?ver=2.46"></script> <script> window.aiChatConfig = {"nonce":"3050fbbeea","ajaxUrl":"https:\/\/kaplia.pro\/wp-admin\/admin-ajax.php","lang":"uk","assistantName":"\u0412\u0456\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u0438\u0439 \u0430\u0441\u0438\u0441\u0442\u0435\u043d\u0442","welcomeMessage":"\u0412\u0456\u0442\u0430\u044e! \u042f \u2014 \u0432\u0456\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u0438\u0439 \u0430\u0441\u0438\u0441\u0442\u0435\u043d\u0442 KAPLIA.PRO! \u0420\u043e\u0437\u043a\u0430\u0436\u0443 \u043f\u0440\u043e \u043f\u043e\u0441\u043b\u0443\u0433\u0438, \u043f\u0440\u043e\u0454\u043a\u0442\u0438 \u0432 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0456\u043e, \u043e\u0440\u0456\u0454\u043d\u0442\u043e\u0432\u043d\u0443 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u0456 \u043f\u0456\u0434\u0445\u0456\u0434 \u0434\u043e \u0440\u043e\u0431\u043e\u0442\u0438 \u2014 \u0432\u0456\u0434 \u0441\u0430\u0439\u0442\u0456\u0432 \u0456 eCommerce \u0434\u043e \u0432\u0435\u0431\u0434\u043e\u0434\u0430\u0442\u043a\u0456\u0432, CRM, \u0431\u043e\u0442\u0456\u0432 \u0442\u0430 AI-\u0430\u0433\u0435\u043d\u0442\u0456\u0432. \u0417\u0430\u043f\u0438\u0442\u0443\u0439\u0442\u0435!","agreeText":"<p>\u041f\u0440\u043e\u0434\u043e\u0432\u0436\u0443\u044e\u0447\u0438 \u0440\u043e\u0431\u043e\u0442\u0443 \u0437 \u0428\u0406 \u0430\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u043e\u043c \u044f \u043f\u043e\u0433\u043e\u0434\u0436\u0443\u044e\u0441\u044c \u0437 <a href=\"https:\/\/kaplia.pro\/terms-of-use\/\">\u0443\u043c\u043e\u0432\u0430\u043c\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f<\/a> \u0441\u0430\u0439\u0442\u0443 \u0442\u0430 <a href=\"https:\/\/kaplia.pro\/privacy-policy\/\">\u043f\u043e\u043b\u0456\u0442\u0438\u043a\u043e\u044e \u043a\u043e\u043d\u0444\u0456\u0434\u0435\u043d\u0446\u0456\u0439\u043d\u043e\u0441\u0442\u0456<\/a>.<\/p>\n","enabled":true,"voiceEnabled":true,"pageInvitation":"\u041e\u0431\u0433\u043e\u0432\u043e\u0440\u0438\u043c\u043e \u0446\u044e \u043b\u0435\u043a\u0446\u0456\u044e?","pageId":4143,"contactMaxAttempts":3,"errorText":"\u0429\u043e\u0441\u044c \u043f\u0456\u0448\u043b\u043e \u043d\u0435 \u0442\u0430\u043a. \u0421\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0449\u0435 \u0440\u0430\u0437.","disclaimerText":"AI-\u0430\u0441\u0438\u0441\u0442\u0435\u043d\u0442 \u043c\u043e\u0436\u0435 \u043f\u043e\u043c\u0438\u043b\u044f\u0442\u0438\u0441\u044f \u0443 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u044f\u0445","introNameLabel":"\u0412\u0430\u0448\u0435 \u0456\u043c'\u044f","introPhoneLabel":"\u0412\u0430\u0448 \u0442\u0435\u043b\u0435\u0444\u043e\u043d","introSubmitText":"\u041f\u043e\u0447\u0430\u0442\u0438 \u0447\u0430\u0442","inputPlaceholder":"\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f...","sendText":"\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438","resetTitle":"\u0421\u043a\u0438\u043d\u0443\u0442\u0438 \u0447\u0430\u0442","closeTitle":"\u0417\u0430\u043a\u0440\u0438\u0442\u0438","contactPromptText":"\u0417\u0430\u043b\u0438\u0448\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443, \u0456 \u043c\u0438 \u0437 \u0432\u0430\u043c\u0438 \u0437\u0432'\u044f\u0436\u0435\u043c\u043e\u0441\u044f","contactYesText":"\u0422\u0430\u043a, \u0437\u0432'\u044f\u0436\u0456\u0442\u044c\u0441\u044f \u0437\u0456 \u043c\u043d\u043e\u044e","contactSuccessText":"\u0414\u044f\u043a\u0443\u0454\u043c\u043e! \u041c\u0438 \u043d\u0435\u0432\u0434\u043e\u0432\u0437\u0456 \u0437 \u0432\u0430\u043c\u0438 \u0437\u0432'\u044f\u0436\u0435\u043c\u043e\u0441\u044f.","micTitle":"\u0413\u043e\u043b\u043e\u0441\u043e\u0432\u0438\u0439 \u0440\u0435\u0436\u0438\u043c","voiceStopTitle":"\u0417\u0443\u043f\u0438\u043d\u0438\u0442\u0438 \u0437\u0430\u043f\u0438\u0441","voiceListeningText":"\u0421\u043b\u0443\u0445\u0430\u0454\u043c\u043e...","voiceThinkingText":"\u0425\u0432\u0438\u043b\u0438\u043d\u043a\u0443...","voiceLoadingText":"\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f...","voiceStartText":"\u041f\u043e\u0447\u0438\u043d\u0430\u0439\u0442\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438","voiceFinalChanceDirective":"\u0426\u0435 \u043e\u0441\u0442\u0430\u043d\u043d\u0456\u0439 \u0445\u0456\u0434 \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447\u0430. \u042f\u043a\u0449\u043e \u0432 \u0439\u043e\u0433\u043e \u043e\u0441\u0442\u0430\u043d\u043d\u044c\u043e\u043c\u0443 \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u0456 \u0447\u0456\u0442\u043a\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u043e \u041e\u0411\u0418\u0414\u0412\u0410 \u2014 \u0456 \u0456\u043c'\u044f, \u0456 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 \u2014 \u0432\u0438\u043a\u043b\u0438\u0447 verify_contact \u0456 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0439 \u043d\u043e\u043c\u0435\u0440 \u0432\u0433\u043e\u043b\u043e\u0441, \u0449\u043e\u0431 \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438 \u0439\u043e\u0433\u043e. \u0406\u043d\u0430\u043a\u0448\u0435 \u041d\u0415 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0439 \u043d\u0430 \u0439\u043e\u0433\u043e \u0437\u0430\u043f\u0438\u0442\u0430\u043d\u043d\u044f \u2014 \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u0439 \u0442\u0435\u043f\u043b\u043e \u043f\u043e\u043f\u0440\u043e\u0449\u0430\u0439\u0441\u044f, \u043f\u043e\u044f\u0441\u043d\u0438\u0432\u0448\u0438, \u0449\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0448 \u043f\u0440\u043e\u0434\u043e\u0432\u0436\u0438\u0442\u0438 \u0431\u0435\u0437 \u0456\u043c\u0435\u043d\u0456 \u0442\u0430 \u043d\u043e\u043c\u0435\u0440\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443, \u0456 \u043d\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0439 \u0436\u043e\u0434\u043d\u0438\u0445 \u0456\u043d\u0448\u0438\u0445 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0456\u0432. \u0412\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0439 \u0442\u0456\u0454\u044e \u0436 \u043c\u043e\u0432\u043e\u044e, \u044f\u043a\u043e\u044e \u0433\u043e\u0432\u043e\u0440\u0438\u0432 \u0434\u043e\u0441\u0456.","typingPhrases":{"default":["\u0414\u0443\u043c\u0430\u0454\u043c\u043e...","\u0420\u043e\u0437\u0431\u0438\u0440\u0430\u0454\u043c\u043e\u0441\u044c...","\u0425\u0432\u0438\u043b\u0438\u043d\u043a\u0443..."],"services":["\u041f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0454\u043c\u043e \u043d\u0430\u0448\u0456 \u043f\u043e\u0441\u043b\u0443\u0433\u0438...","\u0423\u0442\u043e\u0447\u043d\u044e\u0454\u043c\u043e \u0434\u0435\u0442\u0430\u043b\u0456..."],"prices":["\u0423\u0442\u043e\u0447\u043d\u044e\u0454\u043c\u043e \u0446\u0456\u043d\u0438...","\u0423\u0442\u043e\u0447\u043d\u044e\u0454\u043c\u043e \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c..."],"contacts":["\u0428\u0443\u043a\u0430\u0454\u043c\u043e \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438...","\u0428\u0443\u043a\u0430\u0454\u043c\u043e, \u044f\u043a \u0437 \u043d\u0430\u043c\u0438 \u0437\u0432'\u044f\u0437\u0430\u0442\u0438\u0441\u044f..."],"schedule":["\u041f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0454\u043c\u043e \u0433\u0440\u0430\u0444\u0456\u043a...","\u0423\u0442\u043e\u0447\u043d\u044e\u0454\u043c\u043e \u0433\u0440\u0430\u0444\u0456\u043a \u0440\u043e\u0431\u043e\u0442\u0438..."]}}; </script> <div id="aiChatWidget" class="ai-chat-widget" data-state="closed"> <div class="ai-chat-widget__teaser" hidden> <button class="ai-chat-widget__teaser-close" type="button" aria-label="Закрити"> <svg viewBox="0 0 24 24" width="12" height="12" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/> </svg> </button> <div class="ai-chat-widget__teaser-body" role="button" tabindex="0"> <div class="ai-chat-widget__teaser-text"></div> </div> </div> <div class="ai-chat-widget__invite" hidden> <button class="ai-chat-widget__invite-close" type="button" aria-label="Закрити"> <svg viewBox="0 0 24 24" width="12" height="12" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/> </svg> </button> <div class="ai-chat-widget__invite-body" role="button" tabindex="0"> <span class="ai-chat-widget__invite-mic" aria-hidden="true"> <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z" fill="currentColor"/> <path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z" fill="currentColor"/> </svg> </span> <span class="ai-chat-widget__invite-text"></span> </div> </div> <button class="ai-chat-widget__trigger" type="button" aria-label="Віртуальний асистент"> <span class="ai-chat-widget__orb" aria-hidden="true"> <span class="ai-chat-widget__drop"> <span class="ai-chat-widget__glass"> <i class="ai-chat-widget__film"></i> <i class="ai-chat-widget__rim"></i> <i class="ai-chat-widget__prism"></i> <i class="ai-chat-widget__prism2"></i> <i class="ai-chat-widget__spark ai-chat-widget__spark--1"></i> <i class="ai-chat-widget__spark ai-chat-widget__spark--2"></i> <i class="ai-chat-widget__spark ai-chat-widget__spark--3"></i> </span> </span> </span> </button> <div class="ai-chat-widget__window"> <div class="ai-chat-widget__header"> <span class="ai-chat-widget__header-title">Віртуальний асистент</span> <div class="ai-chat-widget__header-actions"> <button class="ai-chat-widget__reset-btn" type="button" aria-label="Скинути чат" title="Скинути чат"> <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" fill="currentColor"/> </svg> </button> <button class="ai-chat-widget__close-btn" type="button" aria-label="Закрити" title="Закрити"> <svg viewBox="0 0 24 24" width="18" height="18" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/> </svg> </button> </div> </div> <div class="ai-chat-widget__messages" role="log" aria-live="polite"> <div class="ai-chat-widget__message ai-chat-widget__message--bot ai-chat-widget__message--welcome"> <div class="ai-chat-widget__message-content">Вітаю! Я — віртуальний асистент KAPLIA.PRO! Розкажу про послуги, проєкти в портфоліо, орієнтовну вартість і підхід до роботи — від сайтів і eCommerce до вебдодатків, CRM, ботів та AI-агентів. Запитуйте!</div> </div> <form class="ai-chat-widget__intro-form" autocomplete="off"> <input type="text" class="ai-chat-widget__intro-field" name="ai_chat_name" placeholder="Ваше ім'я" maxlength="50" autocomplete="given-name" required /> <input type="tel" class="ai-chat-widget__intro-field" name="ai_chat_phone" placeholder="+380 __ ___-__-__" autocomplete="tel" required /> <button class="ai-chat-widget__intro-submit" type="submit">Почати чат</button> <div class="ai-chat-widget__agree-text"><p>Продовжуючи роботу з ШІ асистентом я погоджуюсь з <a href="https://kaplia.pro/terms-of-use/">умовами використання</a> сайту та <a href="https://kaplia.pro/privacy-policy/">політикою конфіденційності</a>.</p> </div> </form> </div> <div class="ai-chat-widget__input-area"> <textarea class="ai-chat-widget__input" placeholder="Введіть повідомлення..." maxlength="500" rows="1" autocomplete="off" disabled>
AI-асистент може помилятися у відповідях
