{"id":638,"date":"2026-06-30T16:56:35","date_gmt":"2026-06-30T08:56:35","guid":{"rendered":"https:\/\/jargalant.ub.gov.mn\/new\/?page_id=638"},"modified":"2026-09-29T18:57:52","modified_gmt":"2026-09-29T10:57:52","slug":"%d1%81%d0%b0%d0%bd%d0%b0%d0%bb-%d1%85%d2%af%d1%81%d1%8d%d0%bb%d1%82","status":"publish","type":"page","link":"https:\/\/jargalant.ub.gov.mn\/new\/%d1%81%d0%b0%d0%bd%d0%b0%d0%bb-%d1%85%d2%af%d1%81%d1%8d%d0%bb%d1%82\/","title":{"rendered":"\u0421\u0430\u043d\u0430\u043b \u0425\u04af\u0441\u044d\u043b\u0442"},"content":{"rendered":"\n<div class=\"suggestion-box\">\n\n    <div class=\"suggestion-header\">\n        <div class=\"suggestion-icon\">\u2709<\/div>\n        <h2>\u0421\u0410\u041d\u0410\u041b \u0425\u04ae\u0421\u042d\u041b\u0422<\/h2>\n        <p>\u0422\u0430\u043d\u044b \u0441\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442\u0438\u0439\u0433 \u0431\u0438\u0434 \u0445\u04af\u043d\u0434\u044d\u0442\u0433\u044d\u043d \u0445\u04af\u043b\u044d\u044d\u043d \u0430\u0432\u0447, \u04af\u0439\u043b \u0430\u0436\u0438\u043b\u043b\u0430\u0433\u0430\u0430\u043d\u0434\u0430\u0430 \u0442\u0443\u0441\u0433\u0430\u043d \u0430\u0436\u0438\u043b\u043b\u0430\u043d\u0430.<\/p>\n    <\/div>\n\n    <form class=\"suggestion-form\" onsubmit=\"sendSuggestion(event)\">\n\n        <div class=\"form-row\">\n\n            <div class=\"form-group\">\n                <label>\u041e\u0432\u043e\u0433 \u043d\u044d\u0440 <span>*<\/span><\/label>\n                <input \n                    type=\"text\" \n                    id=\"suggestion-name\"\n                    placeholder=\"\u041e\u0432\u043e\u0433 \u043d\u044d\u0440\u044d\u044d \u043e\u0440\u0443\u0443\u043b\u043d\u0430 \u0443\u0443\"\n                    required>\n            <\/div>\n\n            <div class=\"form-group\">\n                <label>\u0423\u0442\u0430\u0441\u043d\u044b \u0434\u0443\u0433\u0430\u0430\u0440 <span>*<\/span><\/label>\n                <input \n                    type=\"tel\" \n                    id=\"suggestion-phone\"\n                    placeholder=\"\u0423\u0442\u0430\u0441\u043d\u044b \u0434\u0443\u0433\u0430\u0430\u0440\"\n                    required>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>\u0418-\u043c\u044d\u0439\u043b \u0445\u0430\u044f\u0433<\/label>\n            <input \n                type=\"email\" \n                id=\"suggestion-email\"\n                placeholder=\"\u0418-\u043c\u044d\u0439\u043b \u0445\u0430\u044f\u0433\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>\u0421\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442\u0438\u0439\u043d \u0442\u04e9\u0440\u04e9\u043b <span>*<\/span><\/label>\n\n            <select id=\"suggestion-type\" required>\n                <option value=\"\">&#8212; \u0421\u043e\u043d\u0433\u043e\u043d\u043e \u0443\u0443 &#8212;<\/option>\n                <option value=\"\u0421\u0430\u043d\u0430\u043b\">\u0421\u0430\u043d\u0430\u043b<\/option>\n                <option value=\"\u0425\u04af\u0441\u044d\u043b\u0442\">\u0425\u04af\u0441\u044d\u043b\u0442<\/option>\n                <option value=\"\u0413\u043e\u043c\u0434\u043e\u043b\">\u0413\u043e\u043c\u0434\u043e\u043b<\/option>\n                <option value=\"\u0422\u0430\u043b\u0430\u0440\u0445\u0430\u043b\">\u0422\u0430\u043b\u0430\u0440\u0445\u0430\u043b<\/option>\n                <option value=\"\u0411\u0443\u0441\u0430\u0434\">\u0411\u0443\u0441\u0430\u0434<\/option>\n            <\/select>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>\u0421\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442 <span>*<\/span><\/label>\n\n            <textarea \n                id=\"suggestion-message\"\n                placeholder=\"\u0421\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442\u044d\u044d \u044d\u043d\u0434 \u0431\u0438\u0447\u043d\u044d \u04af\u04af...\"\n                required><\/textarea>\n        <\/div>\n\n        <div class=\"form-check\">\n            <input type=\"checkbox\" id=\"suggestion-agree\" required>\n            <label for=\"suggestion-agree\">\n                \u041c\u0438\u043d\u0438\u0439 \u043e\u0440\u0443\u0443\u043b\u0441\u0430\u043d \u043c\u044d\u0434\u044d\u044d\u043b\u044d\u043b \u04af\u043d\u044d\u043d \u0437\u04e9\u0432 \u0431\u043e\u043b\u043e\u0445\u044b\u0433 \u0431\u0430\u0442\u0430\u043b\u0433\u0430\u0430\u0436\u0443\u0443\u043b\u0436 \u0431\u0430\u0439\u043d\u0430.\n            <\/label>\n        <\/div>\n\n        <button type=\"submit\" class=\"suggestion-button\">\n            \u0418\u041b\u0413\u042d\u042d\u0425\n        <\/button>\n\n    <\/form>\n\n    <div id=\"suggestion-success\" class=\"suggestion-success\">\n        \u2713 \u0422\u0430\u043d\u044b \u0441\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442 \u0430\u043c\u0436\u0438\u043b\u0442\u0442\u0430\u0439 \u0438\u043b\u0433\u044d\u044d\u0433\u0434\u043b\u044d\u044d.\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* \u04ae\u043d\u0434\u0441\u044d\u043d box *\/\n.suggestion-box {\n    max-width: 900px;\n    margin: 40px auto;\n    padding: 40px;\n    background: #ffffff;\n    border-radius: 12px;\n    border: 1px solid #e5e5e5;\n    box-shadow: 0 5px 25px rgba(0,0,0,0.08);\n    box-sizing: border-box;\n}\n\n\/* \u0413\u0430\u0440\u0447\u0438\u0433 *\/\n.suggestion-header {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.suggestion-icon {\n    width: 60px;\n    height: 60px;\n    margin: 0 auto 15px;\n    background: #45b8c4;\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 28px;\n}\n\n.suggestion-header h2 {\n    margin: 0 0 10px;\n    color: #333333;\n    font-size: 28px;\n    font-weight: 700;\n}\n\n.suggestion-header p {\n    margin: 0 auto;\n    max-width: 650px;\n    color: #777777;\n    font-size: 15px;\n    line-height: 1.6;\n}\n\n\/* Form *\/\n.suggestion-form {\n    width: 100%;\n}\n\n.form-row {\n    display: flex;\n    gap: 20px;\n}\n\n.form-row .form-group {\n    flex: 1;\n}\n\n.form-group {\n    margin-bottom: 20px;\n}\n\n.form-group label {\n    display: block;\n    margin-bottom: 8px;\n    color: #444444;\n    font-size: 15px;\n    font-weight: 600;\n}\n\n.form-group label span {\n    color: #e53935;\n}\n\n\/* Input *\/\n.form-group input,\n.form-group select,\n.form-group textarea {\n    width: 100%;\n    padding: 13px 15px;\n    border: 1px solid #d8d8d8;\n    border-radius: 6px;\n    background: #ffffff;\n    color: #333333;\n    font-size: 15px;\n    font-family: inherit;\n    box-sizing: border-box;\n    outline: none;\n    transition: 0.2s;\n}\n\n\/* Focus *\/\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n    border-color: #45b8c4;\n    box-shadow: 0 0 0 3px rgba(69,184,196,0.12);\n}\n\n\/* Textarea *\/\n.form-group textarea {\n    min-height: 160px;\n    resize: vertical;\n}\n\n\/* Checkbox *\/\n.form-check {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin: 10px 0 25px;\n}\n\n.form-check input {\n    width: 18px;\n    height: 18px;\n    margin-top: 2px;\n    flex-shrink: 0;\n    accent-color: #45b8c4;\n}\n\n.form-check label {\n    color: #666666;\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n\/* \u0418\u043b\u0433\u044d\u044d\u0445 \u0442\u043e\u0432\u0447 *\/\n.suggestion-button {\n    display: block;\n    width: 100%;\n    padding: 14px 20px;\n    border: none;\n    border-radius: 6px;\n    background: #45b8c4;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: 0.2s;\n}\n\n.suggestion-button:hover {\n    background: #299eaa;\n}\n\n\/* \u0410\u043c\u0436\u0438\u043b\u0442\u0442\u0430\u0439 \u0438\u043b\u0433\u044d\u044d\u0433\u0434\u0441\u044d\u043d *\/\n.suggestion-success {\n    display: none;\n    margin-top: 20px;\n    padding: 15px 20px;\n    background: #e8f7f8;\n    border: 1px solid #a9dfe3;\n    border-radius: 6px;\n    color: #16818a;\n    text-align: center;\n    font-weight: 600;\n}\n\n\/* \u0413\u0430\u0440 \u0443\u0442\u0430\u0441 *\/\n@media (max-width: 700px) {\n\n    .suggestion-box {\n        margin: 20px 10px;\n        padding: 25px 20px;\n    }\n\n    .form-row {\n        display: block;\n    }\n\n    .suggestion-header h2 {\n        font-size: 24px;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\nfunction sendSuggestion(event) {\n\n    event.preventDefault();\n\n    var name = document.getElementById(\"suggestion-name\").value;\n    var phone = document.getElementById(\"suggestion-phone\").value;\n    var email = document.getElementById(\"suggestion-email\").value;\n    var type = document.getElementById(\"suggestion-type\").value;\n    var message = document.getElementById(\"suggestion-message\").value;\n\n    if (!name || !phone || !type || !message) {\n        alert(\"\u0417\u0430\u0430\u0432\u0430\u043b \u0431\u04e9\u0433\u043b\u04e9\u0445 \u0442\u0430\u043b\u0431\u0430\u0440\u0443\u0443\u0434\u044b\u0433 \u0431\u04e9\u0433\u043b\u04e9\u043d\u04e9 \u04af\u04af.\");\n        return;\n    }\n\n    document.querySelector(\".suggestion-form\").style.display = \"none\";\n\n    document.getElementById(\"suggestion-success\").style.display = \"block\";\n\n}\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2709 \u0421\u0410\u041d\u0410\u041b \u0425\u04ae\u0421\u042d\u041b\u0422 \u0422\u0430\u043d\u044b \u0441\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442\u0438\u0439\u0433 \u0431\u0438\u0434 \u0445\u04af\u043d\u0434\u044d\u0442\u0433\u044d\u043d \u0445\u04af\u043b\u044d\u044d\u043d \u0430\u0432\u0447, \u04af\u0439\u043b \u0430\u0436\u0438\u043b\u043b\u0430\u0433\u0430\u0430\u043d\u0434\u0430\u0430 \u0442\u0443\u0441\u0433\u0430\u043d \u0430\u0436\u0438\u043b\u043b\u0430\u043d\u0430. \u041e\u0432\u043e\u0433 \u043d\u044d\u0440 * \u0423\u0442\u0430\u0441\u043d\u044b \u0434\u0443\u0433\u0430\u0430\u0440 * \u0418-\u043c\u044d\u0439\u043b \u0445\u0430\u044f\u0433 \u0421\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442\u0438\u0439\u043d \u0442\u04e9\u0440\u04e9\u043b * &#8212; \u0421\u043e\u043d\u0433\u043e\u043d\u043e \u0443\u0443 &#8212;\u0421\u0430\u043d\u0430\u043b\u0425\u04af\u0441\u044d\u043b\u0442\u0413\u043e\u043c\u0434\u043e\u043b\u0422\u0430\u043b\u0430\u0440\u0445\u0430\u043b\u0411\u0443\u0441\u0430\u0434 \u0421\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442 * \u041c\u0438\u043d\u0438\u0439 \u043e\u0440\u0443\u0443\u043b\u0441\u0430\u043d \u043c\u044d\u0434\u044d\u044d\u043b\u044d\u043b \u04af\u043d\u044d\u043d \u0437\u04e9\u0432 \u0431\u043e\u043b\u043e\u0445\u044b\u0433 \u0431\u0430\u0442\u0430\u043b\u0433\u0430\u0430\u0436\u0443\u0443\u043b\u0436 \u0431\u0430\u0439\u043d\u0430. \u0418\u041b\u0413\u042d\u042d\u0425 \u2713 \u0422\u0430\u043d\u044b \u0441\u0430\u043d\u0430\u043b \u0445\u04af\u0441\u044d\u043b\u0442 \u0430\u043c\u0436\u0438\u043b\u0442\u0442\u0430\u0439 \u0438\u043b\u0433\u044d\u044d\u0433\u0434\u043b\u044d\u044d.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"tdm_status":"","tdm_grid_status":"","footnotes":""},"class_list":["post-638","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/jargalant.ub.gov.mn\/new\/wp-json\/wp\/v2\/pages\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jargalant.ub.gov.mn\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jargalant.ub.gov.mn\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jargalant.ub.gov.mn\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jargalant.ub.gov.mn\/new\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":5,"href":"https:\/\/jargalant.ub.gov.mn\/new\/wp-json\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":1896,"href":"https:\/\/jargalant.ub.gov.mn\/new\/wp-json\/wp\/v2\/pages\/638\/revisions\/1896"}],"wp:attachment":[{"href":"https:\/\/jargalant.ub.gov.mn\/new\/wp-json\/wp\/v2\/media?parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}