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":"36a63f43-1317-ef80-0a46-cfedd01ba084","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b991"],"children":["0ceefaa2-c279-eeda-2167-87361130c8a8","73c3b155-1444-82df-b332-4bae96f74bb9","00d3f33f-0f73-9df9-6a2e-d23824aa6718","265fd42a-a91b-8d95-0331-9d49d547cd02"],"data":{"tag":"div","text":false}},{"_id":"0ceefaa2-c279-eeda-2167-87361130c8a8","type":"Block","tag":"div","classes":["91b56f97-f14d-ad38-f81b-b705b7c5f8f2"],"children":["1f67bc5d-8949-af15-7504-f8524d3dea0d","a78c8eee-fbda-cbb6-096e-1e412fffc316"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1f67bc5d-8949-af15-7504-f8524d3dea0d","type":"Image","tag":"img","classes":["e29c2805-4fb4-2592-7579-4c62e269112e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1).png","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"6481e416535f19c38184a6ed","sizes":[{"max":10000,"size":"45px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a78c8eee-fbda-cbb6-096e-1e412fffc316","type":"Block","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd04","5f57052d-bfe0-7bc9-7947-345c0fed9531"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd04","type":"Heading","tag":"h2","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b990"],"children":["265fd42a-a91b-8d95-0331-9d49d547cd05"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd05","text":true,"v":"Account Setup"},{"_id":"5f57052d-bfe0-7bc9-7947-345c0fed9531","type":"Block","tag":"div","classes":["784b93e1-69dd-c10d-94b3-d7e11a82e5b5"],"children":["5f57052d-bfe0-7bc9-7947-345c0fed9532"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5f57052d-bfe0-7bc9-7947-345c0fed9532","text":true,"v":"Complete this simple form to begin. "},{"_id":"73c3b155-1444-82df-b332-4bae96f74bb9","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98e"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"00d3f33f-0f73-9df9-6a2e-d23824aa6718","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b987"],"children":["f05dde83-59d0-d762-64e2-6379978e93dc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93dc","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["bace0731-4e6c-dfa4-f7f5-3e2ea6227051","d95639f1-cc09-6dd7-1a9d-e260a0a6f5fa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bace0731-4e6c-dfa4-f7f5-3e2ea6227051","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["bace0731-4e6c-dfa4-f7f5-3e2ea6227052"],"data":{"text":true,"tag":"div"}},{"_id":"bace0731-4e6c-dfa4-f7f5-3e2ea6227052","text":true,"v":"Avatar"},{"_id":"d95639f1-cc09-6dd7-1a9d-e260a0a6f5fa","type":"Block","tag":"div","classes":["e29c2805-4fb4-2592-7579-4c62e269112e","a85c6ea0-c3f0-231d-8262-43a3024d8d27"],"children":["d5c36865-187c-aa02-cb3a-d0b473c5edba","f2b4b054-cea2-32e5-4391-8b0c9f6a9c33"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5c36865-187c-aa02-cb3a-d0b473c5edba","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e47ea5e223ab37b8b4a0_white-profile-empty%20(1).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"6481e47ea5e223ab37b8b4a0"},"displayName":"","xattr":[{"name":"data-ms-member","value":"profile-image"}],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f2b4b054-cea2-32e5-4391-8b0c9f6a9c33","type":"Block","tag":"div","classes":["c038fd99-01f6-a5c7-57a1-020fb1f32840"],"children":["f2b4b054-cea2-32e5-4391-8b0c9f6a9c34"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f2b4b054-cea2-32e5-4391-8b0c9f6a9c34","text":true,"v":"Upload"},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd02","type":"FormWrapper","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd03","265fd42a-a91b-8d95-0331-9d49d547cd3e","265fd42a-a91b-8d95-0331-9d49d547cd41"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd03","type":"FormForm","tag":"form","classes":["14c3eb2d-c507-e6d7-cc92-6370cfd572df"],"children":["f05dde83-59d0-d762-64e2-6379978e93db","265fd42a-a91b-8d95-0331-9d49d547cd26"],"data":{"form":{"type":"form","name":"Profile"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-Profile","name":"wf-form-Profile","data-name":"Profile","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93db","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b987"],"children":["36779293-24e4-179c-464b-203523e5e036","f05dde83-59d0-d762-64e2-6379978e93e0","f05dde83-59d0-d762-64e2-6379978e93e4","f05dde83-59d0-d762-64e2-6379978e93e8","f05dde83-59d0-d762-64e2-6379978e93ec"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"36779293-24e4-179c-464b-203523e5e036","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["36779293-24e4-179c-464b-203523e5e037","36779293-24e4-179c-464b-203523e5e039"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"36779293-24e4-179c-464b-203523e5e037","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["36779293-24e4-179c-464b-203523e5e038"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Full-Name-2","id":""},"visibility":{"conditions":[]}}},{"_id":"36779293-24e4-179c-464b-203523e5e038","text":true,"v":"Full Name"},{"_id":"36779293-24e4-179c-464b-203523e5e039","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Full-Name-2","data-name":"Full Name 2","placeholder":"e.g. Howard Thurman","type":"text","id":"Full-Name-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"name"}],"form":{"name":"Full Name 2","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e0","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["f05dde83-59d0-d762-64e2-6379978e93e1","f05dde83-59d0-d762-64e2-6379978e93e3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e1","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["f05dde83-59d0-d762-64e2-6379978e93e2"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e2","text":true,"v":"Email"},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e3","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e4","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["f05dde83-59d0-d762-64e2-6379978e93e5","f05dde83-59d0-d762-64e2-6379978e93e7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e5","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["f05dde83-59d0-d762-64e2-6379978e93e6"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Phone","id":""},"visibility":{"conditions":[]}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e6","text":true,"v":"Phone"},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e7","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Phone","data-name":"Phone","placeholder":"e.g. 123-456-7890","type":"tel","id":"Phone","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"phone"}],"form":{"name":"Phone","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e8","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["f05dde83-59d0-d762-64e2-6379978e93e9","f05dde83-59d0-d762-64e2-6379978e93eb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e9","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["f05dde83-59d0-d762-64e2-6379978e93ea"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"DOB","id":""},"visibility":{"conditions":[]}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ea","text":true,"v":"Date of Birth"},{"_id":"f05dde83-59d0-d762-64e2-6379978e93eb","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"DOB","data-name":"DOB","placeholder":"e.g. 01/01/1991","type":"text","id":"DOB","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"dob"}],"form":{"name":"DOB","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ec","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1","e93b27c2-4e7b-32b6-7e09-3a09cff719bf"],"children":["f05dde83-59d0-d762-64e2-6379978e93ed","f05dde83-59d0-d762-64e2-6379978e93ef"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ed","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["f05dde83-59d0-d762-64e2-6379978e93ee"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Occupation","id":""},"visibility":{"conditions":[]}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ee","text":true,"v":"Occupation"},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ef","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Occupation","data-name":"Occupation","placeholder":"e.g. Manager","type":"text","id":"Occupation","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"Occupation"}],"form":{"name":"Occupation","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd26","type":"FormButton","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98b"],"children":[],"data":{"attr":{"type":"submit","value":"Update Profile","data-wait":"Please wait..."},"form":{"type":"button"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd3e","type":"FormSuccessMessage","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd3f"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd3f","type":"Block","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd40"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd40","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd41","type":"FormErrorMessage","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd42"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd42","type":"Block","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd43"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd43","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"b61cd12d-e2bc-5b8e-33b6-2242a6a74df1","fake":false,"type":"class","name":"ms-input-row","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0px; align-items: center;","variants":{},"children":["e93b27c2-4e7b-32b6-7e09-3a09cff719bf"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b987","fake":false,"type":"class","name":"ms-list-container","namespace":"","comb":"","styleLess":"width: 100%; padding-left: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c038fd99-01f6-a5c7-57a1-020fb1f32840","fake":false,"type":"class","name":"ms-upload","namespace":"","comb":"","styleLess":"position: absolute; left: 100%; top: 0px; right: auto; bottom: 0px; display: flex; width: 150%; margin-top: auto; margin-bottom: auto; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a85c6ea0-c3f0-231d-8262-43a3024d8d27","fake":false,"type":"class","name":"is-profile-image","namespace":"","comb":"&","styleLess":"position: relative; overflow: hidden; width: 34px; margin-bottom: auto; margin-left: 5px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(0, 0.00%, 2.35%, 1.00); opacity: 0.5; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-size: 12px;","variants":{"main_hover":{"styleLess":"overflow: visible; opacity: 1;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b991","fake":false,"type":"class","name":"ms-white-box","namespace":"","comb":"","styleLess":"width: 400px; min-width: 400px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 7.14%, 78.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 7.14%, 78.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 7.14%, 78.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 7.14%, 78.04%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; box-shadow: 0 50px 60px 0 rgba(0, 0, 0, 0.15); color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 14px; text-align: left;","variants":{"tiny":{"styleLess":"width: 100%; min-width: auto;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d","fake":false,"type":"class","name":"ms-input","namespace":"","comb":"","styleLess":"position: relative; min-height: 40px; margin-bottom: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-top-style: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white; transition-property: color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(238.06451612903226, 46.27%, 13.14%, 1.00);","variants":{"main_placeholder":{"styleLess":"color: hsla(238.06451612903226, 46.27%, 13.14%, 0.60);"},"main_hover":{"styleLess":"z-index: 2; background-color: hsla(0, 0.00%, 95.29%, 1.00);"},"main_focus":{"styleLess":"border-top-style: solid; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-style: solid; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-style: solid; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-style: solid; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00);"}},"children":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b99c","456916a3-9a00-ab6b-780b-c1c8c0d64339"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98b","fake":false,"type":"class","name":"ms-button","namespace":"","comb":"","styleLess":"position: relative; top: 0px; display: inline-block; width: 100%; margin-bottom: 0px; padding-top: 13px; padding-right: 16px; padding-bottom: 11.5px; padding-left: 16px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 0.78%, 1.00); box-shadow: 0 10px 20px -5px rgba(45, 62, 80, 0.3); transition-property: transform, border-color, border-radius, box-shadow, background-color; transition-duration: 200ms, 200ms, 200ms, 200ms, 200ms; transition-timing-function: cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1); color: white; font-size: 15px; line-height: 1.5; font-weight: 600; text-align: center; letter-spacing: 0.03em; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00); box-shadow: none /* 0 6px 12px -3px hsla(210.85714285714286, 28.00%, 24.51%, 0.20) */; transform: translate(0px, 2px); color: white;"},"medium":{"styleLess":"position: relative;"},"main_active":{"styleLess":"background-color: hsla(223.09090909090912, 87.45%, 30.59%, 1.00);"},"tiny":{"styleLess":"width: 100%; min-height: auto; padding-top: 0.6em; padding-right: 1.3em; padding-bottom: 0.6em; padding-left: 1.3em; font-size: 14px; font-style: normal;"}},"children":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b99e"],"selector":null},{"_id":"e29c2805-4fb4-2592-7579-4c62e269112e","fake":false,"type":"class","name":"ms-image","namespace":"","comb":"","styleLess":"width: 45px; margin-right: 20px; flex-grow: 0; flex-shrink: 0; flex-basis: auto;","variants":{},"children":["526fed64-063c-d352-3a04-514e83aca270","a85c6ea0-c3f0-231d-8262-43a3024d8d27"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"14c3eb2d-c507-e6d7-cc92-6370cfd572df","fake":false,"type":"class","name":"ms-profile-form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996","fake":false,"type":"class","name":"ms-input-label","namespace":"","comb":"","styleLess":"width: 100px; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-weight: 400; text-align: left;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"784b93e1-69dd-c10d-94b3-d7e11a82e5b5","fake":false,"type":"class","name":"ms-form-subheading","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b990","fake":false,"type":"class","name":"ms-form-heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; font-size: 1.6em; line-height: 1.4em; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 24px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98e","fake":false,"type":"class","name":"ms-form-divider","namespace":"","comb":"","styleLess":"width: 100%; height: 1px; margin-top: 15px; margin-bottom: 15px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 89.02%, 1.00);","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"91b56f97-f14d-ad38-f81b-b705b7c5f8f2","fake":false,"type":"class","name":"ms-flex-row","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e93b27c2-4e7b-32b6-7e09-3a09cff719bf","fake":false,"type":"class","name":"is-last","namespace":"","comb":"&","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1).png","siteId":"6481e0a9d54011f181311800","width":863,"isHD":false,"height":852,"fileName":"6481e416535f19c38184a6ed_r3 1 (1).png","createdOn":"2023-06-08T14:22:14.438Z","origFileName":"r3 1 (1).png","fileHash":"4cb164842c9905af4dc6c6140a621926","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-500.png","origFileName":"r3%201%20(1)-p-500.png","fileName":"6481e416535f19c38184a6ed_r3%201%20(1)-p-500.png","size":46891,"format":"png","width":500,"quality":100,"_id":"6481e417524d81011495b2de","cdnUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-500.png"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-800.png","origFileName":"r3%201%20(1)-p-800.png","fileName":"6481e416535f19c38184a6ed_r3%201%20(1)-p-800.png","size":90010,"format":"png","width":800,"quality":100,"_id":"6481e417524d81011495b2df","cdnUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-800.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1).png","thumbUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-130x130q80.png","_id":"6481e416535f19c38184a6ed","updatedOn":"2023-06-08T14:45:14.572Z","fileSize":116794,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e47ea5e223ab37b8b4a0_white-profile-empty%20(1).svg","siteId":"6481e0a9d54011f181311800","width":42,"isHD":false,"height":42,"fileName":"6481e47ea5e223ab37b8b4a0_white-profile-empty (1).svg","createdOn":"2023-06-08T14:23:58.686Z","origFileName":"white-profile-empty (1).svg","fileHash":"1dcd7a5bfd206688009248d0e2c942a9","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6481e0a9d54011f181311800/6481e47ea5e223ab37b8b4a0_white-profile-empty%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e47ea5e223ab37b8b4a0_white-profile-empty%20(1).svg","_id":"6481e47ea5e223ab37b8b4a0","updatedOn":"2023-06-08T14:23:58.686Z","fileSize":359,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"36a63f43-1317-ef80-0a46-cfedd01ba084","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b991"],"children":["0ceefaa2-c279-eeda-2167-87361130c8a8","73c3b155-1444-82df-b332-4bae96f74bb9","00d3f33f-0f73-9df9-6a2e-d23824aa6718","265fd42a-a91b-8d95-0331-9d49d547cd02"],"data":{"tag":"div","text":false}},{"_id":"0ceefaa2-c279-eeda-2167-87361130c8a8","type":"Block","tag":"div","classes":["91b56f97-f14d-ad38-f81b-b705b7c5f8f2"],"children":["1f67bc5d-8949-af15-7504-f8524d3dea0d","a78c8eee-fbda-cbb6-096e-1e412fffc316"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1f67bc5d-8949-af15-7504-f8524d3dea0d","type":"Image","tag":"img","classes":["e29c2805-4fb4-2592-7579-4c62e269112e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1).png","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"6481e416535f19c38184a6ed","sizes":[{"max":10000,"size":"45px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a78c8eee-fbda-cbb6-096e-1e412fffc316","type":"Block","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd04","5f57052d-bfe0-7bc9-7947-345c0fed9531"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd04","type":"Heading","tag":"h2","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b990"],"children":["265fd42a-a91b-8d95-0331-9d49d547cd05"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd05","text":true,"v":"Account Setup"},{"_id":"5f57052d-bfe0-7bc9-7947-345c0fed9531","type":"Block","tag":"div","classes":["784b93e1-69dd-c10d-94b3-d7e11a82e5b5"],"children":["5f57052d-bfe0-7bc9-7947-345c0fed9532"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5f57052d-bfe0-7bc9-7947-345c0fed9532","text":true,"v":"Complete this simple form to begin. "},{"_id":"73c3b155-1444-82df-b332-4bae96f74bb9","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98e"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"00d3f33f-0f73-9df9-6a2e-d23824aa6718","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b987"],"children":["f05dde83-59d0-d762-64e2-6379978e93dc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93dc","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["bace0731-4e6c-dfa4-f7f5-3e2ea6227051","d95639f1-cc09-6dd7-1a9d-e260a0a6f5fa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bace0731-4e6c-dfa4-f7f5-3e2ea6227051","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["bace0731-4e6c-dfa4-f7f5-3e2ea6227052"],"data":{"text":true,"tag":"div"}},{"_id":"bace0731-4e6c-dfa4-f7f5-3e2ea6227052","text":true,"v":"Avatar"},{"_id":"d95639f1-cc09-6dd7-1a9d-e260a0a6f5fa","type":"Block","tag":"div","classes":["e29c2805-4fb4-2592-7579-4c62e269112e","a85c6ea0-c3f0-231d-8262-43a3024d8d27"],"children":["d5c36865-187c-aa02-cb3a-d0b473c5edba","f2b4b054-cea2-32e5-4391-8b0c9f6a9c33"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5c36865-187c-aa02-cb3a-d0b473c5edba","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e47ea5e223ab37b8b4a0_white-profile-empty%20(1).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"6481e47ea5e223ab37b8b4a0"},"displayName":"","xattr":[{"name":"data-ms-member","value":"profile-image"}],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f2b4b054-cea2-32e5-4391-8b0c9f6a9c33","type":"Block","tag":"div","classes":["c038fd99-01f6-a5c7-57a1-020fb1f32840"],"children":["f2b4b054-cea2-32e5-4391-8b0c9f6a9c34"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f2b4b054-cea2-32e5-4391-8b0c9f6a9c34","text":true,"v":"Upload"},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd02","type":"FormWrapper","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd03","265fd42a-a91b-8d95-0331-9d49d547cd3e","265fd42a-a91b-8d95-0331-9d49d547cd41"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd03","type":"FormForm","tag":"form","classes":["14c3eb2d-c507-e6d7-cc92-6370cfd572df"],"children":["f05dde83-59d0-d762-64e2-6379978e93db","265fd42a-a91b-8d95-0331-9d49d547cd26"],"data":{"form":{"type":"form","name":"Profile"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-Profile","name":"wf-form-Profile","data-name":"Profile","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93db","type":"Block","tag":"div","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b987"],"children":["36779293-24e4-179c-464b-203523e5e036","f05dde83-59d0-d762-64e2-6379978e93e0","f05dde83-59d0-d762-64e2-6379978e93e4","f05dde83-59d0-d762-64e2-6379978e93e8","f05dde83-59d0-d762-64e2-6379978e93ec"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"36779293-24e4-179c-464b-203523e5e036","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["36779293-24e4-179c-464b-203523e5e037","36779293-24e4-179c-464b-203523e5e039"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"36779293-24e4-179c-464b-203523e5e037","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["36779293-24e4-179c-464b-203523e5e038"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Full-Name-2","id":""},"visibility":{"conditions":[]}}},{"_id":"36779293-24e4-179c-464b-203523e5e038","text":true,"v":"Full Name"},{"_id":"36779293-24e4-179c-464b-203523e5e039","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Full-Name-2","data-name":"Full Name 2","placeholder":"e.g. Howard Thurman","type":"text","id":"Full-Name-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"name"}],"form":{"name":"Full Name 2","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e0","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["f05dde83-59d0-d762-64e2-6379978e93e1","f05dde83-59d0-d762-64e2-6379978e93e3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e1","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["f05dde83-59d0-d762-64e2-6379978e93e2"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e2","text":true,"v":"Email"},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e3","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e4","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["f05dde83-59d0-d762-64e2-6379978e93e5","f05dde83-59d0-d762-64e2-6379978e93e7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e5","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["f05dde83-59d0-d762-64e2-6379978e93e6"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Phone","id":""},"visibility":{"conditions":[]}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e6","text":true,"v":"Phone"},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e7","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Phone","data-name":"Phone","placeholder":"e.g. 123-456-7890","type":"tel","id":"Phone","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"phone"}],"form":{"name":"Phone","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e8","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1"],"children":["f05dde83-59d0-d762-64e2-6379978e93e9","f05dde83-59d0-d762-64e2-6379978e93eb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93e9","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["f05dde83-59d0-d762-64e2-6379978e93ea"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"DOB","id":""},"visibility":{"conditions":[]}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ea","text":true,"v":"Date of Birth"},{"_id":"f05dde83-59d0-d762-64e2-6379978e93eb","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"DOB","data-name":"DOB","placeholder":"e.g. 01/01/1991","type":"text","id":"DOB","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"dob"}],"form":{"name":"DOB","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ec","type":"Block","tag":"div","classes":["b61cd12d-e2bc-5b8e-33b6-2242a6a74df1","e93b27c2-4e7b-32b6-7e09-3a09cff719bf"],"children":["f05dde83-59d0-d762-64e2-6379978e93ed","f05dde83-59d0-d762-64e2-6379978e93ef"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ed","type":"FormBlockLabel","tag":"label","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996"],"children":["f05dde83-59d0-d762-64e2-6379978e93ee"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Occupation","id":""},"visibility":{"conditions":[]}}},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ee","text":true,"v":"Occupation"},{"_id":"f05dde83-59d0-d762-64e2-6379978e93ef","type":"FormTextInput","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Occupation","data-name":"Occupation","placeholder":"e.g. Manager","type":"text","id":"Occupation","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"Occupation"}],"form":{"name":"Occupation","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd26","type":"FormButton","tag":"input","classes":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98b"],"children":[],"data":{"attr":{"type":"submit","value":"Update Profile","data-wait":"Please wait..."},"form":{"type":"button"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd3e","type":"FormSuccessMessage","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd3f"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd3f","type":"Block","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd40"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd40","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd41","type":"FormErrorMessage","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd42"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd42","type":"Block","tag":"div","classes":[],"children":["265fd42a-a91b-8d95-0331-9d49d547cd43"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"265fd42a-a91b-8d95-0331-9d49d547cd43","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"b61cd12d-e2bc-5b8e-33b6-2242a6a74df1","fake":false,"type":"class","name":"ms-input-row","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0px; align-items: center;","variants":{},"children":["e93b27c2-4e7b-32b6-7e09-3a09cff719bf"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b987","fake":false,"type":"class","name":"ms-list-container","namespace":"","comb":"","styleLess":"width: 100%; padding-left: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c038fd99-01f6-a5c7-57a1-020fb1f32840","fake":false,"type":"class","name":"ms-upload","namespace":"","comb":"","styleLess":"position: absolute; left: 100%; top: 0px; right: auto; bottom: 0px; display: flex; width: 150%; margin-top: auto; margin-bottom: auto; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"a85c6ea0-c3f0-231d-8262-43a3024d8d27","fake":false,"type":"class","name":"is-profile-image","namespace":"","comb":"&","styleLess":"position: relative; overflow: hidden; width: 34px; margin-bottom: auto; margin-left: 5px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(0, 0.00%, 2.35%, 1.00); opacity: 0.5; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-size: 12px;","variants":{"main_hover":{"styleLess":"overflow: visible; opacity: 1;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b991","fake":false,"type":"class","name":"ms-white-box","namespace":"","comb":"","styleLess":"width: 400px; min-width: 400px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 7.14%, 78.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 7.14%, 78.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 7.14%, 78.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 7.14%, 78.04%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; box-shadow: 0 50px 60px 0 rgba(0, 0, 0, 0.15); color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 14px; text-align: left;","variants":{"tiny":{"styleLess":"width: 100%; min-width: auto;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98d","fake":false,"type":"class","name":"ms-input","namespace":"","comb":"","styleLess":"position: relative; min-height: 40px; margin-bottom: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-top-style: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white; transition-property: color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(238.06451612903226, 46.27%, 13.14%, 1.00);","variants":{"main_placeholder":{"styleLess":"color: hsla(238.06451612903226, 46.27%, 13.14%, 0.60);"},"main_hover":{"styleLess":"z-index: 2; background-color: hsla(0, 0.00%, 95.29%, 1.00);"},"main_focus":{"styleLess":"border-top-style: solid; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-style: solid; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-style: solid; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-style: solid; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00);"}},"children":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b99c","456916a3-9a00-ab6b-780b-c1c8c0d64339"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98b","fake":false,"type":"class","name":"ms-button","namespace":"","comb":"","styleLess":"position: relative; top: 0px; display: inline-block; width: 100%; margin-bottom: 0px; padding-top: 13px; padding-right: 16px; padding-bottom: 11.5px; padding-left: 16px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 0.78%, 1.00); box-shadow: 0 10px 20px -5px rgba(45, 62, 80, 0.3); transition-property: transform, border-color, border-radius, box-shadow, background-color; transition-duration: 200ms, 200ms, 200ms, 200ms, 200ms; transition-timing-function: cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1); color: white; font-size: 15px; line-height: 1.5; font-weight: 600; text-align: center; letter-spacing: 0.03em; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00); box-shadow: none /* 0 6px 12px -3px hsla(210.85714285714286, 28.00%, 24.51%, 0.20) */; transform: translate(0px, 2px); color: white;"},"medium":{"styleLess":"position: relative;"},"main_active":{"styleLess":"background-color: hsla(223.09090909090912, 87.45%, 30.59%, 1.00);"},"tiny":{"styleLess":"width: 100%; min-height: auto; padding-top: 0.6em; padding-right: 1.3em; padding-bottom: 0.6em; padding-left: 1.3em; font-size: 14px; font-style: normal;"}},"children":["4c156e4a-7d8c-d1b4-dc8e-81bd1d51b99e"],"selector":null},{"_id":"e29c2805-4fb4-2592-7579-4c62e269112e","fake":false,"type":"class","name":"ms-image","namespace":"","comb":"","styleLess":"width: 45px; margin-right: 20px; flex-grow: 0; flex-shrink: 0; flex-basis: auto;","variants":{},"children":["526fed64-063c-d352-3a04-514e83aca270","a85c6ea0-c3f0-231d-8262-43a3024d8d27"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"14c3eb2d-c507-e6d7-cc92-6370cfd572df","fake":false,"type":"class","name":"ms-profile-form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b996","fake":false,"type":"class","name":"ms-input-label","namespace":"","comb":"","styleLess":"width: 100px; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-weight: 400; text-align: left;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"784b93e1-69dd-c10d-94b3-d7e11a82e5b5","fake":false,"type":"class","name":"ms-form-subheading","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b990","fake":false,"type":"class","name":"ms-form-heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; font-size: 1.6em; line-height: 1.4em; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 24px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4c156e4a-7d8c-d1b4-dc8e-81bd1d51b98e","fake":false,"type":"class","name":"ms-form-divider","namespace":"","comb":"","styleLess":"width: 100%; height: 1px; margin-top: 15px; margin-bottom: 15px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 89.02%, 1.00);","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"91b56f97-f14d-ad38-f81b-b705b7c5f8f2","fake":false,"type":"class","name":"ms-flex-row","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e93b27c2-4e7b-32b6-7e09-3a09cff719bf","fake":false,"type":"class","name":"is-last","namespace":"","comb":"&","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1).png","siteId":"6481e0a9d54011f181311800","width":863,"isHD":false,"height":852,"fileName":"6481e416535f19c38184a6ed_r3 1 (1).png","createdOn":"2023-06-08T14:22:14.438Z","origFileName":"r3 1 (1).png","fileHash":"4cb164842c9905af4dc6c6140a621926","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-500.png","origFileName":"r3%201%20(1)-p-500.png","fileName":"6481e416535f19c38184a6ed_r3%201%20(1)-p-500.png","size":46891,"format":"png","width":500,"quality":100,"_id":"6481e417524d81011495b2de","cdnUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-500.png"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-800.png","origFileName":"r3%201%20(1)-p-800.png","fileName":"6481e416535f19c38184a6ed_r3%201%20(1)-p-800.png","size":90010,"format":"png","width":800,"quality":100,"_id":"6481e417524d81011495b2df","cdnUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-800.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1).png","thumbUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e416535f19c38184a6ed_r3%201%20(1)-p-130x130q80.png","_id":"6481e416535f19c38184a6ed","updatedOn":"2023-06-08T14:45:14.572Z","fileSize":116794,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e47ea5e223ab37b8b4a0_white-profile-empty%20(1).svg","siteId":"6481e0a9d54011f181311800","width":42,"isHD":false,"height":42,"fileName":"6481e47ea5e223ab37b8b4a0_white-profile-empty (1).svg","createdOn":"2023-06-08T14:23:58.686Z","origFileName":"white-profile-empty (1).svg","fileHash":"1dcd7a5bfd206688009248d0e2c942a9","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6481e0a9d54011f181311800/6481e47ea5e223ab37b8b4a0_white-profile-empty%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/6481e0a9d54011f181311800/6481e47ea5e223ab37b8b4a0_white-profile-empty%20(1).svg","_id":"6481e47ea5e223ab37b8b4a0","updatedOn":"2023-06-08T14:23:58.686Z","fileSize":359,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Profile Inputs component is designed to facilitate user profile creation and updates through a clean and intuitive form interface. It includes essential fields for user information such as name, email, phone, date of birth, and occupation.
Key Features:
- User-friendly form layout
- Includes fields for full name, email, phone, date of birth, and occupation
- Profile image upload functionality
- Success and error messages for form submissions
- Responsive design suitable for various devices
Design Elements:
- Modern and clean aesthetic with a white background
- Rounded corners and subtle shadows for input fields
- Consistent use of flexbox for layout alignment
- Colorful buttons with hover effects
Potential Use Cases:
- Web applications requiring user registration or profile updates
- Online services that need to collect user information
- Membership sites where users manage their profiles
- E-commerce platforms for customer account management
- Social media platforms for user profile creation
Conclusion: The Profile Inputs component is versatile and easy to implement, making it an excellent choice for any web project that requires user profile management.
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.