Customer login
EN
UA
Knowledge base
HTML & CSS — Course for Beginners
Building Forms
Building Forms
Why do we need forms?
The
tag — a single-line field
Input attributes
autocomplete — browser autofill
Styling input
accent-color — styling checkboxes and radio buttons
The
tag — a multi-line field</a> </li> <li class="h3"> <a href="#limiting-the-size">Limiting the size</a> </li> <li class="h2"> <a href="#the-button-tag">The <button> tag</a> </li> <li class="h3"> <a href="#styling-a-button">Styling a button</a> </li> <li class="h2"> <a href="#the-label-tag-a-field-caption">The <label> tag — a field caption</a> </li> <li class="h3"> <a href="#two-ways-to-link-them">Two ways to link them</a> </li> <li class="h2"> <a href="#the-form-tag">The <form> tag</a> </li> <li class="h2"> <a href="#field-validation">Field validation</a> </li> <li class="h2"> <a href="#the-focus-and-hover-states">The :focus and :hover states</a> </li> <li class="h3"> <a href="#focus-a-field-in-focus">:focus — a field in focus</a> </li> <li class="h3"> <a href="#focus-visible-keyboard-only-focus">:focus-visible — keyboard-only focus</a> </li> <li class="h3"> <a href="#hover-hovering-with-the-mouse">:hover — hovering with the mouse</a> </li> <li class="h2"> <a href="#the-outline-property">The outline property</a> </li> <li class="h2"> <a href="#grouping-selectors">Grouping selectors</a> </li> <li class="h2"> <a href="#form-structure-a-complete-example">Form structure: a complete example</a> </li> <li class="h2"> <a href="#debugging-states-in-devtools">Debugging states in DevTools</a> </li> <li class="h2"> <a href="#summary">Summary</a> </li> </ul> </nav> </div> <div class="column lessonColumn"> <h1 class="mainTitle" id="article-title">Building Forms</h1> <p class="lessonLead">Lecture notes: form elements, field styling, validation, label, outline, :focus and :hover states</p> <div class="meta lessonMeta"> <a href="https://kaplia.pro/en/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 — Course for Beginners</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>9 min</span> </span> <span class="views" data-view-secret="UDJJQWdFbndkK0JrUnFCV09pcDduUT09"> <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>Why do we need forms?</strong></span></h2> <p>Forms are a way to get data from the user: name, email, message, option choices, and so on.</p> <ul> <li><strong>Text fields</strong> — <code><input></code> (single-line), <code><textarea></code> (multi-line).</li> <li><strong>Checkboxes</strong> — selecting several options from a list.</li> <li><strong>Radio buttons</strong> — selecting a single option from a list.</li> <li><strong>Dropdown lists</strong> — <code><select></code>.</li> <li><strong>Buttons</strong> — submit, reset, action.</li> </ul> </section> <p><!-- ===== SECTION 2 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>The <input> tag — a single-line field</strong></span></h2> <p><code><input></code> is a self-closing tag. Its type is defined by the <code>type</code> attribute:</p> <table> <tbody> <tr> <th>Type</th> <th>Purpose</th> </tr> <tr> <td><code>text</code> (default)</td> <td>An ordinary text field</td> </tr> <tr> <td><code>password</code></td> <td>Password (characters hidden)</td> </tr> <tr> <td><code>email</code></td> <td>Email (built-in check for @)</td> </tr> <tr> <td><code>search</code></td> <td>Search (has a clear button ×)</td> </tr> <tr> <td><code>number</code></td> <td>Number (↑↓ arrows, <code>min</code>, <code>max</code>, <code>step</code> attributes)</td> </tr> <tr> <td><code>date</code></td> <td>Date (browser calendar)</td> </tr> <tr> <td><code>time</code></td> <td>Time</td> </tr> <tr> <td><code>datetime-local</code></td> <td>Date + time</td> </tr> <tr> <td><code>range</code></td> <td>Slider</td> </tr> <tr> <td><code>color</code></td> <td>Color picker</td> </tr> </tbody> </table> <div class="tip">If <code>type</code> is not specified, it defaults to <code>text</code>. A reference for all types: <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/en/?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 attributes</strong></span></h2> <table> <tbody> <tr> <th>Attribute</th> <th>Purpose</th> </tr> <tr> <td><code>placeholder</code></td> <td>A hint inside the field (disappears when typing)</td> </tr> <tr> <td><code>value</code></td> <td>Default value (as if the user had already entered it)</td> </tr> <tr> <td><code>name</code></td> <td>The field’s name for submission to the server</td> </tr> <tr> <td><code>required</code></td> <td>The field is mandatory (the form won’t submit without it)</td> </tr> <tr> <td><code>disabled</code></td> <td>The field is locked (cannot be edited)</td> </tr> <tr> <td><code>id</code></td> <td>A unique identifier (for linking with <code><label></code>)</td> </tr> <tr> <td><code>autocomplete</code></td> <td>A hint to the browser about what to autofill (<code>"name"</code>, <code>"email"</code>, <code>"tel"</code>…)</td> </tr> </tbody> </table> <h3><span class="mce-text-size-32px"><strong>autocomplete — browser autofill</strong></span></h3> <p>The <code>autocomplete</code> attribute tells the browser which saved information to insert into the field:</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">A correct <code>autocomplete</code> improves UX: the browser offers saved data in a single click. This is especially important on mobile devices.</div> <div class="example"><code>placeholder</code> is an <strong>example</strong> of the expected value (for instance, “John Smith”).<br /><code><label></code> or a hint is the <strong>name</strong> of the field (for instance, “Your name”).</div> </section> <p><!-- ===== SECTION 4 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Styling input</strong></span></h2> <p><code><input></code> can be styled like any block element:</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">Always add <code>box-sizing: border-box</code> for form fields — otherwise <code>padding</code> will increase the element’s total width.</div> <h3><span class="mce-text-size-32px"><strong>accent-color — styling checkboxes and radio buttons</strong></span></h3> <p>Previously, changing the color of a checkbox or radio button was impossible without hacks. The modern <code>accent-color</code> property solves this in a single line:</p> <pre class="code-block"><code class="language-css">/* All interactive elements — in the brand colors */ input[type="checkbox"], input[type="radio"], input[type="range"] { accent-color: #e53935; }</code></pre> <div class="tip"><code>accent-color</code> has been supported by all modern browsers since 2022. It works for <code>checkbox</code>, <code>radio</code>, <code>range</code>, and <code>progress</code>.</div> </section> <p><!-- ===== SECTION 5 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>The <textarea> tag — a multi-line field</strong></span></h2> <ul> <li>Unlike <code><input></code>, it has a <strong>closing tag</strong>: <code><textarea>...</textarea></code>.</li> <li>The text between the tags is the default value.</li> <li>The user can resize it (by dragging the corner).</li> </ul> <h3><span class="mce-text-size-32px"><strong>Limiting the size</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; /* without this — a monospace font! */ }</code></pre> <div class="warning"><code><textarea></code> uses a monospace font by default. Set <code>font-family: inherit</code> to inherit the font from the parent.</div> <div class="tip">Set <code>min-width</code> and <code>max-width</code> to the same value to prevent horizontal resizing. Do the same for the height.</div> </section> <p><!-- ===== SECTION 6 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>The <button> tag</strong></span></h2> <p>Three types of buttons:</p> <table> <tbody> <tr> <th>Type</th> <th>Behavior</th> </tr> <tr> <td><code>submit</code></td> <td>Submits the form (requires a <code><form></code> tag)</td> </tr> <tr> <td><code>reset</code></td> <td>Resets all fields to their default values</td> </tr> <tr> <td><code>button</code></td> <td>Does nothing (for JavaScript handlers)</td> </tr> </tbody> </table> <h3><span class="mce-text-size-32px"><strong>Styling a button</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; /* pointer cursor on hover */ border-radius: 4px; }</code></pre> <div class="warning">Buttons look different across browsers. Always reset <code>border</code>, <code>background</code>, <code>font-family</code> and style them from scratch.</div> <div class="tip">Add <code>cursor: pointer</code> — by default buttons show an arrow cursor rather than a pointer.</div> </section> <p><!-- ===== SECTION 7 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>The <label> tag — a field caption</strong></span></h2> <p><code><label></code> is a semantic element that links caption text with an input field.</p> <h3><span class="mce-text-size-32px"><strong>Two ways to link them</strong></span></h3> <p><strong>1. Wrapping</strong> — the input inside the label:</p> <pre class="code-block"><code class="language-markup"><label> <span class="hint">Your name</span> <input type="text" class="field"> </label></code></pre> <p><strong>2. The for attribute + id</strong> — the label separate from the 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">Clicking a <code><label></code> automatically focuses the associated input. This is convenient for UX and important for accessibility (screen readers).</div> </section> <p><!-- ===== SECTION 8 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>The <form> tag</strong></span></h2> <p><code><form></code> groups fields into a single form. Without it, a <code>submit</code> button won’t work.</p> <pre class="code-block"><code class="language-markup"><form action="/api/contact" method="POST"> <label> <span class="hint">Name</span> <input type="text" name="username" required> </label> <button type="submit">Send</button> </form></code></pre> <table> <tbody> <tr> <th>Attribute</th> <th>Purpose</th> </tr> <tr> <td><code>action</code></td> <td>The URL where the data is sent</td> </tr> <tr> <td><code>method</code></td> <td>HTTP method: <code>GET</code> or <code>POST</code></td> </tr> </tbody> </table> <div class="warning"><code><form></code> is not just a semantic tag. It has practical significance: it groups fields, adds a <code>submit</code> event, and lets a <code>type="submit"</code> button work.</div> </section> <p><!-- ===== SECTION 9 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Field validation</strong></span></h2> <p>HTML has built-in validators — checks performed before a form is submitted:</p> <table> <tbody> <tr> <th>Method</th> <th>What it checks</th> </tr> <tr> <td><code>required</code></td> <td>The field is not empty</td> </tr> <tr> <td><code>type="email"</code></td> <td>The presence of an @ character</td> </tr> <tr> <td><code>min</code> / <code>max</code></td> <td>The range of a numeric value</td> </tr> <tr> <td><code>minlength</code> / <code>maxlength</code></td> <td>Minimum / maximum number of characters</td> </tr> <tr> <td><code>pattern</code></td> <td>A check against a regular expression</td> </tr> </tbody> </table> <div class="example">Order of checks: first <code>required</code> (whether it is empty), then <code>type</code> (format), then <code>pattern</code> and other constraints.</div> <div class="tip">Built-in validation is only basic protection. Serious projects need additional checks on the server (backend).</div> </section> <p><!-- ===== SECTION 10 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>The :focus and :hover states</strong></span></h2> <h3><span class="mce-text-size-32px"><strong>:focus — a field in focus</strong></span></h3> <p>When the user has clicked on a field or navigated to it with the <kbd>Tab</kbd> key:</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 — keyboard-only focus</strong></span></h3> <p>The problem with <code>:focus</code>: the outline appears on mouse clicks too, which annoys designers. The solution is <code>:focus-visible</code>:</p> <pre class="code-block"><code class="language-css">/* Remove the outline on a mouse click */ .field:focus { outline: none; } /* Show the outline only during keyboard navigation */ .field:focus-visible { outline: 2px solid #1976d2; outline-offset: 2px; }</code></pre> <div class="tip"><code>:focus-visible</code> has been supported by all modern browsers since 2022. This is the standard approach: elegant for the mouse, accessible for the keyboard.</div> <h3><span class="mce-text-size-32px"><strong>:hover — hovering with the mouse</strong></span></h3> <pre class="code-block"><code class="language-css">.field:hover { border-color: #666; }</code></pre> <div class="warning">Never remove the <code>outline</code> for keyboard focus — it is critical for accessibility. Use <code>:focus-visible</code> so the outline appears only during keyboard navigation and not on a mouse click.</div> </section> <p><!-- ===== SECTION 11 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>The outline property</strong></span></h2> <p><code>outline</code> is an outline around an element that <strong>does not affect</strong> its dimensions or layout.</p> <table> <tbody> <tr> <th>Property</th> <th>What it sets</th> </tr> <tr> <td><code>outline-width</code></td> <td>The thickness of the outline</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>The color of the outline</td> </tr> <tr> <td><code>outline-offset</code></td> <td>The distance from the element’s edge to the outline</td> </tr> <tr> <td><code>outline</code></td> <td>Shorthand: <code>width style color</code></td> </tr> </tbody> </table> <div class="tip"><code>outline</code> is not part of the box model — even with <code>border-box</code> it does not change the element’s size. This is the key difference from <code>border</code>.</div> </section> <p><!-- ===== SECTION 12 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Grouping selectors</strong></span></h2> <p>If several elements share the same styles, their selectors can be listed separated by commas:</p> <pre class="code-block"><code class="language-css">/* Instead of duplication: */ .field:focus, .button:focus { outline: 2px solid #1976d2; outline-offset: 2px; } /* The same fonts for headings: */ 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>Form structure: a complete example</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">Your name</span> <input type="text" class="field" name="username" placeholder="John Smith" 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">Message</span> <textarea class="field" name="message" placeholder="Your message..." required></textarea> </label> </div> <div class="form-row"> <button type="submit" class="button">Send</button> </div> </form></code></pre> <pre class="code-block"><code class="language-css">/* CSS for spacing between form rows */ .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>Debugging states in DevTools</strong></span></h2> <p>DevTools (the browser inspector) has a <strong>:hov</strong> panel that lets you emulate pseudo-states:</p> <ol> <li>Select an element in the Elements tab.</li> <li>Click the <strong>:hov</strong> button (in the Styles panel).</li> <li>Enable <code>:focus</code>, <code>:hover</code>, <code>:active</code>, and so on.</li> <li>The styles for that state become visible and editable.</li> </ol> <div class="tip">You can enable several states at once (for example, <code>:hover</code> + <code>:focus</code>) to see which style overrides the other.</div> </section> <p><!-- ===== SECTION 15 ===== --></p> <section> <h2><span class="mce-text-size-38px"><strong>Summary</strong></span></h2> <table> <tbody> <tr> <th>Topic</th> <th>Key point</th> </tr> <tr> <td><code><input></code></td> <td>Single-line field; <code>type</code> defines the type (text, email, number…)</td> </tr> <tr> <td><code><textarea></code></td> <td>Multi-line field; <code>font-family: inherit</code>; limit the size</td> </tr> <tr> <td><code><button></code></td> <td><code>submit</code> (send), <code>reset</code> (reset), <code>button</code> (JS)</td> </tr> <tr> <td><code><label></code></td> <td>Field caption; click → focus; linked by wrapping or <code>for</code>+<code>id</code></td> </tr> <tr> <td><code><form></code></td> <td>Groups fields; <code>action</code> + <code>method</code>; <code>submit</code> event</td> </tr> <tr> <td><code>placeholder</code></td> <td>An example value (does not replace a label!)</td> </tr> <tr> <td><code>required</code></td> <td>Mandatory field (built-in validation)</td> </tr> <tr> <td><code>outline</code></td> <td>An outline on focus; does not affect dimensions; don’t remove it!</td> </tr> <tr> <td><code>:focus</code> / <code>:hover</code></td> <td>States for interactive elements; debug via :hov in DevTools</td> </tr> <tr> <td><code>cursor: pointer</code></td> <td>Pointer cursor on buttons (an arrow by default)</td> </tr> <tr> <td><code>:focus-visible</code></td> <td>Outline only during keyboard navigation (not on a mouse click)</td> </tr> <tr> <td><code>accent-color</code></td> <td>The color of checkbox, radio, range — in a single line of CSS</td> </tr> <tr> <td><code>autocomplete</code></td> <td>A hint to the browser for autofill (<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="UDJJQWdFbndkK0JrUnFCV09pcDduUT09" aria-label="Like this article"> <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">Share:</p> <p class="icon x" role="button" aria-label="Share this article via 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="Share this article via 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="Share this article via 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="Share this article via 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="Share this article via 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/en/author/vitalii-kaplia/"> Vitalii Kaplia </a> </h3> <h4 class="jobTitle">Founder, Web Developer & WordPress Expert</h4> <ul class="authorContacts"> <li> <a target="_blank" rel="noopener nofollow noindex" href="https://kaplia.pro/en/?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>I became interested in programming back in 1997. The first acquaintance with a future profession was using Visual Basic. In…</p> </div> <a href="https://kaplia.pro/en/author/vitalii-kaplia/" class="overallButton style-text-underline"> <span>More about author</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/en/html-css/positioning-block-elements/" class="lessonNav-link lessonNav-prev"> <span class="lessonNav-dir">← Previous lesson</span> <span class="lessonNav-title">Positioning Block Elements</span> </a> <a href="https://kaplia.pro/en/html-css/custom-form-elements/" class="lessonNav-link lessonNav-next"> <span class="lessonNav-dir">Next lesson →</span> <span class="lessonNav-title">Custom Form Elements</span> </a> </nav> </div> <div class="column"> <div class="patterns"> <div class=" customBlockWrapper no-horizontal-padding main-banner-02 desktop_tablet mobile " id="block_d6fe8cd1ab78089f5919fdd490a06fb6" > <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>A digital product engineer and web solutions architect</strong></span></p> <p><span class="mce-text-size-14px"><strong>Free consultation +</strong> cost calculation</span></p> </div> <ul class="buttons"> <li class="scroll-show"> <a href="#popup-clients-express" class="overallButton style-white-to-dark"> <span>Let’s call?</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/en/brief/" class="overallButton style-orange-to-dark"> <span>Brief</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-send"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class=" customBlockWrapper main-banner-01 desktop_tablet mobile " id="block_6acf264181e7a03299874446a2535db1" > <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>Let’s discuss your project?</strong></span></p> </div> <div class="typo text-02"> <p><span class="mce-text-size-14px"><strong>Free consultation +</strong> cost calculation</span></p> </div> <ul class="buttons"> <li class="scroll-show"> <a href="#popup-clients-express" class="overallButton style-white-to-dark"> <span>Schedule a call</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/en/brief/" class="overallButton style-orange-to-dark"> <span>Fill out the brief</span> <svg> <use href="https://kaplia.pro/wp-content/themes/kaplia-pro/assets/svg/sprite.svg?ver=2.46#icon-send"></use> </svg> </a> </li> </ul> </div> </div> <style> #block_6acf264181e7a03299874446a2535db1{ margin-bottom: 80px; } @media (max-width: 768px) { #block_6acf264181e7a03299874446a2535db1{ margin-bottom: 40px; } } </style> <div class=" customBlockWrapper main-text desktop_tablet mobile " id="block_a3bf1ffc21b92ee980fc3b3432cee54e" > <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">More interesting articles</span></span></strong></p> </div> </div> </div> <style> #block_a3bf1ffc21b92ee980fc3b3432cee54e{ margin-bottom: 60px; } @media (max-width: 768px) { #block_a3bf1ffc21b92ee980fc3b3432cee54e{ margin-bottom: 30px; } } </style> <div class=" customBlockWrapper main-blog-slider desktop_tablet mobile " id="block_0e504b6afbcc6528e910ba0bba92483d" > <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/en/seo-in-2026-if-ai-doesnt-cite-you-you-dont-exist/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/05/Gemini_Generated_Image_6fp4yc6fp4yc6fp4.png);"></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">May</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/seo-in-2026-if-ai-doesnt-cite-you-you-dont-exist/" class="title"> <span class="title-decoration">SEO in 2026: If AI Doesn’t Cite You, You Don’t Exist</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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>15 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/solo-marathon-building-a-saas-with-ai-in-37-days/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/05/Gemini_Generated_Image_1y3xap1y3xap1y3x.png);"></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">May</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/solo-marathon-building-a-saas-with-ai-in-37-days/" class="title"> <span class="title-decoration">Solo Marathon: Building a SaaS with AI in 37 Days</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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>20 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/the-great-claude-code-leak/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/04/Claude-Code-Source-Code-Leaked.png);"></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">Apr</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/the-great-claude-code-leak/" class="title"> <span class="title-decoration">The Great Claude Code Leak</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/wordpress-7-what-to-expect/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/03/wordpress_7_post_cover.png);"></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">Mar</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/wordpress-7-what-to-expect/" class="title"> <span class="title-decoration">WordPress 7: What to Expect</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/ci-cd-on-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">Feb</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/ci-cd-on-wordpress/" class="title"> <span class="title-decoration">CI/CD on WordPress</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/wordpress-security-one-case-study-worth-a-thousand-tips/"> <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">Feb</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/wordpress-security-one-case-study-worth-a-thousand-tips/" class="title"> <span class="title-decoration">WordPress Security: One Case Study Worth a Thousand Tips</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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>9 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/lexus-on-lpg-paradox/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/Paradoks-Leksusa-na-gazu-cover.png);"></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">Feb</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/lexus-on-lpg-paradox/" class="title"> <span class="title-decoration">The “Lexus on LPG” Paradox</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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>9 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/vibe-coding-a-new-reality/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/vajbkoding-nova-realnist-cover.png);"></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">Feb</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/vibe-coding-a-new-reality/" class="title"> <span class="title-decoration">Vibe Coding — A New Reality</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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>9 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/client-portal-dream-automated/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/portal-dlya-kliyentiv-cover.png);"></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">Feb</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/client-portal-dream-automated/" class="title"> <span class="title-decoration">A Client Portal: The Dream, Automated</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/wordpress-in-2026-is-there-a-future/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/wordpress-u-2026-cover.png);"></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">Feb</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/wordpress-in-2026-is-there-a-future/" class="title"> <span class="title-decoration">WordPress in 2026 — Is There a Future?</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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>9 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/live-and-learn/"> <span class="bg" style="background-image: url(https://kaplia.pro/wp-content/uploads/2026/02/edu-kaplia-pro-cover.png);"></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">Feb</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/live-and-learn/" class="title"> <span class="title-decoration">Live and Learn</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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>6 min</span> </span> </span> </span> </div> <div class="blog-item swiper-slide"> <a class="thumbnail" href="https://kaplia.pro/en/not-a-redesign-a-complete-rethink/"> <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">Dec</span> </span> </a> <span class="information"> <a href="https://kaplia.pro/en/not-a-redesign-a-complete-rethink/" class="title"> <span class="title-decoration">Not a Redesign — a Complete Rethink</span> </a> <span class="meta"> <a href="https://kaplia.pro/en/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>Vitalii Kaplia</span> </a> <a href="https://kaplia.pro/en/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>Articles</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>4 min</span> </span> </span> </span> </div> </div> </div> <div class="paginationWrapper scroll-show"> <div class="swiper-pagination"></div> </div> </div> </div> <style> #block_0e504b6afbcc6528e910ba0bba92483d{ margin-bottom: 80px; } @media (max-width: 768px) { #block_0e504b6afbcc6528e910ba0bba92483d{ margin-bottom: 40px; } } </style> </main> <div class="overlayMenu"> <ul class="languageSwitcher"> <li ><a href="https://kaplia.pro/html-css/verstka-form/" title="UA">UA</a></li><li class="active"><a href="https://kaplia.pro/en/html-css/building-forms/" title="EN">EN</a></li> </ul> <a href="https://clients.kaplia.pro/en/" class="overallButton style-outlined-dark-to-violet"> <span>Customer login</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_16c9a49f01751433cc3095e38e4644ff" > <div class=" customBlock " > <div class="columns"> <div class="column"> <a class="colTitle" href="https://kaplia.pro/en/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>Services</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/en/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 Agents and Chatbots</span> </p> </a> </li> <li class="service" style="transition-delay: 0.1s;"> <a href="https://kaplia.pro/en/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 development</span> </p> </a> </li> <li class="service" style="transition-delay: 0.2s;"> <a href="https://kaplia.pro/en/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/en/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>Web Apps and Portals</span> </p> </a> </li> <li class="service" style="transition-delay: 0.4s;"> <a href="https://kaplia.pro/en/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 and Business Systems</span> </p> </a> </li> <li class="service" style="transition-delay: 0.5s;"> <a href="https://kaplia.pro/en/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>Integrations and automation</span> </p> </a> </li> <li class="service" style="transition-delay: 0.6s;"> <a href="https://kaplia.pro/en/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 and localization</span> </p> </a> </li> <li class="service" style="transition-delay: 0.7s;"> <a href="https://kaplia.pro/en/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>Productivity and optimization</span> </p> </a> </li> <li class="service" style="transition-delay: 0.8s;"> <a href="https://kaplia.pro/en/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>Security and stability</span> </p> </a> </li> <li class="service" style="transition-delay: 0.9s;"> <a href="https://kaplia.pro/en/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: Servers and CI/CD</span> </p> </a> </li> <li class="service" style="transition-delay: 1s;"> <a href="https://kaplia.pro/en/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>Consulting and support</span> </p> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/en/services/" class="simpleLink"> <span>All services</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/en/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>Portfolio</span> </a> <div class="elements"> <div class="element element-portfolio"> <ul class="projects"> <li class="project"> <a href="https://kaplia.pro/en/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/en/osadchy-dental/"> <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">Osadchy Dental</span> <span class="link online">www.osadchyclinic.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/en/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">Melodiya Hir</span> <span class="link online">www.melodiyahir.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/en/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/en/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/en/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/en/monbar-cider/"> <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 Cider</span> <span class="link online">www.monbar.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/en/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/en/portfolio/" class="simpleLink"> <span>View portfolio</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/en/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>Blog</span> </a> <div class="elements"> <div class="element element-blog"> <ul class="posts"> <li class="post"> <a href="https://kaplia.pro/en/seo-in-2026-if-ai-doesnt-cite-you-you-dont-exist/"> <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 in 2026: If AI Doesn’t Cite You, You Don’t Exist</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/solo-marathon-building-a-saas-with-ai-in-37-days/"> <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>Solo Marathon: Building a SaaS with AI in 37 Days</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/the-great-claude-code-leak/"> <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>The Great Claude Code Leak</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/wordpress-7-what-to-expect/"> <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: What to Expect</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/ci-cd-on-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 on WordPress</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/wordpress-security-one-case-study-worth-a-thousand-tips/"> <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 Security: One Case Study Worth a Thousand Tips</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/lexus-on-lpg-paradox/"> <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>The “Lexus on LPG” Paradox</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/vibe-coding-a-new-reality/"> <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>Vibe Coding — A New Reality</span> </p> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/en/blog/" class="simpleLink"> <span>Read blog</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>Contacts and information</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/en/?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/en/?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/en/?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-1833" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1833"><a href="https://kaplia.pro/en/order-a-website/">Order a website</a></li> <li id="menu-item-3117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3117"><a href="https://kaplia.pro/en/order-a-brandbook/">Order a brandbook</a></li> <li id="menu-item-1834" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1834"><a href="https://clients.kaplia.pro/en/">Clients portal</a></li> <li id="menu-item-4227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4227"><a href="https://kaplia.pro/en/knowledge-base/">Knowledge base</a></li> <li id="menu-item-1841" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1841"><a href="https://kaplia.pro/en/privacy-policy/">Privacy policy</a></li> <li id="menu-item-1842" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1842"><a href="https://kaplia.pro/en/terms-of-use/">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/en/?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/en/?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/en/?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">Book a call</span> <span class="subLabel">Choose a convenient date and time and we will hold an online meeting with you.</span> </span> </a> </div> </div> </div> </div> </div> </div> </div> <button type="button" class="scrollTop" aria-label="Scroll back to top"> <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>This site uses cookies</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">Tell me more about cookies</label> <div class="typo"> <p>We use cookies to personalize content and ads, provide social media features, and analyze our traffic. We also share information about your use of our website with our social media, advertising, and analytics partners, who may combine it with other information you have provided to them or collected when you use their services. By continuing to use our site, you consent to our use of cookies and accept our <a href="https://kaplia.pro/en/privacy-policy/">Privacy Policy</a> and <a href="https://kaplia.pro/en/terms-of-use/">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>Okay, I understand</span> </button> </div> </div> </div> <div class=" customBlockWrapper br-tl br-tr main-footer-cta desktop_tablet mobile " id="block_d44a78a2bd9554b5ea17f9627857262b" > <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.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">Let’s build something strong together!</p> <div class="typo description"> <p>Ready to turn your idea into a reliable, well-engineered digital product — a website, web app, bot, or automation.</p> <p>Get in touch — and I’ll come back to you with a working prototype and a great offer!</p> </div> <div class="dc-cta-row"> <a href="#popup-clients-express" class="overallButton style-violet-to-orange"> <span>Let’s discuss your project?</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_d44a78a2bd9554b5ea17f9627857262b > .customBlock{ padding-top: 100px; } @media (max-width: 768px) { #block_d44a78a2bd9554b5ea17f9627857262b > .customBlock{ padding-top: 40px; } } #block_d44a78a2bd9554b5ea17f9627857262b > .customBlock{ padding-bottom: 100px; } @media (max-width: 768px) { #block_d44a78a2bd9554b5ea17f9627857262b > .customBlock{ padding-bottom: 40px; } } </style> <div class=" customBlockWrapper main-mega-menu dark-menu desktop_tablet mobile " id="block_ed49eb68f526a82efa85634c869fd3c1" > <div class=" customBlock " > <div class="columns"> <div class="column"> <a class="colTitle" href="https://kaplia.pro/en/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>Services</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/en/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 Agents and Chatbots</span> </p> </a> </li> <li class="service" style="transition-delay: 0.1s;"> <a href="https://kaplia.pro/en/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 development</span> </p> </a> </li> <li class="service" style="transition-delay: 0.2s;"> <a href="https://kaplia.pro/en/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/en/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>Web Apps and Portals</span> </p> </a> </li> <li class="service" style="transition-delay: 0.4s;"> <a href="https://kaplia.pro/en/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 and Business Systems</span> </p> </a> </li> <li class="service" style="transition-delay: 0.5s;"> <a href="https://kaplia.pro/en/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>Integrations and automation</span> </p> </a> </li> <li class="service" style="transition-delay: 0.6s;"> <a href="https://kaplia.pro/en/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 and localization</span> </p> </a> </li> <li class="service" style="transition-delay: 0.7s;"> <a href="https://kaplia.pro/en/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>Productivity and optimization</span> </p> </a> </li> <li class="service" style="transition-delay: 0.8s;"> <a href="https://kaplia.pro/en/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>Security and stability</span> </p> </a> </li> <li class="service" style="transition-delay: 0.9s;"> <a href="https://kaplia.pro/en/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: Servers and CI/CD</span> </p> </a> </li> <li class="service" style="transition-delay: 1s;"> <a href="https://kaplia.pro/en/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>Consulting and support</span> </p> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/en/services/" class="simpleLink"> <span>All services</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/en/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>Portfolio</span> </a> <div class="elements"> <div class="element element-portfolio"> <ul class="projects"> <li class="project"> <a href="https://kaplia.pro/en/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/en/osadchy-dental/"> <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">Osadchy Dental</span> <span class="link online">www.osadchyclinic.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/en/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">Melodiya Hir</span> <span class="link online">www.melodiyahir.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/en/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/en/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/en/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/en/monbar-cider/"> <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 Cider</span> <span class="link online">www.monbar.com.ua</span> </span> </a> </li> <li class="project"> <a href="https://kaplia.pro/en/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/en/portfolio/" class="simpleLink"> <span>View portfolio</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/en/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>Blog</span> </a> <div class="elements"> <div class="element element-blog"> <ul class="posts"> <li class="post"> <a href="https://kaplia.pro/en/seo-in-2026-if-ai-doesnt-cite-you-you-dont-exist/"> <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 in 2026: If AI Doesn’t Cite You, You Don’t Exist</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/solo-marathon-building-a-saas-with-ai-in-37-days/"> <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>Solo Marathon: Building a SaaS with AI in 37 Days</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/the-great-claude-code-leak/"> <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>The Great Claude Code Leak</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/wordpress-7-what-to-expect/"> <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: What to Expect</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/ci-cd-on-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 on WordPress</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/wordpress-security-one-case-study-worth-a-thousand-tips/"> <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 Security: One Case Study Worth a Thousand Tips</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/lexus-on-lpg-paradox/"> <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>The “Lexus on LPG” Paradox</span> </p> </a> </li> <li class="post"> <a href="https://kaplia.pro/en/vibe-coding-a-new-reality/"> <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>Vibe Coding — A New Reality</span> </p> </a> </li> </ul> </div> <div class="element element-link"> <a href="https://kaplia.pro/en/blog/" class="simpleLink"> <span>Read blog</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>Contacts and information</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/en/?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/en/?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/en/?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-712" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-712"><a href="https://kaplia.pro/en/order-a-website/">Order a website</a></li> <li id="menu-item-3114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3114"><a href="https://kaplia.pro/en/order-a-brandbook/">Order a brandbook</a></li> <li id="menu-item-714" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-714"><a href="https://clients.kaplia.pro/en/">Clients portal</a></li> <li id="menu-item-4225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4225"><a href="https://kaplia.pro/en/knowledge-base/">Knowledge base</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/en/?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/en/?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/en/?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">Book a call</span> <span class="subLabel">Choose a convenient date and time and we will hold an online meeting with you.</span> </span> </a> </div> </div> </div> </div> </div> </div> <style> #block_ed49eb68f526a82efa85634c869fd3c1 > .customBlock{ padding-top: 40px; } @media (max-width: 768px) { #block_ed49eb68f526a82efa85634c869fd3c1 > .customBlock{ padding-top: 30px; } } #block_ed49eb68f526a82efa85634c869fd3c1 > .customBlock{ padding-bottom: 100px; } @media (max-width: 768px) { #block_ed49eb68f526a82efa85634c869fd3c1 > .customBlock{ padding-bottom: 40px; } } </style> <footer> <div class="inner"> <div class="col"> <p class="copyright"> © 2007-2026 A digital product studio by Vitalii Kaplia. All rights reserved </p> <ul class="menu"> <li id="menu-item-132" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-132"><a href="https://kaplia.pro/en/privacy-policy/">Privacy policy</a></li> <li id="menu-item-418" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-418"><a href="https://kaplia.pro/en/terms-of-use/">Terms of Use</a></li> </ul> </div> <div class="col"> <a href="https://kaplia.pro/en"> <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":"Close","Error":"Error","Not found":"Not found","Search":"Search","Development...":"Development...","Searching":"Searching...","Nothing found":"Nothing found","Search error":"Search error","Start typing to search":"Start typing to search"};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 = "en";</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":"en","assistantName":"Virtual assistant","welcomeMessage":"Hi! I'm the KAPLIA.PRO virtual assistant! I can tell you about our services, portfolio projects, ballpark pricing, and how we work \u2014 from websites and eCommerce to web apps, CRMs, bots, and AI agents. Ask away!","agreeText":"<p>By continuing with the AI assistant, I agree to the site’s <a href=\"https:\/\/kaplia.pro\/en\/terms-of-use\/\">terms of use<\/a> and <a href=\"https:\/\/kaplia.pro\/en\/privacy-policy\/\">privacy policy<\/a>.<\/p>\n","enabled":true,"voiceEnabled":true,"pageInvitation":"Shall we discuss this lesson?","pageId":4144,"contactMaxAttempts":3,"errorText":"Something went wrong. Please try again.","disclaimerText":"AI assistant may make mistakes in responses","introNameLabel":"Your name","introPhoneLabel":"Your phone","introSubmitText":"Start chat","inputPlaceholder":"Type your message...","sendText":"Send","resetTitle":"Reset chat","closeTitle":"Close","contactPromptText":"Leave a request and we will contact you","contactYesText":"Yes, contact me","contactSuccessText":"Thank you! We will contact you shortly.","micTitle":"Voice mode","voiceStopTitle":"Stop recording","voiceListeningText":"Listening...","voiceThinkingText":"One moment...","voiceLoadingText":"Loading...","voiceStartText":"Start speaking","voiceFinalChanceDirective":"This is the visitor's last turn. If their most recent message clearly gives BOTH their name and a phone number, call verify_contact and read the number back to them to confirm it. Otherwise, do NOT answer their question \u2014 give a short, warm goodbye explaining you cannot continue without their name and phone number, and do not use any other tools. Reply in the same language you have been speaking.","typingPhrases":{"default":["Thinking...","Looking into it...","One moment..."],"services":["Checking our services...","Looking up the details..."],"prices":["Checking the prices...","Looking up the cost..."],"contacts":["Finding the contacts...","Looking up how to reach us..."],"schedule":["Checking the schedule...","Looking up the working hours..."]}}; </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="Close"> <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="Close"> <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="Virtual assistant"> <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">Virtual assistant</span> <div class="ai-chat-widget__header-actions"> <button class="ai-chat-widget__reset-btn" type="button" aria-label="Reset chat" title="Reset chat"> <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="Close" title="Close"> <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">Hi! I'm the KAPLIA.PRO virtual assistant! I can tell you about our services, portfolio projects, ballpark pricing, and how we work — from websites and eCommerce to web apps, CRMs, bots, and AI agents. Ask away!</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="Your name" 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">Start chat</button> <div class="ai-chat-widget__agree-text"><p>By continuing with the AI assistant, I agree to the site’s <a href="https://kaplia.pro/en/terms-of-use/">terms of use</a> and <a href="https://kaplia.pro/en/privacy-policy/">privacy policy</a>.</p> </div> </form> </div> <div class="ai-chat-widget__input-area"> <textarea class="ai-chat-widget__input" placeholder="Type your message..." maxlength="500" rows="1" autocomplete="off" disabled>
AI assistant may make mistakes in responses
