{"id":389,"date":"2025-04-19T23:22:07","date_gmt":"2025-04-19T17:52:07","guid":{"rendered":"https:\/\/citm.edu.in\/about-us\/?page_id=389"},"modified":"2025-04-22T16:01:58","modified_gmt":"2025-04-22T10:31:58","slug":"feedback","status":"publish","type":"page","link":"https:\/\/citm.edu.in\/about-us\/feedback\/","title":{"rendered":"Feedback"},"content":{"rendered":"\n        <div class=\"dcfm-form-wrapper dcfm-form-wrapper-1\">\r\n                            <style>.dcfm-form-wrapper-1 {\n\/* css\/styles.css for Dynamic Contact Form Management *\/\n.success{\n\ncolor: green !important;\n\n}\n\n\/* Form wrapper *\/\n.dcfm-form-wrapper {\nmax-width: 600px !important;\nmargin: 0 auto !important;\npadding: 20px !important;\nbackground: #f9f9f9 !important;\nborder-radius: 8px !important;\nbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;\n}\n\n\/* Form element *\/\n.dcfm-form {\ndisplay: flex !important;\nflex-direction: column !important;\ngap: 15px !important;\n}\n\n\/* Individual field container *\/\n.form-field {\ndisplay: flex !important;\nflex-direction: column !important;\ngap: 5px !important;\n}\n\n.form-field label {\nfont-weight: 600 !important;\nmargin-bottom: 5px !important;\n}\n\n.form-field label .required {\ncolor: #d63638 !important;\nfont-weight: bold !important;\n}\n\n\/* Input fields *\/\n.form-field input[type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;text\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;],\n.form-field input[type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;email\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;],\n.form-field input[type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;tel\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;],\n.form-field input[type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;number\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;],\n.form-field input[type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;date\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;],\n.form-field textarea,\n.form-field select {\nwidth: 100% !important;\npadding: 8px !important;\nborder: 1px solid #ddd !important;\nborder-radius: 4px !important;\nfont-size: 16px !important;\ntransition: border-color 0.3s !important;\n}\n\n.form-field input:focus,\n.form-field textarea:focus,\n.form-field select:focus {\noutline: none !important;\nborder-color: #2271b1 !important;\n}\n\n\/* Textarea specific *\/\n.form-field textarea {\nmin-height: 100px !important;\nresize: vertical !important;\n}\n\n\/* Checkbox *\/\n.form-field input[type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;checkbox\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\&quot;] {\nwidth: auto !important;\nmargin-right: 10px !important;\n}\n\n\/* Captcha field *\/\n.captcha-field .captcha-display {\nbackground: #fff !important;\nborder: 1px solid #ddd !important;\npadding: 10px !important;\ntext-align: center !important;\nfont-size: 18px !important;\nfont-weight: bold !important;\nborder-radius: 4px !important;\nuser-select: none !important;\n}\n\n.captcha-field .reset-captcha {\nbackground: #2271b1 !important;\ncolor: white !important;\nborder: none !important;\npadding: 5px 10px !important;\nborder-radius: 4px !important;\ncursor: pointer !important;\nfont-size: 16px !important;\n}\n\n.captcha-field .reset-captcha:hover {\nbackground: #135e96 !important;\n}\n\n\/* Submit button *\/\n.submit-button.btn-primary {\nbackground-color: #2271b1 !important;\nborder-color: #2271b1 !important;\npadding: 10px 20px !important;\nfont-size: 16px !important;\nfont-weight: 600 !important;\nborder-radius: 4px !important;\ncursor: pointer !important;\ntransition: background-color 0.3s !important;\n}\n\n.submit-button.btn-primary:hover {\nbackground-color: #135e96 !important;\nborder-color: #135e96 !important;\n}\n\n\/* Error and success messages *\/\n#form-message {\npadding: 10px !important;\nmargin-bottom: 15px !important;\nborder-radius: 4px !important;\n}\n\n#form-message.success {\nbackground: #d4edda !important;\ncolor: #155724 !important;\nborder: 1px solid #c3e6cb !important;\n}\n\n#form-message.error {\nbackground: #f8d7da !important;\ncolor: #721c24 !important;\nborder: 1px solid #f5c6cb !important;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n.dcfm-form-wrapper {\npadding: 15px !important;\n}\n\n.captcha-field .row {\nflex-direction: column !important;\ngap: 10px !important;\n}\n}\n}<\/style>\r\n                        <div id=\"form-message-1\"><\/div>\r\n            <form id=\"dcfm-form-1\" class=\"dcfm-form\" method=\"post\">\r\n                                    <div class=\"form-field\">\r\n                        <label for=\"Full Name\">\r\n                            Full Name                                                            <span class=\"required\">*<\/span>\r\n                                                    <\/label>\r\n                        \r\n                                                    <input \r\n                                type=\"text\"\r\n                                id=\"Full Name\"\r\n                                name=\"Full Name\"\r\n                                required                            >\r\n                                            <\/div>\r\n                                    <div class=\"form-field\">\r\n                        <label for=\"email\">\r\n                            Email                                                            <span class=\"required\">*<\/span>\r\n                                                    <\/label>\r\n                        \r\n                                                    <input \r\n                                type=\"email\"\r\n                                id=\"email\"\r\n                                name=\"email\"\r\n                                pattern=\"[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,}$\"\r\n                                required                            >\r\n                                            <\/div>\r\n                                    <div class=\"form-field\">\r\n                        <label for=\"Phone\">\r\n                            Phone                                                    <\/label>\r\n                        \r\n                                                    <input \r\n                                type=\"tel\"\r\n                                id=\"Phone\"\r\n                                name=\"Phone\"\r\n                                pattern=\"[0-9-+\\s()]+\"\r\n                                                            >\r\n                                            <\/div>\r\n                                    <div class=\"form-field\">\r\n                        <label for=\"Country\/State\">\r\n                            Country\/State                                                    <\/label>\r\n                        \r\n                                                    <input \r\n                                type=\"text\"\r\n                                id=\"Country\/State\"\r\n                                name=\"Country\/State\"\r\n                                                            >\r\n                                            <\/div>\r\n                                    <div class=\"form-field\">\r\n                        <label for=\"Subject\">\r\n                            Subject                                                            <span class=\"required\">*<\/span>\r\n                                                    <\/label>\r\n                        \r\n                                                    <input \r\n                                type=\"text\"\r\n                                id=\"Subject\"\r\n                                name=\"Subject\"\r\n                                required                            >\r\n                                            <\/div>\r\n                                    <div class=\"form-field\">\r\n                        <label for=\"Please send your feedback\">\r\n                            Please send your feedback                                                            <span class=\"required\">*<\/span>\r\n                                                    <\/label>\r\n                        \r\n                                                    <textarea \r\n                                id=\"Please send your feedback\"\r\n                                name=\"Please send your feedback\"\r\n                                required                            ><\/textarea>\r\n                                            <\/div>\r\n                                \r\n                <div class=\"form-field captcha-field\">\r\n                    <label for=\"captcha_input\">Captcha Check <span class=\"required\">*<\/span><\/label>\r\n                    <div class=\"row g-2 align-items-center\">\r\n                        <div class=\"col-12 col-md-2\">\r\n                            <div id=\"captcha-display-1\" class=\"captcha-display\">EcWt<\/div>\r\n                        <\/div>\r\n                        <div class=\"col-12 col-md-1\">\r\n                            <button type=\"button\" class=\"reset-captcha\">\u21bb<\/button>\r\n                        <\/div>\r\n                        <div class=\"col-12 col-md-9\">\r\n                            <input type=\"text\" id=\"captcha_input\" name=\"captcha_input\" class=\"form-control\" required placeholder=\"Enter code\">\r\n                            <input type=\"hidden\" id=\"captcha_answer-1\" name=\"captcha_answer\" value=\"EcWt\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <input type=\"hidden\" name=\"form_id\" value=\"1\">\r\n                <button type=\"submit\" class=\"submit-button btn btn-primary\">Submit<\/button>\r\n            <\/form>\r\n        <\/div>\r\n        \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":{"site-sidebar-layout":"left-sidebar","site-content-layout":"","ast-site-content-layout":"","site-content-style":"boxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-389","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/citm.edu.in\/about-us\/wp-json\/wp\/v2\/pages\/389"}],"collection":[{"href":"https:\/\/citm.edu.in\/about-us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citm.edu.in\/about-us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citm.edu.in\/about-us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citm.edu.in\/about-us\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":5,"href":"https:\/\/citm.edu.in\/about-us\/wp-json\/wp\/v2\/pages\/389\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/citm.edu.in\/about-us\/wp-json\/wp\/v2\/pages\/389\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/citm.edu.in\/about-us\/wp-json\/wp\/v2\/media?parent=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}