{"id":308,"date":"2025-11-06T23:15:50","date_gmt":"2025-11-06T20:15:50","guid":{"rendered":"http:\/\/optiwebsite.ru\/?page_id=308"},"modified":"2025-12-09T19:40:10","modified_gmt":"2025-12-09T16:40:10","slug":"griden","status":"publish","type":"page","link":"http:\/\/optiwebsite.ru\/?page_id=308","title":{"rendered":"GRIDEN"},"content":{"rendered":"    <div class=\"application-form-container\">\n        <div class=\"form-header\">\n            <h3><i class=\"fas fa-file-signature\"><\/i> \u041e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u044f\u0432\u043a\u0438<\/h3>\n            <p>\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u043d\u0438\u0436\u0435, \u0438 \u043c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0430\u0443\u0434\u0438\u0442\u0430<\/p>\n        <\/div>\n        \n        <form id=\"application-form\" class=\"application-form\">\n            <div class=\"form-group\">\n                <label for=\"application-name\"><i class=\"fas fa-user\"><\/i> \u0418\u043c\u044f *<\/label>\n                <input type=\"text\" id=\"application-name\" name=\"name\" required \n                       placeholder=\"\u0412\u0430\u0448\u0435 \u0438\u043c\u044f (\u0442\u043e\u043b\u044c\u043a\u043e \u0431\u0443\u043a\u0432\u044b, \u043f\u0440\u043e\u0431\u0435\u043b\u044b \u0438 \u0434\u0435\u0444\u0438\u0441\u044b)\"\n                       minlength=\"2\"\n                       maxlength=\"50\"\n                       pattern=\"[a-zA-Z\u0430-\u044f\u0410-\u042f\u0451\u0401\\s\\-]+\"\n                       title=\"\u0422\u043e\u043b\u044c\u043a\u043e \u0431\u0443\u043a\u0432\u044b, \u043f\u0440\u043e\u0431\u0435\u043b\u044b \u0438 \u0434\u0435\u0444\u0438\u0441\u044b\">\n                <div class=\"field-error\" style=\"display: none; color: #dc3545; font-size: 12px; margin-top: 5px;\"><\/div>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"application-phone\"><i class=\"fas fa-phone\"><\/i> \u0422\u0435\u043b\u0435\u0444\u043e\u043d *<\/label>\n                <input type=\"tel\" id=\"application-phone\" name=\"phone\" required \n                       placeholder=\"+7 (999) 123-45-67\"\n                       minlength=\"10\"\n                       maxlength=\"20\">\n                <div class=\"field-error\" style=\"display: none; color: #dc3545; font-size: 12px; margin-top: 5px;\"><\/div>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"application-telegram\"><i class=\"fab fa-telegram\"><\/i> Telegram (\u043d\u0438\u043a)<\/label>\n                <input type=\"text\" id=\"application-telegram\" name=\"telegram\" \n                       placeholder=\"@username (\u0442\u043e\u043b\u044c\u043a\u043e \u0431\u0443\u043a\u0432\u044b, \u0446\u0438\u0444\u0440\u044b \u0438 _)\"\n                       maxlength=\"32\"\n                       pattern=\"@[a-zA-Z0-9_]+\"\n                       title=\"\u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 @, \u0437\u0430\u0442\u0435\u043c \u0431\u0443\u043a\u0432\u044b, \u0446\u0438\u0444\u0440\u044b \u0438\u043b\u0438 _\">\n                <div class=\"field-error\" style=\"display: none; color: #dc3545; font-size: 12px; margin-top: 5px;\"><\/div>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"application-website\"><i class=\"fas fa-globe\"><\/i> \u0421\u0430\u0439\u0442 \/ \u043d\u0438\u0448\u0430<\/label>\n                <input type=\"text\" id=\"application-website\" name=\"website\" \n                       placeholder=\"example.com \u0438\u043b\u0438 \u0412\u0430\u0448\u0430 \u043d\u0438\u0448\u0430 (\u043c\u0430\u043a\u0441. 255 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)\"\n                       maxlength=\"255\"\n                       title=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 URL \u0441\u0430\u0439\u0442\u0430 \u0438\u043b\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043d\u0438\u0448\u0438\">\n                <div class=\"field-error\" style=\"display: none; color: #dc3545; font-size: 12px; margin-top: 5px;\"><\/div>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"application-niche\"><i class=\"fas fa-tag\"><\/i> \u041d\u0438\u0448\u0430 (\u0435\u0441\u043b\u0438 \u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u0432\u044b\u0448\u0435)<\/label>\n                <input type=\"text\" id=\"application-niche\" name=\"niche\" \n                       placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e, \u041d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u043e\u0441\u0442\u044c \u0438 \u0442.\u0434. (\u043c\u0430\u043a\u0441. 255 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432)\"\n                       maxlength=\"255\"\n                       title=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043d\u0438\u0448\u0438\">\n                <div class=\"field-error\" style=\"display: none; color: #dc3545; font-size: 12px; margin-top: 5px;\"><\/div>\n            <\/div>\n            \n            <div class=\"form-submit\">\n                <button type=\"submit\" class=\"submit-btn\">\n                    <i class=\"fas fa-chart-bar\"><\/i>\n                    \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0430\u0443\u0434\u0438\u0442\n                <\/button>\n            <\/div>\n            \n            <div class=\"form-footer\">\n                <p>\u0418\u043b\u0438 \u0441\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e:<\/p>\n                <div class=\"contact-links\">\n                    \n                        \n                    <\/a>\n                    <a href=\"https:\/\/wa.me\/79278374474\" target=\"_blank\" class=\"contact-link whatsapp-link\">\n                        <i class=\"fab fa-whatsapp\"><\/i>\n                        WhatsApp: +7 927 837 4474\n                    <\/a>\n                    <a href=\"https:\/\/optiwebsite.ru\/?page_id=380\" target=\"_blank\" class=\"contact-link telegram-link\">\n                        <i class=\"fab fa-telegram\"><\/i>\n                        Telegram \u0447\u0430\u0442\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/form>\n        \n        <div id=\"form-message\" class=\"form-message\" style=\"display: none;\"><\/div>\n    <\/div>\n\n    <style>\n    .application-form-container {\n        max-width: 500px;\n        margin: 40px auto;\n        padding: 30px;\n        background: white;\n        border-radius: 15px;\n        box-shadow: 0 10px 30px rgba(139, 69, 19, 0.1);\n        border: 2px solid #E8D5C4;\n    }\n    \n    .form-header {\n        text-align: center;\n        margin-bottom: 25px;\n        padding-bottom: 20px;\n        border-bottom: 1px solid #F5E6D3;\n    }\n    \n    .form-header h3 {\n        color: #8B4513;\n        font-size: 24px;\n        margin-bottom: 10px;\n        font-weight: 600;\n    }\n    \n    .form-header p {\n        color: #8D6E63;\n        font-size: 14px;\n        margin: 0;\n    }\n    \n    .application-form .form-group {\n        margin-bottom: 20px;\n        position: relative;\n    }\n    \n    .application-form label {\n        display: block;\n        margin-bottom: 8px;\n        font-weight: 600;\n        color: #654321;\n        font-size: 14px;\n    }\n    \n    .application-form label i {\n        width: 20px;\n        margin-right: 5px;\n    }\n    \n    .application-form input {\n        width: 100%;\n        padding: 12px 15px;\n        border: 1px solid #E8D5C4;\n        border-radius: 8px;\n        font-size: 14px;\n        transition: all 0.3s ease;\n        background: #FAF7F3;\n        box-sizing: border-box;\n    }\n    \n    .application-form input:focus {\n        outline: none;\n        border-color: #A0522D;\n        box-shadow: 0 0 0 2px rgba(160, 82, 45, 0.1);\n        background: white;\n    }\n    \n    .application-form input:invalid:not(:focus):not(:placeholder-shown) {\n        border-color: #dc3545;\n    }\n    \n    .application-form input:valid:not(:focus):not(:placeholder-shown) {\n        border-color: #28a745;\n    }\n    \n    .application-form input:required {\n        border-left: 3px solid #8B4513;\n    }\n    \n    .application-form input::placeholder {\n        color: #a0a0a0;\n        font-size: 13px;\n    }\n    \n    .form-submit {\n        margin: 30px 0;\n    }\n    \n    .submit-btn {\n        width: 100%;\n        padding: 15px;\n        background: linear-gradient(135deg, #8B4513, #A0522D);\n        color: white;\n        border: none;\n        border-radius: 8px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n    }\n    \n    .submit-btn:hover:not(:disabled) {\n        background: linear-gradient(135deg, #A0522D, #8B4513);\n        transform: translateY(-2px);\n        box-shadow: 0 5px 15px rgba(139, 69, 19, 0.3);\n    }\n    \n    .submit-btn:disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n    }\n    \n    .form-footer {\n        margin-top: 25px;\n        padding-top: 20px;\n        border-top: 1px solid #F5E6D3;\n        text-align: center;\n    }\n    \n    .form-footer p {\n        color: #8D6E63;\n        font-size: 13px;\n        margin-bottom: 15px;\n    }\n    \n    .contact-links {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n    \n    .contact-link {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        padding: 10px 15px;\n        border-radius: 8px;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 500;\n        transition: all 0.3s ease;\n    }\n    \n    .email-link {\n        background: #FFE8D6;\n        color: #D84315;\n        border: 1px solid #FFCCBC;\n    }\n    \n    .email-link:hover {\n        background: #FFCCBC;\n        transform: translateY(-2px);\n    }\n    \n    .whatsapp-link {\n        background: #E8F5E9;\n        color: #2E7D32;\n        border: 1px solid #C8E6C9;\n    }\n    \n    .whatsapp-link:hover {\n        background: #C8E6C9;\n        transform: translateY(-2px);\n    }\n    \n    .telegram-link {\n        background: #E3F2FD;\n        color: #1565C0;\n        border: 1px solid #BBDEFB;\n    }\n    \n    .telegram-link:hover {\n        background: #BBDEFB;\n        transform: translateY(-2px);\n    }\n    \n    .form-message {\n        margin-top: 20px;\n        padding: 15px;\n        border-radius: 8px;\n        text-align: center;\n        font-weight: 500;\n    }\n    \n    .form-message.success {\n        background: #E8F5E9;\n        color: #2E7D32;\n        border: 1px solid #C8E6C9;\n    }\n    \n    .form-message.error {\n        background: #FFEBEE;\n        color: #C62828;\n        border: 1px solid #FFCDD2;\n    }\n    \n    @media (max-width: 600px) {\n        .application-form-container {\n            margin: 20px auto;\n            padding: 20px;\n        }\n        \n        .contact-links {\n            gap: 8px;\n        }\n        \n        .contact-link {\n            font-size: 13px;\n            padding: 8px 12px;\n        }\n        \n        .application-form input::placeholder {\n            font-size: 12px;\n        }\n    }\n    <\/style>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_regular_price":[],"currency_symbol":[],"footnotes":""},"class_list":["post-308","page","type-page","status-publish","hentry"],"post_slider_layout_featured_media_urls":{"thumbnail":"","post_slider_layout_landscape_large":"","post_slider_layout_portrait_large":"","post_slider_layout_square_large":"","post_slider_layout_landscape":"","post_slider_layout_portrait":"","post_slider_layout_square":"","full":""},"_links":{"self":[{"href":"http:\/\/optiwebsite.ru\/index.php?rest_route=\/wp\/v2\/pages\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/optiwebsite.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/optiwebsite.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/optiwebsite.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/optiwebsite.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=308"}],"version-history":[{"count":4,"href":"http:\/\/optiwebsite.ru\/index.php?rest_route=\/wp\/v2\/pages\/308\/revisions"}],"predecessor-version":[{"id":404,"href":"http:\/\/optiwebsite.ru\/index.php?rest_route=\/wp\/v2\/pages\/308\/revisions\/404"}],"wp:attachment":[{"href":"http:\/\/optiwebsite.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}