Contact Form<\/title>\r\n <style>\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n margin: 0;\r\n padding: 20px;\r\n background-color: #f5f5f5;\r\n color: #333;\r\n }\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background: #fff;\r\n padding: 30px;\r\n border-radius: 8px;\r\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\r\n }\r\n h1 {\r\n text-align: center;\r\n color: #2c3e50;\r\n margin-bottom: 30px;\r\n }\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n label {\r\n display: block;\r\n margin-bottom: 5px;\r\n font-weight: 600;\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: 10px;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n }\r\n textarea {\r\n height: 120px;\r\n resize: vertical;\r\n }\r\n .required:after {\r\n content: \" *\";\r\n color: #e74c3c;\r\n }\r\n button {\r\n background: #3498db;\r\n color: white;\r\n border: none;\r\n padding: 12px 20px;\r\n font-size: 16px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n width: 100%;\r\n transition: background 0.3s;\r\n }\r\n button:hover {\r\n background: #2980b9;\r\n }\r\n .error {\r\n color: #e74c3c;\r\n font-size: 14px;\r\n margin-top: 5px;\r\n display: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1>Contact Form<\/h1>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"name\" class=\"required\">Name<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required>\r\n <div id=\"nameError\" class=\"error\">Please enter your name<\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\" class=\"required\">Email<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required>\r\n <div id=\"emailError\" class=\"error\">Please enter a valid email<\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"phone\" class=\"required\">Telephone Number<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"message\" class=\"required\">How can we help you?<\/label>\r\n <textarea id=\"message\" name=\"message\" required><\/textarea>\r\n <div id=\"messageError\" class=\"error\">Please enter your message<\/div>\r\n <\/div>\r\n \r\n <button type=\"submit\">Submit<\/button>\r\n \r\n <\/div>\r\n\r\n <script>\r\n document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n let isValid = true;\r\n \r\n \/\/ Validate name\r\n const name = document.getElementById('name');\r\n if (!name.value.trim()) {\r\n document.getElementById('nameError').style.display = 'block';\r\n isValid = false;\r\n } else {\r\n document.getElementById('nameError').style.display = 'none';\r\n }\r\n \r\n \/\/ Validate email\r\n const email = document.getElementById('email');\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email.value)) {\r\n document.getElementById('emailError').style.display = 'block';\r\n isValid = false;\r\n } else {\r\n document.getElementById('emailError').style.display = 'none';\r\n }\r\n \r\n \/\/ Validate message\r\n const message = document.getElementById('message');\r\n if (!message.value.trim()) {\r\n document.getElementById('messageError').style.display = 'block';\r\n isValid = false;\r\n } else {\r\n document.getElementById('messageError').style.display = 'none';\r\n }\r\n \r\n if (isValid) {\r\n alert('Form submitted successfully!');\r\n this.reset();\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><noscript>Please enable JavaScript for this form to work.<\/noscript><\/div><\/form>\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":{"footnotes":""},"class_list":["post-2568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/pages\/2568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/merchant.place\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2568"}],"version-history":[{"count":3,"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/pages\/2568\/revisions"}],"predecessor-version":[{"id":2571,"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/pages\/2568\/revisions\/2571"}],"wp:attachment":[{"href":"https:\/\/merchant.place\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div>

\r\n\r\n\r\n \r\n \r\n Contact Form<\/title>\r\n <style>\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n margin: 0;\r\n padding: 20px;\r\n background-color: #f5f5f5;\r\n color: #333;\r\n }\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background: #fff;\r\n padding: 30px;\r\n border-radius: 8px;\r\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\r\n }\r\n h1 {\r\n text-align: center;\r\n color: #2c3e50;\r\n margin-bottom: 30px;\r\n }\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n label {\r\n display: block;\r\n margin-bottom: 5px;\r\n font-weight: 600;\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: 10px;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n }\r\n textarea {\r\n height: 120px;\r\n resize: vertical;\r\n }\r\n .required:after {\r\n content: \" *\";\r\n color: #e74c3c;\r\n }\r\n button {\r\n background: #3498db;\r\n color: white;\r\n border: none;\r\n padding: 12px 20px;\r\n font-size: 16px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n width: 100%;\r\n transition: background 0.3s;\r\n }\r\n button:hover {\r\n background: #2980b9;\r\n }\r\n .error {\r\n color: #e74c3c;\r\n font-size: 14px;\r\n margin-top: 5px;\r\n display: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1>Contact Form<\/h1>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"name\" class=\"required\">Name<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required>\r\n <div id=\"nameError\" class=\"error\">Please enter your name<\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\" class=\"required\">Email<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required>\r\n <div id=\"emailError\" class=\"error\">Please enter a valid email<\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"phone\" class=\"required\">Telephone Number<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"message\" class=\"required\">How can we help you?<\/label>\r\n <textarea id=\"message\" name=\"message\" required><\/textarea>\r\n <div id=\"messageError\" class=\"error\">Please enter your message<\/div>\r\n <\/div>\r\n \r\n <button type=\"submit\">Submit<\/button>\r\n \r\n <\/div>\r\n\r\n <script>\r\n document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n let isValid = true;\r\n \r\n \/\/ Validate name\r\n const name = document.getElementById('name');\r\n if (!name.value.trim()) {\r\n document.getElementById('nameError').style.display = 'block';\r\n isValid = false;\r\n } else {\r\n document.getElementById('nameError').style.display = 'none';\r\n }\r\n \r\n \/\/ Validate email\r\n const email = document.getElementById('email');\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email.value)) {\r\n document.getElementById('emailError').style.display = 'block';\r\n isValid = false;\r\n } else {\r\n document.getElementById('emailError').style.display = 'none';\r\n }\r\n \r\n \/\/ Validate message\r\n const message = document.getElementById('message');\r\n if (!message.value.trim()) {\r\n document.getElementById('messageError').style.display = 'block';\r\n isValid = false;\r\n } else {\r\n document.getElementById('messageError').style.display = 'none';\r\n }\r\n \r\n if (isValid) {\r\n alert('Form submitted successfully!');\r\n this.reset();\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><noscript>Please enable JavaScript for this form to work.<\/noscript><\/div><\/form>\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":{"footnotes":""},"class_list":["post-2568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/pages\/2568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/merchant.place\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2568"}],"version-history":[{"count":3,"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/pages\/2568\/revisions"}],"predecessor-version":[{"id":2571,"href":"https:\/\/merchant.place\/index.php?rest_route=\/wp\/v2\/pages\/2568\/revisions\/2571"}],"wp:attachment":[{"href":"https:\/\/merchant.place\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}