Request Support - IFOMS<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n \/* Light gray background for the standalone page look *\/\n @apply bg-gray-50 text-gray-800 min-h-screen;\n }\n \/* Fade in animation for the success message *\/\n .fade-in {\n animation: fadeIn 0.5s ease-in-out;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section id=\"contact\" class=\"min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-xl w-full space-y-8 bg-white p-10 rounded-2xl shadow-xl\">\n <div class=\"text-center\">\n \n <div class=\"mx-auto bg-indigo-100 w-16 h-16 rounded-full flex items-center justify-center mb-4\">\n <i class=\"fas fa-life-ring text-indigo-600 text-3xl\"><\/i>\n <\/div>\n <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-indigo-600 pb-2 mb-4 inline-block\">Request Support<\/h2>\n <p class=\"text-lg text-gray-700\">\n We are here to help. Please fill out the form below to request assistance.\n <\/p>\n <\/div>\n\n \n <form id=\"supportForm\" class=\"space-y-6\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"relative\">\n <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\n <i class=\"fas fa-user text-gray-400\"><\/i>\n <\/div>\n <input type=\"text\" name=\"name\" required placeholder=\"Full Name\"\n style=\"padding-left: 3rem !important;\"\n class=\"w-full pl-12 p-4 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 shadow-sm\">\n <\/div>\n <div class=\"relative\">\n <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\n <i class=\"fas fa-envelope text-gray-400\"><\/i>\n <\/div>\n <input type=\"email\" name=\"email\" required placeholder=\"Email Address\"\n style=\"padding-left: 3rem !important;\"\n class=\"w-full pl-12 p-4 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 shadow-sm\">\n <\/div>\n <\/div>\n\n \n <textarea name=\"message\" rows=\"6\" required placeholder=\"How can we help you?\"\n class=\"w-full p-4 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 shadow-sm\"><\/textarea>\n \n \n <button type=\"submit\" id=\"submitBtn\"\n class=\"w-full px-8 py-4 text-xl text-white font-bold tracking-wider rounded-xl bg-indigo-600 hover:bg-indigo-800 transition duration-300 transform hover:scale-[1.01] shadow-xl flex items-center justify-center gap-2\">\n <i class=\"fas fa-paper-plane\"><\/i> Send Request\n <\/button>\n <p class=\"text-xs text-center text-gray-400 mt-2\">Requests are sent to <span class=\"font-mono text-indigo-500\">noreply@ifoms.org<\/span><\/p>\n <\/form>\n\n \n <div id=\"successMessage\" class=\"hidden text-center py-8 fade-in bg-green-50 rounded-xl border border-green-100 mt-6\">\n <div class=\"mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-4\">\n <i class=\"fas fa-check text-green-600 text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-medium text-gray-900\">Request Sent!<\/h3>\n <p class=\"text-sm text-gray-500 mt-2 mb-6 px-4\">Thank you. We have received your message and will be in touch shortly.<\/p>\n <button onclick=\"window.location.reload()\" class=\"text-indigo-600 hover:text-indigo-500 font-medium\">Send another request<\/button>\n <\/div>\n\n \n <div id=\"errorMessage\" class=\"hidden text-center py-4 text-red-600 bg-red-50 rounded-lg border border-red-100 mt-6\">\n Something went wrong. Please try again later.\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-gray-800 py-6\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-gray-400\">\n <p>© 2025 IFOMS. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n const form = document.getElementById('supportForm');\n const submitBtn = document.getElementById('submitBtn');\n const successMessage = document.getElementById('successMessage');\n const errorMessage = document.getElementById('errorMessage');\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ 1. Loading State\n const originalBtnText = submitBtn.innerHTML;\n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\n submitBtn.disabled = true;\n\n \/\/ 2. Prepare Data\n const formData = new FormData(form);\n \/\/ Append explicit subject line\n formData.append(\"_subject\", \"New Support Request\");\n formData.append(\"_captcha\", \"false\");\n\n \/\/ 3. Send to FormSubmit\n fetch(\"https:\/\/formsubmit.co\/ajax\/noreply@ifoms.org\", {\n method: \"POST\",\n headers: { \n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json'\n },\n body: JSON.stringify(Object.fromEntries(formData))\n })\n .then(response => response.json())\n .then(data => {\n form.style.display = 'none';\n successMessage.classList.remove('hidden');\n })\n .catch(error => {\n console.log(error);\n errorMessage.classList.remove('hidden');\n submitBtn.innerHTML = originalBtnText;\n submitBtn.disabled = false;\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Request Support – IFOMS Request Support We are here to help. Please fill out the form below to request assistance. Send Request Requests are sent to noreply@ifoms.org Request Sent! Thank you. We have received your message and will be in touch shortly. Send another request Something went wrong. Please try again later. © 2025 IFOMS….<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2669","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/comments?post=2669"}],"version-history":[{"count":7,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2669\/revisions"}],"predecessor-version":[{"id":2678,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2669\/revisions\/2678"}],"wp:attachment":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/media?parent=2669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Request Support - IFOMS<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n \/* Light gray background for the standalone page look *\/\n @apply bg-gray-50 text-gray-800 min-h-screen;\n }\n \/* Fade in animation for the success message *\/\n .fade-in {\n animation: fadeIn 0.5s ease-in-out;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section id=\"contact\" class=\"min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-xl w-full space-y-8 bg-white p-10 rounded-2xl shadow-xl\">\n <div class=\"text-center\">\n \n <div class=\"mx-auto bg-indigo-100 w-16 h-16 rounded-full flex items-center justify-center mb-4\">\n <i class=\"fas fa-life-ring text-indigo-600 text-3xl\"><\/i>\n <\/div>\n <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-indigo-600 pb-2 mb-4 inline-block\">Request Support<\/h2>\n <p class=\"text-lg text-gray-700\">\n We are here to help. Please fill out the form below to request assistance.\n <\/p>\n <\/div>\n\n \n <form id=\"supportForm\" class=\"space-y-6\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"relative\">\n <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\n <i class=\"fas fa-user text-gray-400\"><\/i>\n <\/div>\n <input type=\"text\" name=\"name\" required placeholder=\"Full Name\"\n style=\"padding-left: 3rem !important;\"\n class=\"w-full pl-12 p-4 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 shadow-sm\">\n <\/div>\n <div class=\"relative\">\n <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\n <i class=\"fas fa-envelope text-gray-400\"><\/i>\n <\/div>\n <input type=\"email\" name=\"email\" required placeholder=\"Email Address\"\n style=\"padding-left: 3rem !important;\"\n class=\"w-full pl-12 p-4 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 shadow-sm\">\n <\/div>\n <\/div>\n\n \n <textarea name=\"message\" rows=\"6\" required placeholder=\"How can we help you?\"\n class=\"w-full p-4 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 shadow-sm\"><\/textarea>\n \n \n <button type=\"submit\" id=\"submitBtn\"\n class=\"w-full px-8 py-4 text-xl text-white font-bold tracking-wider rounded-xl bg-indigo-600 hover:bg-indigo-800 transition duration-300 transform hover:scale-[1.01] shadow-xl flex items-center justify-center gap-2\">\n <i class=\"fas fa-paper-plane\"><\/i> Send Request\n <\/button>\n <p class=\"text-xs text-center text-gray-400 mt-2\">Requests are sent to <span class=\"font-mono text-indigo-500\">noreply@ifoms.org<\/span><\/p>\n <\/form>\n\n \n <div id=\"successMessage\" class=\"hidden text-center py-8 fade-in bg-green-50 rounded-xl border border-green-100 mt-6\">\n <div class=\"mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-4\">\n <i class=\"fas fa-check text-green-600 text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-medium text-gray-900\">Request Sent!<\/h3>\n <p class=\"text-sm text-gray-500 mt-2 mb-6 px-4\">Thank you. We have received your message and will be in touch shortly.<\/p>\n <button onclick=\"window.location.reload()\" class=\"text-indigo-600 hover:text-indigo-500 font-medium\">Send another request<\/button>\n <\/div>\n\n \n <div id=\"errorMessage\" class=\"hidden text-center py-4 text-red-600 bg-red-50 rounded-lg border border-red-100 mt-6\">\n Something went wrong. Please try again later.\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-gray-800 py-6\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-gray-400\">\n <p>© 2025 IFOMS. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n const form = document.getElementById('supportForm');\n const submitBtn = document.getElementById('submitBtn');\n const successMessage = document.getElementById('successMessage');\n const errorMessage = document.getElementById('errorMessage');\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ 1. Loading State\n const originalBtnText = submitBtn.innerHTML;\n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\n submitBtn.disabled = true;\n\n \/\/ 2. Prepare Data\n const formData = new FormData(form);\n \/\/ Append explicit subject line\n formData.append(\"_subject\", \"New Support Request\");\n formData.append(\"_captcha\", \"false\");\n\n \/\/ 3. Send to FormSubmit\n fetch(\"https:\/\/formsubmit.co\/ajax\/noreply@ifoms.org\", {\n method: \"POST\",\n headers: { \n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json'\n },\n body: JSON.stringify(Object.fromEntries(formData))\n })\n .then(response => response.json())\n .then(data => {\n form.style.display = 'none';\n successMessage.classList.remove('hidden');\n })\n .catch(error => {\n console.log(error);\n errorMessage.classList.remove('hidden');\n submitBtn.innerHTML = originalBtnText;\n submitBtn.disabled = false;\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Request Support – IFOMS Request Support We are here to help. Please fill out the form below to request assistance. Send Request Requests are sent to noreply@ifoms.org Request Sent! Thank you. We have received your message and will be in touch shortly. Send another request Something went wrong. Please try again later. © 2025 IFOMS….<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2669","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/comments?post=2669"}],"version-history":[{"count":7,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2669\/revisions"}],"predecessor-version":[{"id":2678,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2669\/revisions\/2678"}],"wp:attachment":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/media?parent=2669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}