Contact Form<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n }\r\n \r\n header {\r\n background-color: #ff7f50;\r\n color: #fff;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n \r\n h1 {\r\n margin: 0;\r\n font-size: 36px;\r\n }\r\n \r\n \/* Add CSS for the contact form *\/\r\n form {\r\n background-color: #f2f2f2;\r\n padding: 20px;\r\n border-radius: 5px;\r\n max-width: 600px;\r\n margin: 20px auto;\r\n }\r\n \r\n label {\r\n display: block;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n }\r\n \r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"tel\"],\r\n textarea {\r\n width: 100%;\r\n padding: 12px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n box-sizing: border-box;\r\n margin-bottom: 10px;\r\n font-size: 16px;\r\n }\r\n \r\n input[type=\"submit\"] {\r\n background-color: #4CAF50;\r\n color: white;\r\n padding: 12px 20px;\r\n border: none;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n font-size: 16px;\r\n }\r\n \r\n input[type=\"submit\"]:hover {\r\n background-color: #ff7f50;\r\n }\r\n \r\n \/* Add validation error styling *\/\r\n input:invalid,\r\n textarea:invalid {\r\n border-color: red;\r\n }\r\n \r\n input:invalid:focus,\r\n textarea:invalid:focus {\r\n outline: none;\r\n }\r\n \r\n \/* Add responsive styles *\/\r\n @media only screen and (max-width: 600px) {\r\n form {\r\n max-width: 100%;\r\n margin: 20px;\r\n }\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <header>\r\n <h2>Contact Us<\/h2>\r\n <\/header>\r\n <form name=\"contactForm\" onsubmit=\"return validateForm()\">\r\n <label for=\"name\">Name:<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required minlength=\"3\">\r\n <label for=\"email\">Email:<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required>\r\n <label for=\"phone\">Phone Number:<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required>\r\n <label for=\"message\">Message:<\/label>\r\n <textarea id=\"message\" name=\"message\" required><\/textarea>\r\n <input type=\"submit\" value=\"Submit\">\r\n <\/form>\r\n <script>\r\n function validateForm() {\r\n var name = document.forms[\"contactForm\"][\"name\"].value;\r\n var email = document.forms[\"contactForm\"][\"email\"].value;\r\n var phone = document.forms[\"contactForm\"][\"phone\"].value;\r\n var message = document.forms[\"contactForm\"][\"message\"].value;\r\n \r\n if (name.length < 3) {\r\n alert(\"Name must be at least 3 characters long.\");\r\n return false;\r\n }\r\n \r\n \/\/ Add more validation rules here\r\n \r\n }\r\n <\/script>\r\n <\/body\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Form Contact Us Name: Email: Phone Number: Message:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"_links":{"self":[{"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/pages\/1712"}],"collection":[{"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/comments?post=1712"}],"version-history":[{"count":13,"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/pages\/1712\/revisions"}],"predecessor-version":[{"id":2011,"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/pages\/1712\/revisions\/2011"}],"wp:attachment":[{"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/media?parent=1712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n \r\n \r\n \r\n \r\n Contact Form<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n }\r\n \r\n header {\r\n background-color: #ff7f50;\r\n color: #fff;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n \r\n h1 {\r\n margin: 0;\r\n font-size: 36px;\r\n }\r\n \r\n \/* Add CSS for the contact form *\/\r\n form {\r\n background-color: #f2f2f2;\r\n padding: 20px;\r\n border-radius: 5px;\r\n max-width: 600px;\r\n margin: 20px auto;\r\n }\r\n \r\n label {\r\n display: block;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n }\r\n \r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"tel\"],\r\n textarea {\r\n width: 100%;\r\n padding: 12px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n box-sizing: border-box;\r\n margin-bottom: 10px;\r\n font-size: 16px;\r\n }\r\n \r\n input[type=\"submit\"] {\r\n background-color: #4CAF50;\r\n color: white;\r\n padding: 12px 20px;\r\n border: none;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n font-size: 16px;\r\n }\r\n \r\n input[type=\"submit\"]:hover {\r\n background-color: #ff7f50;\r\n }\r\n \r\n \/* Add validation error styling *\/\r\n input:invalid,\r\n textarea:invalid {\r\n border-color: red;\r\n }\r\n \r\n input:invalid:focus,\r\n textarea:invalid:focus {\r\n outline: none;\r\n }\r\n \r\n \/* Add responsive styles *\/\r\n @media only screen and (max-width: 600px) {\r\n form {\r\n max-width: 100%;\r\n margin: 20px;\r\n }\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <header>\r\n <h2>Contact Us<\/h2>\r\n <\/header>\r\n <form name=\"contactForm\" onsubmit=\"return validateForm()\">\r\n <label for=\"name\">Name:<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required minlength=\"3\">\r\n <label for=\"email\">Email:<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required>\r\n <label for=\"phone\">Phone Number:<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required>\r\n <label for=\"message\">Message:<\/label>\r\n <textarea id=\"message\" name=\"message\" required><\/textarea>\r\n <input type=\"submit\" value=\"Submit\">\r\n <\/form>\r\n <script>\r\n function validateForm() {\r\n var name = document.forms[\"contactForm\"][\"name\"].value;\r\n var email = document.forms[\"contactForm\"][\"email\"].value;\r\n var phone = document.forms[\"contactForm\"][\"phone\"].value;\r\n var message = document.forms[\"contactForm\"][\"message\"].value;\r\n \r\n if (name.length < 3) {\r\n alert(\"Name must be at least 3 characters long.\");\r\n return false;\r\n }\r\n \r\n \/\/ Add more validation rules here\r\n \r\n }\r\n <\/script>\r\n <\/body\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Form Contact Us Name: Email: Phone Number: Message:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"_links":{"self":[{"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/pages\/1712"}],"collection":[{"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/comments?post=1712"}],"version-history":[{"count":13,"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/pages\/1712\/revisions"}],"predecessor-version":[{"id":2011,"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/pages\/1712\/revisions\/2011"}],"wp:attachment":[{"href":"https:\/\/assignments.vinayaktripathi.in\/index.php\/wp-json\/wp\/v2\/media?parent=1712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}