{"id":2198,"date":"2025-06-04T07:10:51","date_gmt":"2025-06-04T07:10:51","guid":{"rendered":"https:\/\/khabar36garh.co.in\/?page_id=2198"},"modified":"2026-10-06T20:11:10","modified_gmt":"2026-10-06T20:11:10","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/khabar36garh.co.in\/?page_id=2198","title":{"rendered":"Contact us"},"content":{"rendered":"\n<!-- =========================================================\n     KHABAR36GARH.CO.IN\n     CONTACT US PAGE\n     HTML + CSS\n========================================================= -->\n\n<style>\n\/* ===============================\n   KHABAR36GARH CONTACT PAGE\n================================ *\/\n\n.k36-contact-page {\n    --k36-primary: #8b171c;\n    --k36-primary-dark: #650f13;\n    --k36-accent: #e87500;\n    --k36-accent-light: #fff3e7;\n    --k36-white: #ffffff;\n    --k36-black: #222222;\n    --k36-gray: #666666;\n    --k36-border: #e5e5e5;\n\n    max-width: 1180px;\n    margin: 30px auto;\n    padding: 0 15px;\n    box-sizing: border-box;\n\n    font-family:\n        Arial,\n        \"Noto Sans Devanagari\",\n        \"Nirmala UI\",\n        sans-serif;\n\n    color: var(--k36-black);\n}\n\n\n\/* ===============================\n   MAIN CONTAINER\n================================ *\/\n\n.k36-contact-container {\n    background: var(--k36-white);\n    border: 1px solid var(--k36-border);\n    box-shadow: 0 5px 25px rgba(0,0,0,0.08);\n    overflow: hidden;\n}\n\n\n\/* ===============================\n   TOP TITLE\n================================ *\/\n\n.k36-contact-title {\n    background: var(--k36-primary);\n    color: #fff;\n    padding: 30px 25px;\n    text-align: center;\n    position: relative;\n}\n\n.k36-contact-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 75px;\n    height: 4px;\n    background: var(--k36-accent);\n}\n\n.k36-contact-title h1 {\n    margin: 0 0 8px;\n    font-size: 34px;\n    font-weight: 800;\n}\n\n.k36-contact-title p {\n    margin: 0;\n    color: #f8eeee;\n    font-size: 15px;\n    line-height: 1.7;\n}\n\n\n\/* ===============================\n   CONTENT AREA\n================================ *\/\n\n.k36-contact-grid {\n    display: grid;\n    grid-template-columns: 40% 60%;\n}\n\n\n\/* ===============================\n   LEFT INFORMATION\n================================ *\/\n\n.k36-contact-info {\n    background: #faf7f4;\n    padding: 35px 30px;\n    border-right: 1px solid var(--k36-border);\n}\n\n.k36-contact-info h2,\n.k36-contact-form h2 {\n    margin: 0 0 22px;\n    color: var(--k36-primary);\n    font-size: 24px;\n    font-weight: 800;\n    position: relative;\n    padding-bottom: 10px;\n}\n\n.k36-contact-info h2::after,\n.k36-contact-form h2::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 50px;\n    height: 3px;\n    background: var(--k36-accent);\n}\n\n\n\/* ===============================\n   INFO BOXES\n================================ *\/\n\n.k36-info-box {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n\n    background: #fff;\n    padding: 15px;\n    margin-bottom: 14px;\n\n    border-left: 4px solid var(--k36-primary);\n\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n\n    transition: 0.25s ease;\n}\n\n.k36-info-box:hover {\n    border-left-color: var(--k36-accent);\n    transform: translateX(3px);\n}\n\n.k36-info-icon {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background: var(--k36-primary);\n    color: #fff;\n\n    border-radius: 50%;\n\n    font-size: 18px;\n}\n\n.k36-info-content strong {\n    display: block;\n    color: var(--k36-primary-dark);\n    font-size: 14px;\n    margin-bottom: 4px;\n}\n\n.k36-info-content span,\n.k36-info-content a {\n    display: block;\n    color: var(--k36-gray);\n    font-size: 14px;\n    line-height: 1.6;\n    text-decoration: none;\n}\n\n.k36-info-content a:hover {\n    color: var(--k36-primary);\n}\n\n\n\/* ===============================\n   FORM\n================================ *\/\n\n.k36-contact-form {\n    padding: 35px;\n    background: #fff;\n}\n\n.k36-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n}\n\n.k36-form-group {\n    margin-bottom: 18px;\n}\n\n.k36-form-group label {\n    display: block;\n    margin-bottom: 7px;\n\n    font-size: 14px;\n    font-weight: 700;\n\n    color: #333;\n}\n\n.k36-form-group input,\n.k36-form-group textarea,\n.k36-form-group select {\n\n    width: 100%;\n    box-sizing: border-box;\n\n    border: 1px solid #d9d9d9;\n\n    background: #fff;\n\n    padding: 13px 14px;\n\n    border-radius: 3px;\n\n    font-family: inherit;\n    font-size: 14px;\n\n    color: #333;\n\n    outline: none;\n\n    transition: 0.25s ease;\n}\n\n.k36-form-group input,\n.k36-form-group select {\n    height: 48px;\n}\n\n.k36-form-group textarea {\n    min-height: 140px;\n    resize: vertical;\n}\n\n.k36-form-group input:focus,\n.k36-form-group textarea:focus,\n.k36-form-group select:focus {\n\n    border-color: var(--k36-primary);\n\n    box-shadow:\n        0 0 0 3px rgba(139,23,28,0.08);\n}\n\n\n\/* ===============================\n   BUTTON\n================================ *\/\n\n.k36-submit {\n\n    width: 100%;\n    min-height: 50px;\n\n    border: none;\n\n    background: var(--k36-primary);\n\n    color: #fff;\n\n    font-size: 16px;\n    font-weight: 700;\n\n    cursor: pointer;\n\n    border-radius: 3px;\n\n    transition: 0.25s ease;\n}\n\n.k36-submit:hover {\n\n    background: var(--k36-accent);\n\n    box-shadow:\n        0 5px 15px rgba(232,117,0,0.25);\n}\n\n\n\/* ===============================\n   BOTTOM MESSAGE\n================================ *\/\n\n.k36-contact-footer {\n\n    text-align: center;\n\n    background: var(--k36-primary-dark);\n\n    color: #fff;\n\n    padding: 16px 20px;\n\n    font-size: 13px;\n\n    line-height: 1.7;\n}\n\n.k36-contact-footer strong {\n    color: #fff;\n}\n\n.k36-contact-footer span {\n    color: #ffd7b0;\n}\n\n\n\/* ===============================\n   MOBILE\n================================ *\/\n\n@media (max-width: 800px) {\n\n    .k36-contact-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .k36-contact-info {\n        border-right: none;\n        border-bottom: 1px solid var(--k36-border);\n    }\n\n    .k36-form-row {\n        grid-template-columns: 1fr;\n        gap: 0;\n    }\n\n    .k36-contact-title h1 {\n        font-size: 29px;\n    }\n}\n\n\n@media (max-width: 480px) {\n\n    .k36-contact-page {\n        margin: 15px auto;\n        padding: 0 8px;\n    }\n\n    .k36-contact-title {\n        padding: 25px 15px;\n    }\n\n    .k36-contact-title h1 {\n        font-size: 26px;\n    }\n\n    .k36-contact-title p {\n        font-size: 13px;\n    }\n\n    .k36-contact-info,\n    .k36-contact-form {\n        padding: 25px 18px;\n    }\n\n    .k36-contact-info h2,\n    .k36-contact-form h2 {\n        font-size: 21px;\n    }\n}\n<\/style>\n\n\n<!-- =========================================================\n     CONTACT PAGE HTML\n========================================================= -->\n\n<div class=\"k36-contact-page\">\n\n    <div class=\"k36-contact-container\">\n\n\n        <!-- PAGE HEADER -->\n\n        <div class=\"k36-contact-title\">\n\n            <h1>\u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h1>\n\n            <p>\n                Khabar36Garh \u0938\u0947 \u091c\u0941\u0921\u093c\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902\u0964\n                \u0906\u092a\u0915\u0947 \u0938\u0941\u091d\u093e\u0935, \u0938\u092e\u093e\u091a\u093e\u0930 \u0914\u0930 \u092a\u094d\u0930\u0924\u093f\u0915\u094d\u0930\u093f\u092f\u093e\u090f\u0902 \u0939\u092e\u093e\u0930\u0947 \u0932\u093f\u090f \u092e\u0939\u0924\u094d\u0935\u092a\u0942\u0930\u094d\u0923 \u0939\u0948\u0902\u0964\n            <\/p>\n\n        <\/div>\n\n\n        <!-- MAIN CONTENT -->\n\n        <div class=\"k36-contact-grid\">\n\n\n            <!-- =========================================\n                 CONTACT INFORMATION\n            ========================================== -->\n\n            <div class=\"k36-contact-info\">\n\n                <h2>\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h2>\n\n\n                <!-- ADDRESS -->\n\n                <div class=\"k36-info-box\">\n\n                    <div class=\"k36-info-icon\">\n                        \ud83d\udccd\n                    <\/div>\n\n                    <div class=\"k36-info-content\">\n\n                        <strong>\u092a\u0924\u093e<\/strong>\n\n                        <span>\n                            Uslapur, Bilaspur,<br>\n                            Chhattisgarh, India\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- EMAIL -->\n\n                <div class=\"k36-info-box\">\n\n                    <div class=\"k36-info-icon\">\n                        \u2709\n                    <\/div>\n\n                    <div class=\"k36-info-content\">\n\n                        <strong>\u0908-\u092e\u0947\u0932<\/strong>\n\n                        <a href=\"mailto:info@khabar36garh.co.in\">\n                            info@khabar36garh.co.in\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- NEWS -->\n\n                <div class=\"k36-info-box\">\n\n                    <div class=\"k36-info-icon\">\n                        \ud83d\udcf0\n                    <\/div>\n\n                    <div class=\"k36-info-content\">\n\n                        <strong>\u0938\u092e\u093e\u091a\u093e\u0930 \u090f\u0935\u0902 \u092a\u094d\u0930\u0947\u0938 \u0930\u093f\u0932\u0940\u091c<\/strong>\n\n                        <span>\n                            \u0938\u092e\u093e\u091a\u093e\u0930, \u092a\u094d\u0930\u0947\u0938 \u0930\u093f\u0932\u0940\u091c \u0914\u0930 \u092e\u0939\u0924\u094d\u0935\u092a\u0942\u0930\u094d\u0923\n                            \u0938\u0942\u091a\u0928\u093e\u090f\u0902 \u0939\u092e\u0947\u0902 \u092d\u0947\u091c\u0947\u0902\u0964\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- ADVERTISEMENT -->\n\n                <div class=\"k36-info-box\">\n\n                    <div class=\"k36-info-icon\">\n                        \ud83d\udce2\n                    <\/div>\n\n                    <div class=\"k36-info-content\">\n\n                        <strong>\u0935\u093f\u091c\u094d\u091e\u093e\u092a\u0928 \u090f\u0935\u0902 \u0938\u0939\u092f\u094b\u0917<\/strong>\n\n                        <span>\n                            \u0935\u093f\u091c\u094d\u091e\u093e\u092a\u0928, \u092e\u0940\u0921\u093f\u092f\u093e \u092a\u093e\u0930\u094d\u091f\u0928\u0930\u0936\u093f\u092a \u090f\u0935\u0902\n                            \u0935\u094d\u092f\u093e\u0935\u0938\u093e\u092f\u093f\u0915 \u0938\u0939\u092f\u094b\u0917 \u0915\u0947 \u0932\u093f\u090f \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902\u0964\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =========================================\n                 CONTACT FORM\n            ========================================== -->\n\n            <div class=\"k36-contact-form\">\n\n                <h2>\u0905\u092a\u0928\u093e \u0938\u0902\u0926\u0947\u0936 \u092d\u0947\u091c\u0947\u0902<\/h2>\n\n\n                <form action=\"#\" method=\"post\">\n\n\n                    <!-- NAME + EMAIL -->\n\n                    <div class=\"k36-form-row\">\n\n                        <div class=\"k36-form-group\">\n\n                            <label for=\"k36-name\">\n                                \u0928\u093e\u092e *\n                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"k36-name\"\n                                name=\"name\"\n                                placeholder=\"\u0905\u092a\u0928\u093e \u0928\u093e\u092e\"\n                                required\n                            >\n\n                        <\/div>\n\n\n                        <div class=\"k36-form-group\">\n\n                            <label for=\"k36-email\">\n                                \u0908-\u092e\u0947\u0932 *\n                            <\/label>\n\n                            <input\n                                type=\"email\"\n                                id=\"k36-email\"\n                                name=\"email\"\n                                placeholder=\"\u0906\u092a\u0915\u093e \u0908-\u092e\u0947\u0932\"\n                                required\n                            >\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- PHONE -->\n\n                    <div class=\"k36-form-group\">\n\n                        <label for=\"k36-phone\">\n                            \u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930\n                        <\/label>\n\n                        <input\n                            type=\"tel\"\n                            id=\"k36-phone\"\n                            name=\"phone\"\n                            placeholder=\"\u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930\"\n                        >\n\n                    <\/div>\n\n\n                    <!-- SUBJECT -->\n\n                    <div class=\"k36-form-group\">\n\n                        <label for=\"k36-subject\">\n                            \u0935\u093f\u0937\u092f *\n                        <\/label>\n\n                        <select\n                            id=\"k36-subject\"\n                            name=\"subject\"\n                            required\n                        >\n\n                            <option value=\"\">\n                                \u0935\u093f\u0937\u092f \u091a\u0941\u0928\u0947\u0902\n                            <\/option>\n\n                            <option value=\"news\">\n                                \u0938\u092e\u093e\u091a\u093e\u0930 \/ News\n                            <\/option>\n\n                            <option value=\"press-release\">\n                                \u092a\u094d\u0930\u0947\u0938 \u0930\u093f\u0932\u0940\u091c\n                            <\/option>\n\n                            <option value=\"correction\">\n                                \u0938\u092e\u093e\u091a\u093e\u0930 \u0938\u0941\u0927\u093e\u0930\n                            <\/option>\n\n                            <option value=\"advertisement\">\n                                \u0935\u093f\u091c\u094d\u091e\u093e\u092a\u0928\n                            <\/option>\n\n                            <option value=\"partnership\">\n                                \u092e\u0940\u0921\u093f\u092f\u093e \u092a\u093e\u0930\u094d\u091f\u0928\u0930\u0936\u093f\u092a\n                            <\/option>\n\n                            <option value=\"feedback\">\n                                \u0938\u0941\u091d\u093e\u0935 \/ Feedback\n                            <\/option>\n\n                            <option value=\"other\">\n                                \u0905\u0928\u094d\u092f\n                            <\/option>\n\n                        <\/select>\n\n                    <\/div>\n\n\n                    <!-- MESSAGE -->\n\n                    <div class=\"k36-form-group\">\n\n                        <label for=\"k36-message\">\n                            \u0938\u0902\u0926\u0947\u0936 *\n                        <\/label>\n\n                        <textarea\n                            id=\"k36-message\"\n                            name=\"message\"\n                            placeholder=\"\u0905\u092a\u0928\u093e \u0938\u0902\u0926\u0947\u0936 \u092f\u0939\u093e\u0902 \u0932\u093f\u0916\u0947\u0902...\"\n                            required\n                        ><\/textarea>\n\n                    <\/div>\n\n\n                    <!-- SUBMIT -->\n\n                    <button\n                        type=\"submit\"\n                        class=\"k36-submit\"\n                    >\n                        \u0938\u0902\u0926\u0947\u0936 \u092d\u0947\u091c\u0947\u0902 \u2192\n                    <\/button>\n\n\n                <\/form>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- FOOTER -->\n\n        <div class=\"k36-contact-footer\">\n\n            <strong>Khabar36Garh<\/strong>\n            <br>\n\n            <span>\n                \u0935\u093f\u0936\u094d\u0935\u0938\u0928\u0940\u092f \u0938\u092e\u093e\u091a\u093e\u0930 \u2022 \u0928\u093f\u0937\u094d\u092a\u0915\u094d\u0937 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u2022 \u091c\u0928\u0939\u093f\u0924 \u0915\u0940 \u0906\u0935\u093e\u091c\n            <\/span>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\nThis version uses only the confirmed address: Uslapur, Bilaspur, Chhattisgarh. I also kept the styling intentionally closer to a news portal\u2014strong red header, saffron accent line\/buttons, compact information cards, and a clean white content area.\n\nOne important point: the form is currently visual only (&#8220;action=&#8221;#&#8221;&#8221;). If you want, I can next give you the WordPress-ready version that actually sends the Contact Us form submissions to your email, while keeping this exact design.\n","protected":false},"excerpt":{"rendered":"<p>\u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902 Khabar36Garh \u0938\u0947 \u091c\u0941\u0921\u093c\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902\u0964 \u0906\u092a\u0915\u0947 \u0938\u0941\u091d\u093e\u0935, \u0938\u092e\u093e\u091a\u093e\u0930 \u0914\u0930 \u092a\u094d\u0930\u0924\u093f\u0915\u094d\u0930\u093f\u092f\u093e\u090f\u0902 \u0939\u092e\u093e\u0930\u0947 \u0932\u093f\u090f \u092e\u0939\u0924\u094d\u0935\u092a\u0942\u0930\u094d\u0923 \u0939\u0948\u0902\u0964 \u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902 \ud83d\udccd \u092a\u0924\u093e Uslapur, Bilaspur, Chhattisgarh, India \u2709 \u0908-\u092e\u0947\u0932&hellip;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/khabar36garh.co.in\/index.php?rest_route=\/wp\/v2\/pages\/2198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khabar36garh.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khabar36garh.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khabar36garh.co.in\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/khabar36garh.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2198"}],"version-history":[{"count":1,"href":"https:\/\/khabar36garh.co.in\/index.php?rest_route=\/wp\/v2\/pages\/2198\/revisions"}],"predecessor-version":[{"id":6474,"href":"https:\/\/khabar36garh.co.in\/index.php?rest_route=\/wp\/v2\/pages\/2198\/revisions\/6474"}],"wp:attachment":[{"href":"https:\/\/khabar36garh.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}