Contact Us Form – HyperOS Themes<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Custom styles for font and focus color matching the brand *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap');\n body {\n font-family: 'Inter', sans-serif;\n \/* Using a slightly darker, but still soft, background *\/\n background-color: #f0f3f6; \n }\n \/* Update focus color to match a bright, complementary blue *\/\n .form-input:focus {\n --tw-ring-color: #3b82f6; \n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen flex items-center justify-center p-4\">\n\n \n <div class=\"w-full max-w-lg bg-white shadow-2xl rounded-3xl p-6 sm:p-8 md:p-10 transform hover:shadow-3xl transition duration-300\">\n \n \n <div class=\"mb-6 flex justify-center\">\n <img decoding=\"async\" src=\"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-content\/uploads\/2025\/12\/hyperosthemez-header-transparent-1.webp\" \n alt=\"MIUI Themes Logo\" \n class=\"h-16 sm:h-20 w-auto object-contain\"\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/200x60\/F472B6\/ffffff?text=MIUI+THEMES';\">\n <\/div>\n\n <h1 class=\"text-3xl font-extrabold text-gray-900 mb-2 text-center\">Let’s Connect!<\/h1>\n <p class=\"text-gray-500 mb-8 text-center\">Have a request, suggestion, or feedback? Send us a message.<\/p>\n\n \n <div id=\"message-box\" class=\"hidden p-4 mb-6 rounded-xl text-sm font-medium\" role=\"alert\">\n \n <\/div>\n\n <form id=\"contactForm\" class=\"space-y-6\">\n \n \n <div>\n <label for=\"name\" class=\"block text-sm font-semibold text-gray-700 mb-1\">Full Name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required\n placeholder=\"e.g., Alex Johnson\"\n class=\"form-input w-full px-4 py-3 border-2 border-gray-200 rounded-xl shadow-inner focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200 ease-in-out\">\n <\/div>\n\n \n <div>\n <label for=\"email\" class=\"block text-sm font-semibold text-gray-700 mb-1\">Email Address<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required\n placeholder=\"you@example.com\"\n class=\"form-input w-full px-4 py-3 border-2 border-gray-200 rounded-xl shadow-inner focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200 ease-in-out\">\n <\/div>\n\n \n <div>\n <label for=\"subject\" class=\"block text-sm font-semibold text-gray-700 mb-1\">Subject<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" required\n placeholder=\"Regarding a theme submission...\"\n class=\"form-input w-full px-4 py-3 border-2 border-gray-200 rounded-xl shadow-inner focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200 ease-in-out\">\n <\/div>\n\n \n <div>\n <label for=\"message\" class=\"block text-sm font-semibold text-gray-700 mb-1\">Your Message<\/label>\n <textarea id=\"message\" name=\"message\" rows=\"5\" required\n placeholder=\"Type your detailed message here...\"\n class=\"form-input w-full px-4 py-3 border-2 border-gray-200 rounded-xl shadow-inner focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200 ease-in-out resize-y\"><\/textarea>\n <\/div>\n\n \n <div>\n <button type=\"submit\"\n class=\"w-full flex justify-center py-3 px-4 rounded-xl shadow-lg text-lg font-bold text-white \n bg-fuchsia-600 hover:bg-fuchsia-700 \n focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-fuchsia-500\/50 \n transform active:scale-98 transition duration-150 ease-in-out\">\n Submit Enquiry\n <\/button>\n <\/div>\n <\/form>\n\n <\/div>\n\n <script>\n const form = document.getElementById('contactForm');\n const msgBox = document.getElementById('message-box');\n \n \/\/ Utility function to set message style and content\n function showMessage(type, content) {\n msgBox.textContent = content;\n msgBox.classList.remove('hidden', 'bg-red-100', 'text-red-700', 'bg-green-100', 'text-green-700');\n \n if (type === 'success') {\n msgBox.classList.add('bg-green-100', 'text-green-700');\n } else if (type === 'error') {\n msgBox.classList.add('bg-red-100', 'text-red-700');\n }\n \n \/\/ Show message for 5 seconds\n msgBox.classList.remove('hidden');\n setTimeout(() => {\n msgBox.classList.add('hidden');\n }, 5000);\n }\n\n form.addEventListener('submit', function(event) {\n event.preventDefault();\n\n \/\/ Simple validation check\n const name = document.getElementById('name').value.trim();\n const email = document.getElementById('email').value.trim();\n const message = document.getElementById('message').value.trim();\n\n if (!name || !email || !message) {\n showMessage('error', '\u26a0\ufe0f All fields (Name, Email, Message) are required to submit this form.');\n return;\n }\n\n \/\/ --- Real-world submission logic would go here ---\n \/\/ In a real deployed app, you would use fetch() to send data to a server.\n \/\/ fetch('\/api\/contact', { method: 'POST', body: new FormData(form) })\n \/\/ .then(response => response.json())\n \/\/ .then(data => { \/* handle success or failure *\/ })\n \/\/ .catch(error => { \/* handle network error *\/ });\n\n\n \/\/ Simulation of successful submission for the frontend:\n console.log('Form data submitted:');\n console.log('Name:', name);\n console.log('Email:', email);\n console.log('Subject:', document.getElementById('subject').value.trim());\n console.log('Message:', message);\n\n showMessage('success', '\u2705 Success! Your message has been received. We will respond shortly.');\n \n \/\/ Clear the form fields after successful (simulated) submission\n form.reset();\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Android MI Themes Fingerprint Lock site offers a premium Fingerprint Theme for your Xiaomi MIUI and HyperOS. From the selection […]<\/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":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","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":"","ast-disable-related-posts":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":3,"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/pages\/15\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15,"date":"2025-12-03T10:34:58","date_gmt":"2025-12-03T10:34:58","guid":{"rendered":"https:\/\/androidmithemesfingerprintlock.com\/en\/?page_id=15"},"modified":"2025-12-03T10:34:59","modified_gmt":"2025-12-03T10:34:59","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/androidmithemesfingerprintlock.com\/en\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n

Android MI Themes Fingerprint Lock site offers a premium Fingerprint Theme for your Xiaomi MIUI and HyperOS. From the selection of premium and best HyperOS Themes here, you will find the best one to add Fingerprint and Charging Animation to your Phone. So, regarding these themes and the site, you can feel free to contact me by filling up the form below,<\/p>\n\n\n\n

<\/p>\n\n\n\n\n\n\n \n \n Contact Us Form – HyperOS Themes<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Custom styles for font and focus color matching the brand *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap');\n body {\n font-family: 'Inter', sans-serif;\n \/* Using a slightly darker, but still soft, background *\/\n background-color: #f0f3f6; \n }\n \/* Update focus color to match a bright, complementary blue *\/\n .form-input:focus {\n --tw-ring-color: #3b82f6; \n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen flex items-center justify-center p-4\">\n\n \n <div class=\"w-full max-w-lg bg-white shadow-2xl rounded-3xl p-6 sm:p-8 md:p-10 transform hover:shadow-3xl transition duration-300\">\n \n \n <div class=\"mb-6 flex justify-center\">\n <img decoding=\"async\" src=\"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-content\/uploads\/2025\/12\/hyperosthemez-header-transparent-1.webp\" \n alt=\"MIUI Themes Logo\" \n class=\"h-16 sm:h-20 w-auto object-contain\"\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/200x60\/F472B6\/ffffff?text=MIUI+THEMES';\">\n <\/div>\n\n <h1 class=\"text-3xl font-extrabold text-gray-900 mb-2 text-center\">Let’s Connect!<\/h1>\n <p class=\"text-gray-500 mb-8 text-center\">Have a request, suggestion, or feedback? Send us a message.<\/p>\n\n \n <div id=\"message-box\" class=\"hidden p-4 mb-6 rounded-xl text-sm font-medium\" role=\"alert\">\n \n <\/div>\n\n <form id=\"contactForm\" class=\"space-y-6\">\n \n \n <div>\n <label for=\"name\" class=\"block text-sm font-semibold text-gray-700 mb-1\">Full Name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required\n placeholder=\"e.g., Alex Johnson\"\n class=\"form-input w-full px-4 py-3 border-2 border-gray-200 rounded-xl shadow-inner focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200 ease-in-out\">\n <\/div>\n\n \n <div>\n <label for=\"email\" class=\"block text-sm font-semibold text-gray-700 mb-1\">Email Address<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required\n placeholder=\"you@example.com\"\n class=\"form-input w-full px-4 py-3 border-2 border-gray-200 rounded-xl shadow-inner focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200 ease-in-out\">\n <\/div>\n\n \n <div>\n <label for=\"subject\" class=\"block text-sm font-semibold text-gray-700 mb-1\">Subject<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" required\n placeholder=\"Regarding a theme submission...\"\n class=\"form-input w-full px-4 py-3 border-2 border-gray-200 rounded-xl shadow-inner focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200 ease-in-out\">\n <\/div>\n\n \n <div>\n <label for=\"message\" class=\"block text-sm font-semibold text-gray-700 mb-1\">Your Message<\/label>\n <textarea id=\"message\" name=\"message\" rows=\"5\" required\n placeholder=\"Type your detailed message here...\"\n class=\"form-input w-full px-4 py-3 border-2 border-gray-200 rounded-xl shadow-inner focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200 ease-in-out resize-y\"><\/textarea>\n <\/div>\n\n \n <div>\n <button type=\"submit\"\n class=\"w-full flex justify-center py-3 px-4 rounded-xl shadow-lg text-lg font-bold text-white \n bg-fuchsia-600 hover:bg-fuchsia-700 \n focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-fuchsia-500\/50 \n transform active:scale-98 transition duration-150 ease-in-out\">\n Submit Enquiry\n <\/button>\n <\/div>\n <\/form>\n\n <\/div>\n\n <script>\n const form = document.getElementById('contactForm');\n const msgBox = document.getElementById('message-box');\n \n \/\/ Utility function to set message style and content\n function showMessage(type, content) {\n msgBox.textContent = content;\n msgBox.classList.remove('hidden', 'bg-red-100', 'text-red-700', 'bg-green-100', 'text-green-700');\n \n if (type === 'success') {\n msgBox.classList.add('bg-green-100', 'text-green-700');\n } else if (type === 'error') {\n msgBox.classList.add('bg-red-100', 'text-red-700');\n }\n \n \/\/ Show message for 5 seconds\n msgBox.classList.remove('hidden');\n setTimeout(() => {\n msgBox.classList.add('hidden');\n }, 5000);\n }\n\n form.addEventListener('submit', function(event) {\n event.preventDefault();\n\n \/\/ Simple validation check\n const name = document.getElementById('name').value.trim();\n const email = document.getElementById('email').value.trim();\n const message = document.getElementById('message').value.trim();\n\n if (!name || !email || !message) {\n showMessage('error', '\u26a0\ufe0f All fields (Name, Email, Message) are required to submit this form.');\n return;\n }\n\n \/\/ --- Real-world submission logic would go here ---\n \/\/ In a real deployed app, you would use fetch() to send data to a server.\n \/\/ fetch('\/api\/contact', { method: 'POST', body: new FormData(form) })\n \/\/ .then(response => response.json())\n \/\/ .then(data => { \/* handle success or failure *\/ })\n \/\/ .catch(error => { \/* handle network error *\/ });\n\n\n \/\/ Simulation of successful submission for the frontend:\n console.log('Form data submitted:');\n console.log('Name:', name);\n console.log('Email:', email);\n console.log('Subject:', document.getElementById('subject').value.trim());\n console.log('Message:', message);\n\n showMessage('success', '\u2705 Success! Your message has been received. We will respond shortly.');\n \n \/\/ Clear the form fields after successful (simulated) submission\n form.reset();\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Android MI Themes Fingerprint Lock site offers a premium Fingerprint Theme for your Xiaomi MIUI and HyperOS. From the selection […]<\/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":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","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":"","ast-disable-related-posts":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":3,"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/pages\/15\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/androidmithemesfingerprintlock.com\/en\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}