Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"10eb34e6-46bf-d8d1-0fea-0a465823bc36","type":"Block","tag":"div","classes":["53b06078-a634-853b-5caa-d614e6f2989b"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad3b","dd80fa1f-25c7-21b3-02a8-afad2927a7db"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad3b","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64ed"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad40","a83bd2f9-b8c4-8447-bad8-e7283551ad74","05f80425-2d38-6910-c2e5-bd5829b513a7"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad40","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d6"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad41","a83bd2f9-b8c4-8447-bad8-e7283551ad6f"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad41","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d3"],"children":["e66dbcbc-6f01-6e98-7f1b-c15b9f254a66","a83bd2f9-b8c4-8447-bad8-e7283551ad42","a83bd2f9-b8c4-8447-bad8-e7283551ad46"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e66dbcbc-6f01-6e98-7f1b-c15b9f254a66","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64dd"],"children":["0913d6f8-6273-6abe-501e-be44f293483a"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0913d6f8-6273-6abe-501e-be44f293483a","type":"Block","tag":"div","classes":["ec368fbe-3bb0-1a69-c1f0-c1070692e2bc"],"children":["59b8c8cd-b045-5481-4ece-34428bcb8d6c"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"59b8c8cd-b045-5481-4ece-34428bcb8d6c","type":"HtmlEmbed","tag":"div","classes":["85ab7982-25be-3f8b-d4fa-84b4706ba8d3"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" viewBox=\"0 0 24 24\" width=\"100px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19.58 3.08L3.15 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L21 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.95 3l-8.88 8.88v2.83L14.78 3h-2.83zM5.07 3c-1.1 0-2 .9-2 2v2l4-4h-2zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83l8.88-8.88V9.29L9.36 21z\"/></svg>","data":{"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" viewBox=\"0 0 24 24\" width=\"100px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19.58 3.08L3.15 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L21 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.95 3l-8.88 8.88v2.83L14.78 3h-2.83zM5.07 3c-1.1 0-2 .9-2 2v2l4-4h-2zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83l8.88-8.88V9.29L9.36 21z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad42","type":"Heading","tag":"h1","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e4"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad43"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad43","text":true,"v":"Create an account"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad46","type":"FormWrapper","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad47","a83bd2f9-b8c4-8447-bad8-e7283551ad69","a83bd2f9-b8c4-8447-bad8-e7283551ad6c"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad47","type":"FormForm","tag":"form","classes":[],"children":["68a81a6c-b580-bb07-4266-bf2def42ac09","87af8f07-230b-b6e7-d4fa-0e9a20e54770","a83bd2f9-b8c4-8447-bad8-e7283551ad5d","a83bd2f9-b8c4-8447-bad8-e7283551ad59","a83bd2f9-b8c4-8447-bad8-e7283551ad68","696cf2cb-cc5b-127f-79a7-e8a225037ad5","0fe1a83c-54c0-ea31-ce31-de3387ea2815"],"data":{"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"68a81a6c-b580-bb07-4266-bf2def42ac09","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64ea"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad57"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad57","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9"],"children":[],"data":{"form":{"name":"Emal","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Emal","data-name":"Emal","placeholder":"Enter your email address","type":"email","id":"Emal","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"87af8f07-230b-b6e7-d4fa-0e9a20e54770","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9","0e7c8d8a-fccd-c779-b210-b47937969f1f"],"children":[],"data":{"form":{"name":"password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"password","placeholder":"Password","type":"password","id":"password","disabled":false,"required":true},"xattr":[{"name":"data-password","value":"true"},{"name":"minlength","value":"8"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad5d","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e7"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad5e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad5e","text":true,"v":"Must be at least 8 characters"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad59","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64ea","985bba9f-fdcc-8087-c52f-a73aa83e64ee"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad5c","31018dc1-f3ad-e281-2e65-1e9c46c46aa3","a6189b77-d5b8-d420-16c3-d03fd7726657"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad5c","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9"],"children":[],"data":{"form":{"name":"confirm password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"confirm-password","data-name":"confirm password","placeholder":"Confirm Password","type":"password","id":"confirm-password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"31018dc1-f3ad-e281-2e65-1e9c46c46aa3","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e7","9f911d35-987c-d53c-b178-645c7018629d"],"children":["31018dc1-f3ad-e281-2e65-1e9c46c46aa4"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"31018dc1-f3ad-e281-2e65-1e9c46c46aa4","text":true,"v":"Passwords must match"},{"_id":"a6189b77-d5b8-d420-16c3-d03fd7726657","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e7","e9cc240f-3077-7573-1400-ca06185131e8"],"children":["a6189b77-d5b8-d420-16c3-d03fd7726658"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a6189b77-d5b8-d420-16c3-d03fd7726658","text":true,"v":"Passwords match 🎉"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad68","type":"FormButton","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e2"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Create my account","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"696cf2cb-cc5b-127f-79a7-e8a225037ad5","type":"HtmlEmbed","tag":"div","classes":["4812729d-433b-5d55-1def-14bfd4c30bcb"],"children":[],"v":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n/*If the password field is valid, show the confrim password field*/\n.trigger:valid ~ .hidden{\n height: 85px;\n}\n/*If confirm password is invalid, then show the error message*/\n.input.invalid ~ .error {\n\theight: 20px;\n}\n.input.valid ~ .success {\n/*If confirm password is valid, then show the success message*/\n\theight: 20px;\n}\n</style>","data":{"embed":{"type":"html","meta":{"html":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n/*If the password field is valid, show the confrim password field*/\n.trigger:valid ~ .hidden{\n height: 85px;\n}\n/*If confirm password is invalid, then show the error message*/\n.input.invalid ~ .error {\n\theight: 20px;\n}\n.input.valid ~ .success {\n/*If confirm password is valid, then show the success message*/\n\theight: 20px;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"0fe1a83c-54c0-ea31-ce31-de3387ea2815","type":"HtmlEmbed","tag":"div","classes":["dd043763-8c87-de5b-383d-5d159453494a"],"children":[],"v":"<!--hide confirm password field-->\n<style> \n.hidden, .error, .success{\n height: 0px;\n}\n</style>\n\n<!--prevent css from running in the designer-->\n<script></script>","data":{"embed":{"type":"html","meta":{"html":"<!--hide confirm password field-->\n<style> \n.hidden, .error, .success{\n height: 0px;\n}\n</style>\n\n<!--prevent css from running in the designer-->\n<script></script>","div":false,"iframe":false,"script":true,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad69","type":"FormSuccessMessage","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad6a"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6a","type":"Block","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad6b"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6b","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6c","type":"FormErrorMessage","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad6d"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6d","type":"Block","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad6e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6e","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6f","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e3"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad70"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad70","type":"Block","tag":"div","classes":["dadd40f5-b41d-1399-6c97-44d1e1a2dd79"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad71","a83bd2f9-b8c4-8447-bad8-e7283551ad72"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad71","text":true,"v":"Already have an account? "},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad72","type":"Link","tag":"a","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e8"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad73"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"login"}],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad73","text":true,"v":"Log in"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad74","type":"Section","tag":"footer","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64dc"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad76"],"data":{"tag":"footer","grid":{"type":"section"},"attr":{"id":"footer"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad76","type":"Block","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad77"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad77","type":"Block","tag":"div","classes":["dadd40f5-b41d-1399-6c97-44d1e1a2dd79"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad78","99f3f4e7-5718-e2ae-0467-d76cd017f12a","db8e94a7-0106-afe4-2659-1032edd8f1a8","ee3667d1-bbf2-b0da-d558-eae382c1cd83","cd111ae0-9f1a-88d1-1f63-08fae5d97f3c","577b1f1d-6e29-8b2c-d183-95dbc116982f"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad78","text":true,"v":"You acknowledge that you read, and agree to our "},{"_id":"99f3f4e7-5718-e2ae-0467-d76cd017f12a","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"db8e94a7-0106-afe4-2659-1032edd8f1a8","type":"Link","tag":"a","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e8"],"children":["88ad12fd-4417-761f-44f2-dec3be7a4bb2"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"88ad12fd-4417-761f-44f2-dec3be7a4bb2","text":true,"v":"Terms of Service"},{"_id":"ee3667d1-bbf2-b0da-d558-eae382c1cd83","text":true,"v":" and our "},{"_id":"cd111ae0-9f1a-88d1-1f63-08fae5d97f3c","type":"Link","tag":"a","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e8"],"children":["e2d042e7-2c65-5a28-9358-48d11e50c528"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"e2d042e7-2c65-5a28-9358-48d11e50c528","text":true,"v":"Privacy Policy"},{"_id":"577b1f1d-6e29-8b2c-d183-95dbc116982f","text":true,"v":"."},{"_id":"05f80425-2d38-6910-c2e5-bd5829b513a7","type":"HtmlEmbed","tag":"div","classes":["868abb1f-032f-34e0-8f96-03c8d902f7b7"],"children":[],"v":"<!--Change -->\n<script>\nvar password = document.querySelector('[data-password=true]')\n , confirm_password = document.querySelector('[data-ms-member=password]')\n\nfunction validatePassword(){\n if(password.value != confirm_password.value) {\n \t\tconfirm_password.setCustomValidity(\"Passwords Don't Match\");\n confirm_password.classList.add(\"invalid\")\n confirm_password.classList.remove(\"valid\")\n } else {\n \t\tconfirm_password.setCustomValidity('');\n confirm_password.classList.remove(\"invalid\")\n confirm_password.classList.add(\"valid\")\n\n }\n}\n\npassword.onchange = validatePassword;\nconfirm_password.onkeyup = validatePassword;\n</script>","data":{"embed":{"type":"html","meta":{"html":"<!--Change -->\n<script>\nvar password = document.querySelector('[data-password=true]')\n , confirm_password = document.querySelector('[data-ms-member=password]')\n\nfunction validatePassword(){\n if(password.value != confirm_password.value) {\n \t\tconfirm_password.setCustomValidity(\"Passwords Don't Match\");\n confirm_password.classList.add(\"invalid\")\n confirm_password.classList.remove(\"valid\")\n } else {\n \t\tconfirm_password.setCustomValidity('');\n confirm_password.classList.remove(\"invalid\")\n confirm_password.classList.add(\"valid\")\n\n }\n}\n\npassword.onchange = validatePassword;\nconfirm_password.onkeyup = validatePassword;\n</script>","div":false,"iframe":false,"script":true,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7db","type":"FormWrapper","tag":"div","classes":["4d17cd58-fb9a-62ce-a452-5b3176ded3f7"],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7dc","dd80fa1f-25c7-21b3-02a8-afad2927a7e4","dd80fa1f-25c7-21b3-02a8-afad2927a7e7"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7dc","type":"FormForm","tag":"form","classes":[],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7df","dd80fa1f-25c7-21b3-02a8-afad2927a7e2"],"data":{"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"form":{"type":"form","name":"Email Form"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7df","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9","270f9434-38b6-8f6f-d8cc-5f3ecbb376b5"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e2","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9","981015d1-050e-6b0d-65b3-cd819188aec7"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"Email","placeholder":"","type":"email","id":"email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e4","type":"FormSuccessMessage","tag":"div","classes":["9899bd66-d956-1d5d-870d-a1935fdc883c"],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7e5"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e5","type":"Block","tag":"div","classes":[],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7e6"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e6","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e7","type":"FormErrorMessage","tag":"div","classes":["9899bd66-d956-1d5d-870d-a1935fdc883c"],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7e8"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e8","type":"Block","tag":"div","classes":[],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7e9"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e9","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"ec368fbe-3bb0-1a69-c1f0-c1070692e2bc","fake":false,"type":"class","name":"fake-logo-center","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 100%; height: 100%; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 4px; border-top-color: white; border-right-style: solid; border-right-width: 4px; border-right-color: white; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: white; border-left-style: solid; border-left-width: 4px; border-left-color: white; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: white; font-size: 20px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e8","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 400;","variants":{"main_hover":{"styleLess":"color: #d7d8db; text-decoration: underline;"}},"children":["985bba9f-fdcc-8087-c52f-a73aa83e64ef"],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64dd","fake":false,"type":"class","name":"fake-logo","namespace":"","comb":"","styleLess":"width: 72px; height: 72px; margin-right: auto; margin-left: auto; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); background-image: linear-gradient(6deg, hsla(233.09734513274336, 43.59%, 36.68%, 1.00), hsla(232.10526315789474, 71.46%, 57.95%, 1.00)); color: hsla(233.09734513274336, 43.59%, 36.68%, 1.00); font-size: 20px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e3","fake":false,"type":"class","name":"flex-row-center","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e2","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 48px; margin-top: 14px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: #3c3f44; border-right-style: solid; border-right-width: 1px; border-right-color: #3c3f44; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3c3f44; border-left-style: solid; border-left-width: 1px; border-left-color: #3c3f44; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(227.99999999999994, 4.95%, 19.80%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: #d7d8db; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(217.5, 13.84%, 0.00%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["985bba9f-fdcc-8087-c52f-a73aa83e64f0","13b22d5e-58c7-62f7-8447-f3864789a318"],"selector":null},{"_id":"4d17cd58-fb9a-62ce-a452-5b3176ded3f7","fake":false,"type":"class","name":"INPUT STYLING","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null},{"_id":"9899bd66-d956-1d5d-870d-a1935fdc883c","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64d6","fake":false,"type":"class","name":"flex-stack-center","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"85ab7982-25be-3f8b-d4fa-84b4706ba8d3","fake":false,"type":"class","name":"logo-svg","namespace":"","comb":"","styleLess":"display: flex; width: 131%; margin-top: -29px; margin-bottom: -29px; justify-content: center; align-items: center; color: hsla(233.125, 42.86%, 43.92%, 1.00);","variants":{"medium":{"styleLess":"align-self: center;"}},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64dc","fake":false,"type":"class","name":"footer","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 10vh; padding-bottom: 10vh; align-items: flex-start; font-size: 13px; text-align: center;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px; text-align: left;"},"medium":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px;"}},"children":[],"selector":null},{"_id":"981015d1-050e-6b0d-65b3-cd819188aec7","fake":false,"type":"class","name":"valid","namespace":"","comb":"&","styleLess":"border-top-color: hsla(169, 100.00%, 29.67%, 1.00); border-right-color: hsla(169, 100.00%, 29.67%, 1.00); border-bottom-color: hsla(169, 100.00%, 29.67%, 1.00); border-left-color: hsla(169, 100.00%, 29.67%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"9f911d35-987c-d53c-b178-645c7018629d","fake":false,"type":"class","name":"error","namespace":"","comb":"&","styleLess":"color: hsla(0, 100.00%, 71.88%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"53b06078-a634-853b-5caa-d614e6f2989b","fake":false,"type":"class","name":"COPY ME","namespace":"","comb":"","styleLess":"background-color: hsla(240, 4.48%, 13.14%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"4812729d-433b-5d55-1def-14bfd4c30bcb","fake":false,"type":"class","name":"hide-on-load","namespace":"","comb":"","styleLess":"margin-top: 10px;","variants":{},"children":[],"selector":null},{"_id":"dadd40f5-b41d-1399-6c97-44d1e1a2dd79","fake":false,"type":"class","name":"grey-text","namespace":"","comb":"","styleLess":"color: #8a8f98;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64d9","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 42px; min-height: 42px; margin-top: 10px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: #3c3f44; border-right-style: solid; border-right-width: 1px; border-right-color: #3c3f44; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3c3f44; border-left-style: solid; border-left-width: 1px; border-left-color: #3c3f44; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: transparent; transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 54.00%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-right-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-bottom-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-left-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00);"}},"children":["985bba9f-fdcc-8087-c52f-a73aa83e64f2","0e7c8d8a-fccd-c779-b210-b47937969f1f","270f9434-38b6-8f6f-d8cc-5f3ecbb376b5","981015d1-050e-6b0d-65b3-cd819188aec7"],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64ee","fake":false,"type":"class","name":"hidden","namespace":"","comb":"&","styleLess":"overflow: hidden; transition-property: height; transition-duration: 200ms; transition-timing-function: ease;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e7","fake":false,"type":"class","name":"input-description","namespace":"","comb":"","styleLess":"overflow: hidden; margin-top: 3px; padding-left: 12px; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; font-size: 12px; font-weight: 300; text-align: left; letter-spacing: 0.5px;","variants":{},"children":["9f911d35-987c-d53c-b178-645c7018629d","e9cc240f-3077-7573-1400-ca06185131e8"],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e4","fake":false,"type":"class","name":"form-header","namespace":"","comb":"","styleLess":"margin-top: 26px; margin-bottom: 26px; font-size: 21px; line-height: 28px; font-weight: 400;","variants":{},"children":[],"selector":null},{"_id":"868abb1f-032f-34e0-8f96-03c8d902f7b7","fake":false,"type":"class","name":"🌟 Javascript","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64ea","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; flex-direction: column;","variants":{},"children":["985bba9f-fdcc-8087-c52f-a73aa83e64ee","7564319e-19b1-8651-3cae-bc035100effc"],"selector":null},{"_id":"0e7c8d8a-fccd-c779-b210-b47937969f1f","fake":false,"type":"class","name":"trigger","namespace":"","comb":"&","styleLess":"","variants":{},"children":["3764b506-8b30-4e30-b6a4-d3e380e010b8"],"selector":null},{"_id":"270f9434-38b6-8f6f-d8cc-5f3ecbb376b5","fake":false,"type":"class","name":"invalid","namespace":"","comb":"&","styleLess":"border-top-color: hsla(0, 90.70%, 57.00%, 1.00); border-right-color: hsla(0, 90.70%, 57.00%, 1.00); border-bottom-color: hsla(0, 90.70%, 57.00%, 1.00); border-left-color: hsla(0, 90.70%, 57.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"e9cc240f-3077-7573-1400-ca06185131e8","fake":false,"type":"class","name":"success","namespace":"","comb":"&","styleLess":"color: hsla(169, 100.00%, 36.67%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"dd043763-8c87-de5b-383d-5d159453494a","fake":false,"type":"class","name":"🌟 Hide Form Validation","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64d3","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; width: 100%; max-width: 360px; margin-bottom: 20px; flex-direction: column; justify-content: flex-end; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64ed","fake":false,"type":"class","name":"short-page-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; width: 100%; min-height: 100vh; min-width: 50%; padding-top: 15vh; flex-direction: column; justify-content: space-between; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 1.00); background-image: linear-gradient(to bottom, #2e3136, #202023); color: #d7d8db; text-align: center;","variants":{"small":{"styleLess":"flex-direction: column;"},"medium":{"styleLess":"height: auto; flex-direction: column;"}},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"10eb34e6-46bf-d8d1-0fea-0a465823bc36","type":"Block","tag":"div","classes":["53b06078-a634-853b-5caa-d614e6f2989b"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad3b","dd80fa1f-25c7-21b3-02a8-afad2927a7db"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad3b","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64ed"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad40","a83bd2f9-b8c4-8447-bad8-e7283551ad74","05f80425-2d38-6910-c2e5-bd5829b513a7"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad40","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d6"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad41","a83bd2f9-b8c4-8447-bad8-e7283551ad6f"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad41","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d3"],"children":["e66dbcbc-6f01-6e98-7f1b-c15b9f254a66","a83bd2f9-b8c4-8447-bad8-e7283551ad42","a83bd2f9-b8c4-8447-bad8-e7283551ad46"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e66dbcbc-6f01-6e98-7f1b-c15b9f254a66","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64dd"],"children":["0913d6f8-6273-6abe-501e-be44f293483a"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0913d6f8-6273-6abe-501e-be44f293483a","type":"Block","tag":"div","classes":["ec368fbe-3bb0-1a69-c1f0-c1070692e2bc"],"children":["59b8c8cd-b045-5481-4ece-34428bcb8d6c"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"59b8c8cd-b045-5481-4ece-34428bcb8d6c","type":"HtmlEmbed","tag":"div","classes":["85ab7982-25be-3f8b-d4fa-84b4706ba8d3"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" viewBox=\"0 0 24 24\" width=\"100px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19.58 3.08L3.15 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L21 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.95 3l-8.88 8.88v2.83L14.78 3h-2.83zM5.07 3c-1.1 0-2 .9-2 2v2l4-4h-2zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83l8.88-8.88V9.29L9.36 21z\"/></svg>","data":{"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" viewBox=\"0 0 24 24\" width=\"100px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19.58 3.08L3.15 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L21 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.95 3l-8.88 8.88v2.83L14.78 3h-2.83zM5.07 3c-1.1 0-2 .9-2 2v2l4-4h-2zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83l8.88-8.88V9.29L9.36 21z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad42","type":"Heading","tag":"h1","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e4"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad43"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad43","text":true,"v":"Create an account"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad46","type":"FormWrapper","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad47","a83bd2f9-b8c4-8447-bad8-e7283551ad69","a83bd2f9-b8c4-8447-bad8-e7283551ad6c"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad47","type":"FormForm","tag":"form","classes":[],"children":["68a81a6c-b580-bb07-4266-bf2def42ac09","87af8f07-230b-b6e7-d4fa-0e9a20e54770","a83bd2f9-b8c4-8447-bad8-e7283551ad5d","a83bd2f9-b8c4-8447-bad8-e7283551ad59","a83bd2f9-b8c4-8447-bad8-e7283551ad68","696cf2cb-cc5b-127f-79a7-e8a225037ad5","0fe1a83c-54c0-ea31-ce31-de3387ea2815"],"data":{"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"68a81a6c-b580-bb07-4266-bf2def42ac09","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64ea"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad57"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad57","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9"],"children":[],"data":{"form":{"name":"Emal","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Emal","data-name":"Emal","placeholder":"Enter your email address","type":"email","id":"Emal","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"87af8f07-230b-b6e7-d4fa-0e9a20e54770","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9","0e7c8d8a-fccd-c779-b210-b47937969f1f"],"children":[],"data":{"form":{"name":"password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"password","placeholder":"Password","type":"password","id":"password","disabled":false,"required":true},"xattr":[{"name":"data-password","value":"true"},{"name":"minlength","value":"8"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad5d","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e7"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad5e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad5e","text":true,"v":"Must be at least 8 characters"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad59","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64ea","985bba9f-fdcc-8087-c52f-a73aa83e64ee"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad5c","31018dc1-f3ad-e281-2e65-1e9c46c46aa3","a6189b77-d5b8-d420-16c3-d03fd7726657"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad5c","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9"],"children":[],"data":{"form":{"name":"confirm password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"confirm-password","data-name":"confirm password","placeholder":"Confirm Password","type":"password","id":"confirm-password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"31018dc1-f3ad-e281-2e65-1e9c46c46aa3","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e7","9f911d35-987c-d53c-b178-645c7018629d"],"children":["31018dc1-f3ad-e281-2e65-1e9c46c46aa4"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"31018dc1-f3ad-e281-2e65-1e9c46c46aa4","text":true,"v":"Passwords must match"},{"_id":"a6189b77-d5b8-d420-16c3-d03fd7726657","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e7","e9cc240f-3077-7573-1400-ca06185131e8"],"children":["a6189b77-d5b8-d420-16c3-d03fd7726658"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a6189b77-d5b8-d420-16c3-d03fd7726658","text":true,"v":"Passwords match 🎉"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad68","type":"FormButton","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e2"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Create my account","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"696cf2cb-cc5b-127f-79a7-e8a225037ad5","type":"HtmlEmbed","tag":"div","classes":["4812729d-433b-5d55-1def-14bfd4c30bcb"],"children":[],"v":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n/*If the password field is valid, show the confrim password field*/\n.trigger:valid ~ .hidden{\n height: 85px;\n}\n/*If confirm password is invalid, then show the error message*/\n.input.invalid ~ .error {\n\theight: 20px;\n}\n.input.valid ~ .success {\n/*If confirm password is valid, then show the success message*/\n\theight: 20px;\n}\n</style>","data":{"embed":{"type":"html","meta":{"html":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n/*If the password field is valid, show the confrim password field*/\n.trigger:valid ~ .hidden{\n height: 85px;\n}\n/*If confirm password is invalid, then show the error message*/\n.input.invalid ~ .error {\n\theight: 20px;\n}\n.input.valid ~ .success {\n/*If confirm password is valid, then show the success message*/\n\theight: 20px;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"0fe1a83c-54c0-ea31-ce31-de3387ea2815","type":"HtmlEmbed","tag":"div","classes":["dd043763-8c87-de5b-383d-5d159453494a"],"children":[],"v":"<!--hide confirm password field-->\n<style> \n.hidden, .error, .success{\n height: 0px;\n}\n</style>\n\n<!--prevent css from running in the designer-->\n<script></script>","data":{"embed":{"type":"html","meta":{"html":"<!--hide confirm password field-->\n<style> \n.hidden, .error, .success{\n height: 0px;\n}\n</style>\n\n<!--prevent css from running in the designer-->\n<script></script>","div":false,"iframe":false,"script":true,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad69","type":"FormSuccessMessage","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad6a"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6a","type":"Block","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad6b"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6b","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6c","type":"FormErrorMessage","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad6d"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6d","type":"Block","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad6e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6e","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad6f","type":"Block","tag":"div","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e3"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad70"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad70","type":"Block","tag":"div","classes":["dadd40f5-b41d-1399-6c97-44d1e1a2dd79"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad71","a83bd2f9-b8c4-8447-bad8-e7283551ad72"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad71","text":true,"v":"Already have an account? "},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad72","type":"Link","tag":"a","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e8"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad73"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"login"}],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad73","text":true,"v":"Log in"},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad74","type":"Section","tag":"footer","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64dc"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad76"],"data":{"tag":"footer","grid":{"type":"section"},"attr":{"id":"footer"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad76","type":"Block","tag":"div","classes":[],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad77"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad77","type":"Block","tag":"div","classes":["dadd40f5-b41d-1399-6c97-44d1e1a2dd79"],"children":["a83bd2f9-b8c4-8447-bad8-e7283551ad78","99f3f4e7-5718-e2ae-0467-d76cd017f12a","db8e94a7-0106-afe4-2659-1032edd8f1a8","ee3667d1-bbf2-b0da-d558-eae382c1cd83","cd111ae0-9f1a-88d1-1f63-08fae5d97f3c","577b1f1d-6e29-8b2c-d183-95dbc116982f"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a83bd2f9-b8c4-8447-bad8-e7283551ad78","text":true,"v":"You acknowledge that you read, and agree to our "},{"_id":"99f3f4e7-5718-e2ae-0467-d76cd017f12a","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"db8e94a7-0106-afe4-2659-1032edd8f1a8","type":"Link","tag":"a","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e8"],"children":["88ad12fd-4417-761f-44f2-dec3be7a4bb2"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"88ad12fd-4417-761f-44f2-dec3be7a4bb2","text":true,"v":"Terms of Service"},{"_id":"ee3667d1-bbf2-b0da-d558-eae382c1cd83","text":true,"v":" and our "},{"_id":"cd111ae0-9f1a-88d1-1f63-08fae5d97f3c","type":"Link","tag":"a","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64e8"],"children":["e2d042e7-2c65-5a28-9358-48d11e50c528"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"e2d042e7-2c65-5a28-9358-48d11e50c528","text":true,"v":"Privacy Policy"},{"_id":"577b1f1d-6e29-8b2c-d183-95dbc116982f","text":true,"v":"."},{"_id":"05f80425-2d38-6910-c2e5-bd5829b513a7","type":"HtmlEmbed","tag":"div","classes":["868abb1f-032f-34e0-8f96-03c8d902f7b7"],"children":[],"v":"<!--Change -->\n<script>\nvar password = document.querySelector('[data-password=true]')\n , confirm_password = document.querySelector('[data-ms-member=password]')\n\nfunction validatePassword(){\n if(password.value != confirm_password.value) {\n \t\tconfirm_password.setCustomValidity(\"Passwords Don't Match\");\n confirm_password.classList.add(\"invalid\")\n confirm_password.classList.remove(\"valid\")\n } else {\n \t\tconfirm_password.setCustomValidity('');\n confirm_password.classList.remove(\"invalid\")\n confirm_password.classList.add(\"valid\")\n\n }\n}\n\npassword.onchange = validatePassword;\nconfirm_password.onkeyup = validatePassword;\n</script>","data":{"embed":{"type":"html","meta":{"html":"<!--Change -->\n<script>\nvar password = document.querySelector('[data-password=true]')\n , confirm_password = document.querySelector('[data-ms-member=password]')\n\nfunction validatePassword(){\n if(password.value != confirm_password.value) {\n \t\tconfirm_password.setCustomValidity(\"Passwords Don't Match\");\n confirm_password.classList.add(\"invalid\")\n confirm_password.classList.remove(\"valid\")\n } else {\n \t\tconfirm_password.setCustomValidity('');\n confirm_password.classList.remove(\"invalid\")\n confirm_password.classList.add(\"valid\")\n\n }\n}\n\npassword.onchange = validatePassword;\nconfirm_password.onkeyup = validatePassword;\n</script>","div":false,"iframe":false,"script":true,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7db","type":"FormWrapper","tag":"div","classes":["4d17cd58-fb9a-62ce-a452-5b3176ded3f7"],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7dc","dd80fa1f-25c7-21b3-02a8-afad2927a7e4","dd80fa1f-25c7-21b3-02a8-afad2927a7e7"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7dc","type":"FormForm","tag":"form","classes":[],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7df","dd80fa1f-25c7-21b3-02a8-afad2927a7e2"],"data":{"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"form":{"type":"form","name":"Email Form"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7df","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9","270f9434-38b6-8f6f-d8cc-5f3ecbb376b5"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e2","type":"FormTextInput","tag":"input","classes":["985bba9f-fdcc-8087-c52f-a73aa83e64d9","981015d1-050e-6b0d-65b3-cd819188aec7"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"Email","placeholder":"","type":"email","id":"email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e4","type":"FormSuccessMessage","tag":"div","classes":["9899bd66-d956-1d5d-870d-a1935fdc883c"],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7e5"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e5","type":"Block","tag":"div","classes":[],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7e6"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e6","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e7","type":"FormErrorMessage","tag":"div","classes":["9899bd66-d956-1d5d-870d-a1935fdc883c"],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7e8"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e8","type":"Block","tag":"div","classes":[],"children":["dd80fa1f-25c7-21b3-02a8-afad2927a7e9"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd80fa1f-25c7-21b3-02a8-afad2927a7e9","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"ec368fbe-3bb0-1a69-c1f0-c1070692e2bc","fake":false,"type":"class","name":"fake-logo-center","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 100%; height: 100%; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 4px; border-top-color: white; border-right-style: solid; border-right-width: 4px; border-right-color: white; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: white; border-left-style: solid; border-left-width: 4px; border-left-color: white; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: white; font-size: 20px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e8","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 400;","variants":{"main_hover":{"styleLess":"color: #d7d8db; text-decoration: underline;"}},"children":["985bba9f-fdcc-8087-c52f-a73aa83e64ef"],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64dd","fake":false,"type":"class","name":"fake-logo","namespace":"","comb":"","styleLess":"width: 72px; height: 72px; margin-right: auto; margin-left: auto; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); background-image: linear-gradient(6deg, hsla(233.09734513274336, 43.59%, 36.68%, 1.00), hsla(232.10526315789474, 71.46%, 57.95%, 1.00)); color: hsla(233.09734513274336, 43.59%, 36.68%, 1.00); font-size: 20px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e3","fake":false,"type":"class","name":"flex-row-center","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e2","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 48px; margin-top: 14px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: #3c3f44; border-right-style: solid; border-right-width: 1px; border-right-color: #3c3f44; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3c3f44; border-left-style: solid; border-left-width: 1px; border-left-color: #3c3f44; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(227.99999999999994, 4.95%, 19.80%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: #d7d8db; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(217.5, 13.84%, 0.00%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["985bba9f-fdcc-8087-c52f-a73aa83e64f0","13b22d5e-58c7-62f7-8447-f3864789a318"],"selector":null},{"_id":"4d17cd58-fb9a-62ce-a452-5b3176ded3f7","fake":false,"type":"class","name":"INPUT STYLING","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null},{"_id":"9899bd66-d956-1d5d-870d-a1935fdc883c","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64d6","fake":false,"type":"class","name":"flex-stack-center","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"85ab7982-25be-3f8b-d4fa-84b4706ba8d3","fake":false,"type":"class","name":"logo-svg","namespace":"","comb":"","styleLess":"display: flex; width: 131%; margin-top: -29px; margin-bottom: -29px; justify-content: center; align-items: center; color: hsla(233.125, 42.86%, 43.92%, 1.00);","variants":{"medium":{"styleLess":"align-self: center;"}},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64dc","fake":false,"type":"class","name":"footer","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 10vh; padding-bottom: 10vh; align-items: flex-start; font-size: 13px; text-align: center;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px; text-align: left;"},"medium":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px;"}},"children":[],"selector":null},{"_id":"981015d1-050e-6b0d-65b3-cd819188aec7","fake":false,"type":"class","name":"valid","namespace":"","comb":"&","styleLess":"border-top-color: hsla(169, 100.00%, 29.67%, 1.00); border-right-color: hsla(169, 100.00%, 29.67%, 1.00); border-bottom-color: hsla(169, 100.00%, 29.67%, 1.00); border-left-color: hsla(169, 100.00%, 29.67%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"9f911d35-987c-d53c-b178-645c7018629d","fake":false,"type":"class","name":"error","namespace":"","comb":"&","styleLess":"color: hsla(0, 100.00%, 71.88%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"53b06078-a634-853b-5caa-d614e6f2989b","fake":false,"type":"class","name":"COPY ME","namespace":"","comb":"","styleLess":"background-color: hsla(240, 4.48%, 13.14%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"4812729d-433b-5d55-1def-14bfd4c30bcb","fake":false,"type":"class","name":"hide-on-load","namespace":"","comb":"","styleLess":"margin-top: 10px;","variants":{},"children":[],"selector":null},{"_id":"dadd40f5-b41d-1399-6c97-44d1e1a2dd79","fake":false,"type":"class","name":"grey-text","namespace":"","comb":"","styleLess":"color: #8a8f98;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64d9","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 42px; min-height: 42px; margin-top: 10px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: #3c3f44; border-right-style: solid; border-right-width: 1px; border-right-color: #3c3f44; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3c3f44; border-left-style: solid; border-left-width: 1px; border-left-color: #3c3f44; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: transparent; transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 54.00%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-right-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-bottom-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00); border-left-color: hsla(232.10526315789474, 46.34%, 51.76%, 1.00);"}},"children":["985bba9f-fdcc-8087-c52f-a73aa83e64f2","0e7c8d8a-fccd-c779-b210-b47937969f1f","270f9434-38b6-8f6f-d8cc-5f3ecbb376b5","981015d1-050e-6b0d-65b3-cd819188aec7"],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64ee","fake":false,"type":"class","name":"hidden","namespace":"","comb":"&","styleLess":"overflow: hidden; transition-property: height; transition-duration: 200ms; transition-timing-function: ease;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e7","fake":false,"type":"class","name":"input-description","namespace":"","comb":"","styleLess":"overflow: hidden; margin-top: 3px; padding-left: 12px; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; font-size: 12px; font-weight: 300; text-align: left; letter-spacing: 0.5px;","variants":{},"children":["9f911d35-987c-d53c-b178-645c7018629d","e9cc240f-3077-7573-1400-ca06185131e8"],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64e4","fake":false,"type":"class","name":"form-header","namespace":"","comb":"","styleLess":"margin-top: 26px; margin-bottom: 26px; font-size: 21px; line-height: 28px; font-weight: 400;","variants":{},"children":[],"selector":null},{"_id":"868abb1f-032f-34e0-8f96-03c8d902f7b7","fake":false,"type":"class","name":"🌟 Javascript","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64ea","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; flex-direction: column;","variants":{},"children":["985bba9f-fdcc-8087-c52f-a73aa83e64ee","7564319e-19b1-8651-3cae-bc035100effc"],"selector":null},{"_id":"0e7c8d8a-fccd-c779-b210-b47937969f1f","fake":false,"type":"class","name":"trigger","namespace":"","comb":"&","styleLess":"","variants":{},"children":["3764b506-8b30-4e30-b6a4-d3e380e010b8"],"selector":null},{"_id":"270f9434-38b6-8f6f-d8cc-5f3ecbb376b5","fake":false,"type":"class","name":"invalid","namespace":"","comb":"&","styleLess":"border-top-color: hsla(0, 90.70%, 57.00%, 1.00); border-right-color: hsla(0, 90.70%, 57.00%, 1.00); border-bottom-color: hsla(0, 90.70%, 57.00%, 1.00); border-left-color: hsla(0, 90.70%, 57.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"e9cc240f-3077-7573-1400-ca06185131e8","fake":false,"type":"class","name":"success","namespace":"","comb":"&","styleLess":"color: hsla(169, 100.00%, 36.67%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"dd043763-8c87-de5b-383d-5d159453494a","fake":false,"type":"class","name":"🌟 Hide Form Validation","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64d3","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; width: 100%; max-width: 360px; margin-bottom: 20px; flex-direction: column; justify-content: flex-end; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"985bba9f-fdcc-8087-c52f-a73aa83e64ed","fake":false,"type":"class","name":"short-page-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; width: 100%; min-height: 100vh; min-width: 50%; padding-top: 15vh; flex-direction: column; justify-content: space-between; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 1.00); background-image: linear-gradient(to bottom, #2e3136, #202023); color: #d7d8db; text-align: center;","variants":{"small":{"styleLess":"flex-direction: column;"},"medium":{"styleLess":"height: auto; flex-direction: column;"}},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Confirm Password component is designed to facilitate user account creation by ensuring that users enter their password correctly. It includes fields for email, password, and password confirmation, along with validation messages.
Key Features:
- Email and password input fields
- Real-time password validation
- Success and error messages upon form submission
- Responsive design suitable for various devices
- Customizable styles and classes
Design Elements:
- Modern and clean layout
- Use of flexbox for alignment
- Color scheme featuring dark backgrounds with light text
- Rounded input fields and buttons
- Icon integration for visual appeal
Potential Use Cases:
- User registration forms for websites and applications
- E-commerce platforms requiring account creation
- Membership sites needing secure user authentication
- Educational platforms for student sign-ups
- Any service that requires user account management
Conclusion: The Confirm Password component is a versatile and user-friendly solution for any website or application that requires user registration, ensuring a smooth and secure onboarding process.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.