{"id":2968,"date":"2022-06-09T16:32:01","date_gmt":"2022-06-09T16:32:01","guid":{"rendered":"https:\/\/velonweb.com\/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82\/"},"modified":"2025-08-10T17:42:13","modified_gmt":"2025-08-10T17:42:13","slug":"%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82","status":"publish","type":"page","link":"https:\/\/velonweb.com\/ru\/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82\/","title":{"rendered":"\u043a\u043e\u043d\u0442\u0430\u043a\u0442"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2968\" class=\"elementor elementor-2968 elementor-785\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b2511 e-con-full e-flex e-con e-parent\" data-id=\"f2b2511\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-714a24ae elementor-widget elementor-widget-html\" data-id=\"714a24ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"terminal-loader\">\n  <div class=\"terminal-header\">\n    <div class=\"terminal-title\">VelonWeb<\/div>\n    <div class=\"terminal-controls\">\n      <div class=\"control close\"><\/div>\n      <div class=\"control minimize\"><\/div>\n      <div class=\"control maximize\"><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"text-container\">\n    <div class=\"text-line\" id=\"line1\"><\/div>\n    <div class=\"text-line\" id=\"line2\"><\/div>\n    <div class=\"cursor\"><\/div>\n  <\/div>\n<\/div>\n<style>\n  @keyframes blinkCursor {\n    50% {\n      opacity: 0;\n    }\n  }\n\n  .terminal-loader {\n    border: 0.1em solid #333;\n    background-color: #1a1a1a;\n    color: #748D92;\n    font-family: \"Courier New\", Courier, monospace;\n    font-weight: bold;\n    font-size: 1em;\n    padding: 1.5em 1em;\n    width: 48em;\n    max-width: 95vw;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n    direction: ltr; \/* Left-to-right *\/\n    text-align: left; \/* Left-to-right *\/\n    margin: auto;\n  }\n\n  .terminal-header {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 1.5em;\n    background-color: #333;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 0 0.4em;\n    box-sizing: border-box;\n  }\n\n  .terminal-controls {\n    float: right;\n  }\n\n  .control {\n    display: inline-block;\n    width: 0.6em;\n    height: 0.6em;\n    margin-left: 0.4em;\n    border-radius: 50%;\n    background-color: #777;\n  }\n\n  .control.close {\n    background-color: #e33;\n  }\n\n  .control.minimize {\n    background-color: #ee0;\n  }\n\n  .control.maximize {\n    background-color: #0b0;\n  }\n\n  .terminal-title {\n    float: left;\n    line-height: 1.5em;\n    color: #eee;\n  }\n\n  .text-container {\n    margin-top: 2em;\n    font-size: 1.1em;\n    position: relative;\n    min-height: 4em;\n  }\n\n  .text-line {\n    display: block;\n    white-space: normal;\n    word-break: break-word;\n    overflow-wrap: break-word;\n    font-weight: bold;\n    overflow: hidden;\n  }\n\n  .cursor {\n    position: absolute;\n    bottom: 0;\n    left: 0; \/* Left-to-right *\/\n    width: 0.5em;\n    height: 1.2em;\n    background-color: #748D92;\n    animation: blinkCursor 0.7s infinite;\n    opacity: 0;\n  }\n\n  \/* Animation *\/\n  @keyframes writeLine1 {\n    0% { width: 0; }\n    100% { width: 100%; }\n  }\n\n  @keyframes writeLine2 {\n    0% { width: 0; }\n    100% { width: 100%; }\n  }\n\n  @keyframes moveCursor {\n    0% { bottom: 0; left: 0; } \/* Left-to-right *\/\n    50% { bottom: 0; left: 0; } \/* Left-to-right *\/\n    51% { bottom: -1.3em; left: 0; opacity: 1; } \/* Left-to-right *\/\n    100% { bottom: -1.3em; left: 0; opacity: 1; } \/* Left-to-right *\/\n  }\n\n  #line1 {\n    animation: writeLine1 4s forwards;\n  }\n\n  #line2 {\n    width: 0;\n    animation: writeLine2 4s forwards;\n    animation-delay: 4s;\n  }\n\n  .cursor {\n    animation:\n      blinkCursor 0.7s infinite,\n      moveCursor 8s forwards;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 600px) {\n    .terminal-loader {\n      font-size: 0.95em;\n      padding: 1.2em 1em;\n    }\n\n    .text-container {\n      font-size: 1em;\n      min-height: 5em;\n    }\n\n    .cursor {\n      display: none;\n    }\n  }\n<\/style>\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    const line1 = document.getElementById('line1');\n    const line2 = document.getElementById('line2');\n    const cursor = document.querySelector('.cursor');\n\n    const fullText1 = \"\u042f \u0440\u0430\u0434 \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u0438 \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u044c \u043d\u0430 \u0432\u0441\u0435 \u0432\u0430\u0448\u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u044b. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043b\u0435\u0433\u043a\u043e \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441\u043e \u043c\u043d\u043e\u0439 \";\n    const fullText2 = \"\u0447\u0435\u0440\u0435\u0437 \u0444\u043e\u0440\u043c\u0443 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 \u0438\u043b\u0438 \u043f\u043e \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u043c \u0434\u0430\u043d\u043d\u044b\u043c \u043d\u0438\u0436\u0435.\";\n\n    cursor.style.opacity = '1';\n\n    let i = 0;\n    const typeLine1 = setInterval(() => {\n      line1.textContent = fullText1.substring(0, i);\n      i++;\n      if (i > fullText1.length) {\n        clearInterval(typeLine1);\n        let j = 0;\n        const typeLine2 = setInterval(() => {\n          line2.textContent = fullText2.substring(0, j);\n          j++;\n          if (j > fullText2.length) {\n            clearInterval(typeLine2);\n            cursor.style.opacity = '0';\n          }\n        }, 70);\n      }\n    }, 70);\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8761e24 e-flex e-con-boxed e-con e-parent\" data-id=\"8761e24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85691c8 elementor-widget elementor-widget-html\" data-id=\"85691c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            min-height: 100vh;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 20px;\n        }\n        \n        .container {\n            text-align: center;\n            max-width: 1200px;\n            width: 100%;\n        }\n        \n        .cards-container {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 30px;\n        }\n        \n        .card {\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border-radius: 20px;\n            padding: 40px 30px;\n            width: 300px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n            z-index: 1;\n        }\n        \n        .card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.1));\n            z-index: -1;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\n        }\n        \n        .card:hover::before {\n            opacity: 1;\n        }\n        \n        .icon-container {\n            width: 100px;\n            height: 100px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 25px;\n            font-size: 40px;\n            color: white;\n            position: relative;\n            transition: transform 0.3s ease;\n        }\n        \n        .card:hover .icon-container {\n            transform: scale(1.1);\n        }\n        \n        .card h3 {\n            font-family: 'Almarai', sans-serif;\n            color: white;\n            font-size: 1.6rem;\n            margin-bottom: 20px;\n            font-weight: 600;\n            letter-spacing: 1px;\n        }\n        \n        .info {\n            font-family: 'Almarai', sans-serif;\n            padding: 15px 0;\n            color: white;\n            font-size: 1.2rem;\n            margin-bottom: 25px;\n            transition: all 0.3s ease;\n            font-weight: 500;\n        }\n        \n        .btn {\n            font-family: 'Almarai', sans-serif;\n            display: inline-block;\n            padding: 10px 25px;\n            border-radius: 50px;\n            background: #2c3e50;\n            color: #fff;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            font-size: 1rem;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }\n        \n        .btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\n            background: rgba(255, 255, 255, 0.2);\n        }\n        \n        .phone-card .icon-container {\n            background: linear-gradient(135deg, #0a7bd1, #0a9cf1);\n            box-shadow: 0 0 20px rgba(10, 123, 209, 0.5);\n        }\n        \n        .phone-card:hover {\n            box-shadow: 0 15px 35px rgba(10, 123, 209, 0.4);\n        }\n        \n        .phone-card .btn:hover {\n            background: linear-gradient(135deg, #0a7bd1, #0a9cf1);\n            color: white;\n            border-color: rgba(255, 255, 255, 0.5);\n        }\n        \n        .email-card .icon-container {\n            background: linear-gradient(135deg, #d63031, #e74c3c);\n            box-shadow: 0 0 20px rgba(214, 48, 49, 0.5);\n        }\n        \n        .email-card:hover {\n            box-shadow: 0 15px 35px rgba(214, 48, 49, 0.4);\n        }\n        \n        .email-card .btn:hover {\n            background: linear-gradient(135deg, #d63031, #e74c3c);\n            color: white;\n            border-color: rgba(255, 255, 255, 0.5);\n        }\n        \n        .whatsapp-card .icon-container {\n            background: linear-gradient(135deg, #27ae60, #2ecc71);\n            box-shadow: 0 0 20px rgba(39, 174, 96, 0.5);\n        }\n        \n        .whatsapp-card:hover {\n            box-shadow: 0 15px 35px rgba(39, 174, 96, 0.4);\n        }\n        \n        .whatsapp-card .btn:hover {\n            background: linear-gradient(135deg, #27ae60, #2ecc71);\n            color: white;\n            border-color: rgba(255, 255, 255, 0.5);\n        }\n        \n        \/* \u042d\u0444\u0444\u0435\u043a\u0442\u044b \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n        .phone-card::after,\n        .email-card::after,\n        .whatsapp-card::after {\n            content: '';\n            position: absolute;\n            top: -10px;\n            left: -10px;\n            right: -10px;\n            bottom: -10px;\n            border-radius: 25px;\n            z-index: -2;\n            opacity: 0;\n            transition: opacity 0.5s ease;\n        }\n        \n        .phone-card::after {\n            background: radial-gradient(circle, rgba(10, 123, 209, 0.4), transparent 70%);\n        }\n        \n        .email-card::after {\n            background: radial-gradient(circle, rgba(214, 48, 49, 0.4), transparent 70%);\n        }\n        \n        .whatsapp-card::after {\n            background: radial-gradient(circle, rgba(39, 174, 96, 0.4), transparent 70%);\n        }\n        \n        .phone-card:hover::after,\n        .email-card:hover::after,\n        .whatsapp-card:hover::after {\n            opacity: 1;\n        }\n        \n        \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d *\/\n        @media (max-width: 768px) {\n            .cards-container {\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .header h1 {\n                font-size: 2.2rem;\n            }\n            \n            .card {\n                width: 100%;\n                max-width: 350px;\n            }\n        }\n        \n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        <div class=\"cards-container\">\n\n            <div class=\"card phone-card\">\n                <div class=\"icon-container\">\n                    <i class=\"fas fa-phone-alt\"><\/i>\n                <\/div>\n                <h3>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u0441\u0435\u0439\u0447\u0430\u0441<\/h3>\n                <div class=\"info\">+966563121204<\/div>\n                <a href=\"tel:+966563121204\" class=\"btn\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/a>\n            <\/div>\n\n            <div class=\"card email-card\">\n                <div class=\"icon-container\">\n                    <i class=\"fas fa-envelope\"><\/i>\n                <\/div>\n                <h3>\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435<\/h3>\n                <div class=\"info\">info@velonweb.com<\/div>\n                <a href=\"mailto:info@velonweb\" class=\"btn\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u043e<\/a>\n            <\/div>\n\n            <div class=\"card whatsapp-card\">\n                <div class=\"icon-container\">\n                    <i class=\"fab fa-whatsapp\"><\/i>\n                <\/div>\n                <h3>WhatsApp<\/h3>\n                <div class=\"info\">+966563121204<\/div>\n                <a href=\"https:\/\/api.whatsapp.com\/send?phone=966563121204\" target=\"_blank\" class=\"btn\">\u041d\u0430\u0436\u043c\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0447\u0430\u0442<\/a>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b\n        document.querySelectorAll('.card').forEach(card => {\n            card.addEventListener('mouseenter', function() {\n                this.style.zIndex = \"10\";\n            });\n            \n            card.addEventListener('mouseleave', function() {\n                this.style.zIndex = \"1\";\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7835cf7d e-flex e-con-boxed e-con e-parent\" data-id=\"7835cf7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a0f9cb elementor-widget elementor-widget-html\" data-id=\"8a0f9cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <title>\u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Almarai', sans-serif;\n            margin: 0;\n            padding: 0;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            position: relative;\n        }\n\n        .form-box {\n            background: linear-gradient(135deg, #222, #2c2c2c);\n            border-radius: 20px;\n            padding: 30px;\n            width: 90%;\n            max-width: 500px;\n            color: white;\n            box-shadow: 0 0 20px rgba(116, 141, 146, 0.4);\n            animation: flyIn 1.5s ease, glow 2s ease-in-out infinite;\n            direction: ltr; \/* Left-to-right *\/\n            font-family: 'Almarai', sans-serif;\n            z-index: 2;\n            position: relative;\n        }\n\n        @keyframes glow {\n            0%, 100% {\n                box-shadow: 0 0 15px rgba(116, 141, 146, 0.5);\n            }\n            50% {\n                box-shadow: 0 0 30px rgba(116, 141, 146, 0.9);\n            }\n        }\n\n        h2 {\n            font-family: 'Almarai', sans-serif;\n            font-size: 26px;\n            margin-bottom: 25px;\n            color: #748D92;\n            text-align: center;\n            font-weight: 700;\n        }\n\n        label {\n            font-family: 'Almarai', sans-serif;\n            display: block;\n            margin-bottom: 5px;\n            font-weight: 700;\n            color: #ffffff;\n            text-align: left; \/* Left-to-right *\/\n        }\n\n        input, textarea {\n            font-family: 'Almarai', sans-serif;\n            width: 100%;\n            padding: 12px;\n            margin-bottom: 15px;\n            border-radius: 10px;\n            border: none;\n            background-color: #333;\n            color: #fff;\n            font-size: 15px;\n            box-shadow: inset 0 0 5px rgba(255,255,255,0.05);\n            text-align: left; \/* Left-to-right *\/\n            font-family: 'Almarai', sans-serif;\n        }\n\n        input:focus, textarea:focus {\n            outline: none;\n            box-shadow: 0 0 8px #748D92;\n        }\n\n        button {\n            width: 100%;\n            padding: 12px;\n            border: none;\n            background-color: #748D92;\n            color: white;\n            font-size: 16px;\n            border-radius: 30px;\n            cursor: pointer;\n            font-weight: bold;\n            transition: background 0.3s ease, transform 0.3s ease;\n            font-family: 'Almarai', sans-serif;\n        }\n\n        button:hover {\n            background-color: #5a6d72;\n            transform: translateY(-2px);\n        }\n\n        .overlay {\n            font-family: 'Almarai', sans-serif;\n            position: fixed;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            background-color: rgba(0, 0, 0, 0.7);\n            display: none;\n            align-items: center;\n            justify-content: center;\n            z-index: 5;\n        }\n\n        .overlay.active {\n            display: flex;\n        }\n\n        .success-popup {\n            font-family: 'Almarai', sans-serif;\n            background-color: #2c2c2c;\n            color: #6fcf97;\n            padding: 20px 30px;\n            border-radius: 15px;\n            font-size: 18px;\n            box-shadow: 0 0 20px rgba(111, 207, 151, 0.3);\n            text-align: center;\n            max-width: 90%;\n        }\n\n        .close-btn {\n            font-family: 'Almarai', sans-serif;\n            margin-top: 20px;\n            padding: 10px 20px;\n            background-color: #6fcf97;\n            color: #1a1a1a;\n            font-weight: bold;\n            border: none;\n            border-radius: 20px;\n            cursor: pointer;\n            font-family: 'Almarai', sans-serif;\n            transition: background-color 0.3s;\n        }\n\n        .close-btn:hover {\n            background-color: #5ec68a;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"form-box\" id=\"form-box\">\n        <h2>\u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438<\/h2>\n        <form id=\"contact-form\" action=\"https:\/\/formspree.io\/f\/mgvyjqyk\" method=\"POST\">\n            <label for=\"name\">\u041f\u043e\u043b\u043d\u043e\u0435 \u0438\u043c\u044f <span style=\"color:#f77\">*<\/span><\/label>\n            <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f \u0437\u0434\u0435\u0441\u044c\">\n            <label for=\"phone\">\u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 <span style=\"color:#f77\">*<\/span><\/label>\n            <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"\u041f\u0440\u0438\u043c\u0435\u0440: +7xxxxxxxxxx\">\n            <label for=\"email\">\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430 (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e)<\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"example@email.com\">\n            <label for=\"message\">\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u0437\u0430\u043f\u0440\u043e\u0441<\/label>\n            <textarea id=\"message\" name=\"message\" rows=\"4\" placeholder=\"\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c...\" required><\/textarea>\n            <button type=\"submit\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>\n        <\/form>\n    <\/div>\n    <div class=\"overlay\" id=\"overlay\">\n        <div class=\"success-popup\">\n            \u2705 \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e!<br\/>\n            \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f, \u0441 \u0411\u043e\u0436\u044c\u0435\u0439 \u043f\u043e\u043c\u043e\u0449\u044c\u044e.\n            <br\/><br\/>\n            <button class=\"close-btn\" id=\"close-btn\">\u0417\u0430\u043a\u0440\u044b\u0442\u044c<\/button>\n        <\/div>\n    <\/div>\n    <script>\n        const form = document.getElementById('contact-form');\n        const overlay = document.getElementById('overlay');\n        const closeBtn = document.getElementById('close-btn');\n\n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n\n            const formData = new FormData(form);\n\n            fetch(form.action, {\n                method: 'POST',\n                body: formData,\n                headers: {\n                    'Accept': 'application\/json'\n                }\n            }).then(response => {\n                if (response.ok) {\n                    form.reset();\n                    overlay.classList.add('active');\n                } else {\n                    alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.');\n                }\n            }).catch(error => {\n                alert('\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435.');\n            });\n        });\n\n        \/\/ \u041a\u043d\u043e\u043f\u043a\u0430 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f\n        closeBtn.addEventListener('click', () => {\n            overlay.classList.remove('active');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VelonWeb \u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u0441\u0435\u0439\u0447\u0430\u0441 +966563121204 \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430\u043c \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435 info@velonweb.com \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u043e WhatsApp +966563121204 \u041d\u0430\u0436\u043c\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0447\u0430\u0442 \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 \u041f\u043e\u043b\u043d\u043e\u0435 \u0438\u043c\u044f * \u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 * \u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430 (\u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e) \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u0437\u0430\u043f\u0440\u043e\u0441 \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u2705 \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e! \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f, \u0441 \u0411\u043e\u0436\u044c\u0435\u0439 \u043f\u043e\u043c\u043e\u0449\u044c\u044e. \u0417\u0430\u043a\u0440\u044b\u0442\u044c<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2968","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] .entry-header .page-title {--theme-font-size:30px;} [data-prefix=\"single_page\"] .entry-header .entry-meta {--theme-font-weight:600;--theme-text-transform:uppercase;--theme-font-size:12px;--theme-line-height:1.3;}","tablet":"","mobile":""},"google_fonts":[],"version":6},"disable_share_box":"no","has_hero_section":"enabled","hero_elements":[{"id":"custom_title","enabled":false,"heading_tag":"h1","title":"Home","__id":"iuAcu0Q2B7ZCbVVAUGjpp"},{"id":"custom_description","enabled":false,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"xz0-uV8w9dYZ_QtjA_SSx"},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true},"__id":"a01Ehnrc8CgcpslMG1NvW"},{"id":"breadcrumbs","enabled":false,"__id":"-uDSNDOY-IcL0bV9lf76L"}]},"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/velonweb.com\/ru\/wp-json\/wp\/v2\/pages\/2968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/velonweb.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/velonweb.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/velonweb.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/velonweb.com\/ru\/wp-json\/wp\/v2\/comments?post=2968"}],"version-history":[{"count":4,"href":"https:\/\/velonweb.com\/ru\/wp-json\/wp\/v2\/pages\/2968\/revisions"}],"predecessor-version":[{"id":3594,"href":"https:\/\/velonweb.com\/ru\/wp-json\/wp\/v2\/pages\/2968\/revisions\/3594"}],"wp:attachment":[{"href":"https:\/\/velonweb.com\/ru\/wp-json\/wp\/v2\/media?parent=2968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}