Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
Hoe Google-verificatie inschakelen
Facebook-verificatie inschakelen
Spotify verificatie inschakelen
Hoe Dribbble verificatie in te schakelen
Hoe de Github-authenticatie in te schakelen
Hoe LinkedIn verificatie inschakelen
Hoe wachtwoordloze aanmeldingen inschakelen
Hoe wachtwoordvalidatie configureren
Hoe wachtwoord tonen/verbergen
Werken met profielafbeeldingen
Hoe een wachtwoord vergeten-flow toevoegen
Werken met selectievakjes
Hoe prijstabellen configureren
Over het Stripe klantenportaal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f158961c-ca30-376d-8a2c-9408d186152a","type":"Section","tag":"section","classes":["eac8b506-9030-e3a0-b78d-f6dd2044f992"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89aa"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89aa","type":"FormWrapper","tag":"div","classes":["cdce34e7-d4dc-e09a-6aa9-60d505134295"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ab","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bc","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bf"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ab","type":"FormForm","tag":"form","classes":["8e206601-6c87-1743-d4b9-ea474283ffed"],"children":["b16fd4ba-bc3d-9729-51f6-fe750112f76b","8849fc4c-4805-faf2-a9c6-4e153609d433"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"reset-password"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"/step-3","data-redirect":"/step-3","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"b16fd4ba-bc3d-9729-51f6-fe750112f76b","type":"Block","tag":"div","classes":["faf74dc6-925f-25f9-9480-44c2ce3e9f57"],"children":["c270b2ed-662c-ef34-af74-4e3d60b55abb","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ac","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ae","7037b818-35a6-3061-3013-72c7ef498907","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b1","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c270b2ed-662c-ef34-af74-4e3d60b55abb","type":"Block","tag":"div","classes":["32901106-c87d-4b0e-a0a4-eed8e0020979"],"children":["c7a4679d-ea23-00d3-1a7e-b69ebbf055f1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c7a4679d-ea23-00d3-1a7e-b69ebbf055f1","type":"HtmlEmbed","tag":"div","classes":["59e97134-bb60-30e3-5a55-209a8c73c0e6"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.243 6.85399L11.49 1.30999C11.6454 1.21674 11.8233 1.16748 12.0045 1.16748C12.1857 1.16748 12.3636 1.21674 12.519 1.30999L21.757 6.85499C21.8311 6.8994 21.8925 6.96227 21.9351 7.03746C21.9776 7.11264 22 7.19758 22 7.28399V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V7.28299C1.99998 7.19658 2.02236 7.11164 2.06495 7.03646C2.10753 6.96127 2.16888 6.8984 2.243 6.85399ZM4 8.13299V19H20V8.13199L12.004 3.33199L4 8.13199V8.13299ZM12.06 13.698L17.356 9.23499L18.644 10.765L12.074 16.302L5.364 10.772L6.636 9.22799L12.06 13.698V13.698Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.243 6.85399L11.49 1.30999C11.6454 1.21674 11.8233 1.16748 12.0045 1.16748C12.1857 1.16748 12.3636 1.21674 12.519 1.30999L21.757 6.85499C21.8311 6.8994 21.8925 6.96227 21.9351 7.03746C21.9776 7.11264 22 7.19758 22 7.28399V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V7.28299C1.99998 7.19658 2.02236 7.11164 2.06495 7.03646C2.10753 6.96127 2.16888 6.8984 2.243 6.85399ZM4 8.13299V19H20V8.13199L12.004 3.33199L4 8.13199V8.13299ZM12.06 13.698L17.356 9.23499L18.644 10.765L12.074 16.302L5.364 10.772L6.636 9.22799L12.06 13.698V13.698Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ac","type":"Heading","tag":"h1","classes":["b6a8e600-dc63-9c29-8bd4-6a0fb9888772"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ad"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ad","text":true,"v":"Check your email"},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ae","type":"Block","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89af","9fe7f04e-99e2-066b-c090-656918dba556","002e3b2c-cc0d-4ed2-18fa-8a5a430c09db","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89af","text":true,"v":"Please "},{"_id":"9fe7f04e-99e2-066b-c090-656918dba556","type":"Span","tag":"span","classes":["372d2beb-3497-1eb2-0670-b1c2015c83e2"],"children":["b1118b96-cb76-968d-6073-2bee82955cd5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b1118b96-cb76-968d-6073-2bee82955cd5","text":true,"v":"enter your 6-digit code"},{"_id":"002e3b2c-cc0d-4ed2-18fa-8a5a430c09db","text":true,"v":". Then create and confirm your new password."},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b0","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"7037b818-35a6-3061-3013-72c7ef498907","type":"Block","tag":"div","classes":["df0b8820-2861-973b-7624-bf15d2f78f33"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b1","type":"Block","tag":"div","classes":["167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b2","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b2","type":"FormBlockLabel","tag":"label","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b3"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"password-3","id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b3","text":true,"v":"6-digit code"},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b4","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"token","name":"token","maxlength":256,"data-name":"token","placeholder":"","disabled":false,"type":"text","required":true,"autofocus":false},"xattr":[{"name":"maxlength","value":"6"},{"name":"minlength","value":"6"},{"name":"data-ms-member","value":"token"}],"form":{"name":"Token","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b5","type":"Block","tag":"div","classes":["167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b6","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b8","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b6","type":"FormBlockLabel","tag":"label","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b7"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"password-2","id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b7","text":true,"v":"New Password"},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b8","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"password","name":"password","maxlength":256,"data-name":"New Password","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"minlength","value":"8"}],"form":{"name":"New Password","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b9","type":"Block","tag":"div","classes":["667138f1-26fc-2d1d-edc6-f5728f66cf05"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ba"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ba","text":true,"v":"Must be at least 8 characters."},{"_id":"8849fc4c-4805-faf2-a9c6-4e153609d433","type":"Block","tag":"div","classes":["4b02109a-842f-613c-1be5-1b7708a14531"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bb","type":"FormButton","tag":"input","classes":["05dd74de-bb16-772c-5cfb-2d65a53800e6"],"children":[],"data":{"attr":{"type":"submit","value":"Reset password","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bc","type":"FormSuccessMessage","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bd"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bd","type":"Block","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89be"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89be","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bf","type":"FormErrorMessage","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89c0"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89c0","type":"Block","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89c1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89c1","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8e206601-6c87-1743-d4b9-ea474283ffed","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf","fake":false,"type":"class","name":"input-wrap","namespace":"","comb":"","styleLess":"width: 100%; text-align: left;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"59e97134-bb60-30e3-5a55-209a8c73c0e6","fake":false,"type":"class","name":"Icon","namespace":"","comb":"","styleLess":"display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(260, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"32901106-c87d-4b0e-a0a4-eed8e0020979","fake":false,"type":"class","name":"icon-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(262, 74.38%, 55.76%, 1.00); box-shadow: inset 0 2px 18px 0 rgba(0,0,0,0.2), inset 0 -2px 9px 0 hsla(0, 0.00%, 100.00%, 0.31);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b7a34419-9d66-2f1f-160f-5ae1f21c6945","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; height: 50px; padding-right: 18px; padding-left: 18px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(245.45454545454544, 0.00%, 92.67%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(245.45454545454544, 0.00%, 92.67%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(245.45454545454544, 0.00%, 92.67%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(245.45454545454544, 0.00%, 92.67%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 2px 2px 0 hsla(0, 0.00%, 0.00%, 0.05); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus-visible":{"styleLess":"border-top-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-right-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-bottom-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-left-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00);"},"main_hover":{"styleLess":"box-shadow: 0 0 2px 0 hsla(0, 0.00%, 0.00%, 0.05);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cdce34e7-d4dc-e09a-6aa9-60d505134295","fake":false,"type":"class","name":"modal","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; max-width: 450px; margin-bottom: 0px; border-top-style: solid; border-top-width: 3px; border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-style: solid; border-right-width: 3px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-width: 3px; border-left-color: hsla(0, 0.00%, 100.00%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: inset 0 20px 45px -15px hsla(261.91616766467064, 74.22%, 55.88%, 0.07), 0 16px 25px 0 hsla(237, 73.08%, 35.44%, 0.07);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"05dd74de-bb16-772c-5cfb-2d65a53800e6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 12px; padding-bottom: 12px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); box-shadow: 0 2px 2px 0 hsla(0, 0.00%, 0.00%, 0.05); transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-weight: 400; text-align: center;","variants":{"main_hover":{"styleLess":"opacity: 0.75;"}},"children":["b47bf5d0-4caa-df84-be9f-d511c7e32e11"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"df0b8820-2861-973b-7624-bf15d2f78f33","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"667138f1-26fc-2d1d-edc6-f5728f66cf05","fake":false,"type":"class","name":"small-text","namespace":"","comb":"","styleLess":"font-size: 14px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"eac8b506-9030-e3a0-b78d-f6dd2044f992","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; justify-content: center; align-items: center; background-color: hsla(241, 100.00%, 98.44%, 1.00); background-image: @img_6479c32d70746e1341c05c1a; background-position: 50% 50%; background-size: auto;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b6a8e600-dc63-9c29-8bd4-6a0fb9888772","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 30px; line-height: 1.3; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b02109a-842f-613c-1be5-1b7708a14531","fake":false,"type":"class","name":"modal-bottom","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: space-between; align-items: center; grid-column-gap: 15px; grid-row-gap: 15px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(245, 100.00%, 97.78%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"faf74dc6-925f-25f9-9480-44c2ce3e9f57","fake":false,"type":"class","name":"modal-top","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 30px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"372d2beb-3497-1eb2-0670-b1c2015c83e2","fake":false,"type":"class","name":"dark","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 15.33%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6479bea9135823fb37db8b5a/6479c32d70746e1341c05c1a_ooorganize%20(3).svg","siteId":"6479bea9135823fb37db8b5a","width":800,"isHD":false,"height":800,"fileName":"6479c32d70746e1341c05c1a_ooorganize (3).svg","createdOn":"2023-06-02T10:23:41.877Z","origFileName":"ooorganize (3).svg","fileHash":"c8c06b112f9fe5b1e235a8bae98cd9f9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6479bea9135823fb37db8b5a/6479c32d70746e1341c05c1a_ooorganize%20(3).svg","thumbUrl":"https://cdn.prod.website-files.com/6479bea9135823fb37db8b5a/6479c32d70746e1341c05c1a_ooorganize%20(3).svg","_id":"6479c32d70746e1341c05c1a","updatedOn":"2023-06-02T10:23:41.877Z","fileSize":17808}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e","e-2"],"target":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","createdOn":1685702237862}],"events":[{"id":"e","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"GROW_EFFECT","instant":false,"config":{"actionListId":"GROW_EFFECT","autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","appliesTo":"CLASS","styleBlockIds":["cdce34e7-d4dc-e09a-6aa9-60d505134295"]},"targets":[{"id":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","appliesTo":"CLASS","styleBlockIds":["cdce34e7-d4dc-e09a-6aa9-60d505134295"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":500,"direction":null,"effectIn":true},"createdOn":1685702237862},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","appliesTo":"CLASS","styleBlockIds":["cdce34e7-d4dc-e09a-6aa9-60d505134295"]},"targets":[{"id":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","appliesTo":"CLASS","styleBlockIds":["cdce34e7-d4dc-e09a-6aa9-60d505134295"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685702237862}],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f158961c-ca30-376d-8a2c-9408d186152a","type":"Section","tag":"section","classes":["eac8b506-9030-e3a0-b78d-f6dd2044f992"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89aa"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89aa","type":"FormWrapper","tag":"div","classes":["cdce34e7-d4dc-e09a-6aa9-60d505134295"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ab","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bc","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bf"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ab","type":"FormForm","tag":"form","classes":["8e206601-6c87-1743-d4b9-ea474283ffed"],"children":["b16fd4ba-bc3d-9729-51f6-fe750112f76b","8849fc4c-4805-faf2-a9c6-4e153609d433"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"reset-password"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"/step-3","data-redirect":"/step-3","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"b16fd4ba-bc3d-9729-51f6-fe750112f76b","type":"Block","tag":"div","classes":["faf74dc6-925f-25f9-9480-44c2ce3e9f57"],"children":["c270b2ed-662c-ef34-af74-4e3d60b55abb","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ac","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ae","7037b818-35a6-3061-3013-72c7ef498907","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b1","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c270b2ed-662c-ef34-af74-4e3d60b55abb","type":"Block","tag":"div","classes":["32901106-c87d-4b0e-a0a4-eed8e0020979"],"children":["c7a4679d-ea23-00d3-1a7e-b69ebbf055f1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c7a4679d-ea23-00d3-1a7e-b69ebbf055f1","type":"HtmlEmbed","tag":"div","classes":["59e97134-bb60-30e3-5a55-209a8c73c0e6"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.243 6.85399L11.49 1.30999C11.6454 1.21674 11.8233 1.16748 12.0045 1.16748C12.1857 1.16748 12.3636 1.21674 12.519 1.30999L21.757 6.85499C21.8311 6.8994 21.8925 6.96227 21.9351 7.03746C21.9776 7.11264 22 7.19758 22 7.28399V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V7.28299C1.99998 7.19658 2.02236 7.11164 2.06495 7.03646C2.10753 6.96127 2.16888 6.8984 2.243 6.85399ZM4 8.13299V19H20V8.13199L12.004 3.33199L4 8.13199V8.13299ZM12.06 13.698L17.356 9.23499L18.644 10.765L12.074 16.302L5.364 10.772L6.636 9.22799L12.06 13.698V13.698Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.243 6.85399L11.49 1.30999C11.6454 1.21674 11.8233 1.16748 12.0045 1.16748C12.1857 1.16748 12.3636 1.21674 12.519 1.30999L21.757 6.85499C21.8311 6.8994 21.8925 6.96227 21.9351 7.03746C21.9776 7.11264 22 7.19758 22 7.28399V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V7.28299C1.99998 7.19658 2.02236 7.11164 2.06495 7.03646C2.10753 6.96127 2.16888 6.8984 2.243 6.85399ZM4 8.13299V19H20V8.13199L12.004 3.33199L4 8.13199V8.13299ZM12.06 13.698L17.356 9.23499L18.644 10.765L12.074 16.302L5.364 10.772L6.636 9.22799L12.06 13.698V13.698Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ac","type":"Heading","tag":"h1","classes":["b6a8e600-dc63-9c29-8bd4-6a0fb9888772"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ad"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ad","text":true,"v":"Check your email"},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ae","type":"Block","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89af","9fe7f04e-99e2-066b-c090-656918dba556","002e3b2c-cc0d-4ed2-18fa-8a5a430c09db","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89af","text":true,"v":"Please "},{"_id":"9fe7f04e-99e2-066b-c090-656918dba556","type":"Span","tag":"span","classes":["372d2beb-3497-1eb2-0670-b1c2015c83e2"],"children":["b1118b96-cb76-968d-6073-2bee82955cd5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b1118b96-cb76-968d-6073-2bee82955cd5","text":true,"v":"enter your 6-digit code"},{"_id":"002e3b2c-cc0d-4ed2-18fa-8a5a430c09db","text":true,"v":". Then create and confirm your new password."},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b0","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"7037b818-35a6-3061-3013-72c7ef498907","type":"Block","tag":"div","classes":["df0b8820-2861-973b-7624-bf15d2f78f33"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b1","type":"Block","tag":"div","classes":["167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b2","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b2","type":"FormBlockLabel","tag":"label","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b3"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"password-3","id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b3","text":true,"v":"6-digit code"},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b4","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"token","name":"token","maxlength":256,"data-name":"token","placeholder":"","disabled":false,"type":"text","required":true,"autofocus":false},"xattr":[{"name":"maxlength","value":"6"},{"name":"minlength","value":"6"},{"name":"data-ms-member","value":"token"}],"form":{"name":"Token","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b5","type":"Block","tag":"div","classes":["167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b6","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b8","f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b6","type":"FormBlockLabel","tag":"label","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b7"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"password-2","id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b7","text":true,"v":"New Password"},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b8","type":"FormTextInput","tag":"input","classes":["b7a34419-9d66-2f1f-160f-5ae1f21c6945"],"children":[],"data":{"attr":{"id":"password","name":"password","maxlength":256,"data-name":"New Password","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"minlength","value":"8"}],"form":{"name":"New Password","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89b9","type":"Block","tag":"div","classes":["667138f1-26fc-2d1d-edc6-f5728f66cf05"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ba"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89ba","text":true,"v":"Must be at least 8 characters."},{"_id":"8849fc4c-4805-faf2-a9c6-4e153609d433","type":"Block","tag":"div","classes":["4b02109a-842f-613c-1be5-1b7708a14531"],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bb","type":"FormButton","tag":"input","classes":["05dd74de-bb16-772c-5cfb-2d65a53800e6"],"children":[],"data":{"attr":{"type":"submit","value":"Reset password","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bc","type":"FormSuccessMessage","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bd"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bd","type":"Block","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89be"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89be","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89bf","type":"FormErrorMessage","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89c0"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89c0","type":"Block","tag":"div","classes":[],"children":["f0e6b0ee-06e7-173f-4bf9-f99e3b6c89c1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f0e6b0ee-06e7-173f-4bf9-f99e3b6c89c1","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8e206601-6c87-1743-d4b9-ea474283ffed","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"167f61c3-ae27-98aa-1ee6-e25f8ea4bbbf","fake":false,"type":"class","name":"input-wrap","namespace":"","comb":"","styleLess":"width: 100%; text-align: left;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"59e97134-bb60-30e3-5a55-209a8c73c0e6","fake":false,"type":"class","name":"Icon","namespace":"","comb":"","styleLess":"display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(260, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"32901106-c87d-4b0e-a0a4-eed8e0020979","fake":false,"type":"class","name":"icon-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(262, 74.38%, 55.76%, 1.00); box-shadow: inset 0 2px 18px 0 rgba(0,0,0,0.2), inset 0 -2px 9px 0 hsla(0, 0.00%, 100.00%, 0.31);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b7a34419-9d66-2f1f-160f-5ae1f21c6945","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; height: 50px; padding-right: 18px; padding-left: 18px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(245.45454545454544, 0.00%, 92.67%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(245.45454545454544, 0.00%, 92.67%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(245.45454545454544, 0.00%, 92.67%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(245.45454545454544, 0.00%, 92.67%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 2px 2px 0 hsla(0, 0.00%, 0.00%, 0.05); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus-visible":{"styleLess":"border-top-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-right-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-bottom-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-left-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00);"},"main_hover":{"styleLess":"box-shadow: 0 0 2px 0 hsla(0, 0.00%, 0.00%, 0.05);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cdce34e7-d4dc-e09a-6aa9-60d505134295","fake":false,"type":"class","name":"modal","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; max-width: 450px; margin-bottom: 0px; border-top-style: solid; border-top-width: 3px; border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-style: solid; border-right-width: 3px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-width: 3px; border-left-color: hsla(0, 0.00%, 100.00%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: inset 0 20px 45px -15px hsla(261.91616766467064, 74.22%, 55.88%, 0.07), 0 16px 25px 0 hsla(237, 73.08%, 35.44%, 0.07);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"05dd74de-bb16-772c-5cfb-2d65a53800e6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 12px; padding-bottom: 12px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(261.91616766467064, 74.22%, 55.88%, 1.00); box-shadow: 0 2px 2px 0 hsla(0, 0.00%, 0.00%, 0.05); transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-weight: 400; text-align: center;","variants":{"main_hover":{"styleLess":"opacity: 0.75;"}},"children":["b47bf5d0-4caa-df84-be9f-d511c7e32e11"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"df0b8820-2861-973b-7624-bf15d2f78f33","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"667138f1-26fc-2d1d-edc6-f5728f66cf05","fake":false,"type":"class","name":"small-text","namespace":"","comb":"","styleLess":"font-size: 14px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"eac8b506-9030-e3a0-b78d-f6dd2044f992","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; justify-content: center; align-items: center; background-color: hsla(241, 100.00%, 98.44%, 1.00); background-image: @img_6479c32d70746e1341c05c1a; background-position: 50% 50%; background-size: auto;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b6a8e600-dc63-9c29-8bd4-6a0fb9888772","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 30px; line-height: 1.3; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b02109a-842f-613c-1be5-1b7708a14531","fake":false,"type":"class","name":"modal-bottom","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: space-between; align-items: center; grid-column-gap: 15px; grid-row-gap: 15px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(245, 100.00%, 97.78%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"faf74dc6-925f-25f9-9480-44c2ce3e9f57","fake":false,"type":"class","name":"modal-top","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 30px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"372d2beb-3497-1eb2-0670-b1c2015c83e2","fake":false,"type":"class","name":"dark","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 15.33%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6479bea9135823fb37db8b5a/6479c32d70746e1341c05c1a_ooorganize%20(3).svg","siteId":"6479bea9135823fb37db8b5a","width":800,"isHD":false,"height":800,"fileName":"6479c32d70746e1341c05c1a_ooorganize (3).svg","createdOn":"2023-06-02T10:23:41.877Z","origFileName":"ooorganize (3).svg","fileHash":"c8c06b112f9fe5b1e235a8bae98cd9f9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6479bea9135823fb37db8b5a/6479c32d70746e1341c05c1a_ooorganize%20(3).svg","thumbUrl":"https://cdn.prod.website-files.com/6479bea9135823fb37db8b5a/6479c32d70746e1341c05c1a_ooorganize%20(3).svg","_id":"6479c32d70746e1341c05c1a","updatedOn":"2023-06-02T10:23:41.877Z","fileSize":17808}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e","e-2"],"target":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","createdOn":1685702237862}],"events":[{"id":"e","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"GROW_EFFECT","instant":false,"config":{"actionListId":"GROW_EFFECT","autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","appliesTo":"CLASS","styleBlockIds":["cdce34e7-d4dc-e09a-6aa9-60d505134295"]},"targets":[{"id":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","appliesTo":"CLASS","styleBlockIds":["cdce34e7-d4dc-e09a-6aa9-60d505134295"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":500,"direction":null,"effectIn":true},"createdOn":1685702237862},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","appliesTo":"CLASS","styleBlockIds":["cdce34e7-d4dc-e09a-6aa9-60d505134295"]},"targets":[{"id":"6479c64eafd3d46ed50e5843|c10025c7-461b-5640-3fb1-2acd4fed5d74","appliesTo":"CLASS","styleBlockIds":["cdce34e7-d4dc-e09a-6aa9-60d505134295"]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685702237862}],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
Over dit onderdeel
AI-gegenereerd
Beschrijving van onderdeel (gegenereerd door AI)
This component is designed for the second step of a password recovery process, allowing users to enter a verification code and set a new password. It features a user-friendly form layout that enhances the user experience during password recovery.
Belangrijkste kenmerken:
- User input fields for a 6-digit verification code and new password
- Form validation with error and success messages
- Responsive design suitable for various devices
- Customizable styles and animations
- Redirects to the next step upon successful submission
Ontwerpelementen:
- Clean and modern layout with a focus on usability
- Soft color palette with a prominent background image
- Rounded input fields and buttons for a friendly appearance
- Clear typography for easy readability
Potentiële gebruikssituaties:
- Web applications requiring user authentication and password recovery
- E-commerce platforms needing secure account management
- Membership sites with user login features
- SaaS products that require user account security
Conclusion: The Forgot Password Step 2 component is a versatile and essential tool for any web application that prioritizes user security and experience, making it easy for users to recover their accounts.
Bouwen
Begin met het bouwen van je dromen
Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.