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":"2e66673d-3c07-ca2a-e93a-5878e4686a18","type":"FormWrapper","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792241"],"children":["e7cc4310-7a86-ddfa-081c-31fe50e146c9","2e66673d-3c07-ca2a-e93a-5878e4686a19","2e66673d-3c07-ca2a-e93a-5878e4686a2b","2e66673d-3c07-ca2a-e93a-5878e4686a2e"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e7cc4310-7a86-ddfa-081c-31fe50e146c9","type":"Block","tag":"div","classes":["c4a4358c-1ef5-43ab-8e1c-9e539ed788d6"],"children":["451fad47-8aeb-13dc-69c0-8811b06188e0","b72d5485-7490-dd02-dc4f-4824f3430081","ef84d2fa-d746-a015-3a29-ec0e5ddc9b78"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"451fad47-8aeb-13dc-69c0-8811b06188e0","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["0f47a1eb-e612-5cb8-ff6a-899dbc58d7c9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0f47a1eb-e612-5cb8-ff6a-899dbc58d7c9","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b72d5485-7490-dd02-dc4f-4824f3430081","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["b72d5485-7490-dd02-dc4f-4824f3430082"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b72d5485-7490-dd02-dc4f-4824f3430082","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ef84d2fa-d746-a015-3a29-ec0e5ddc9b78","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["ef84d2fa-d746-a015-3a29-ec0e5ddc9b79"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ef84d2fa-d746-a015-3a29-ec0e5ddc9b79","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a19","type":"FormForm","tag":"form","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792248"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a1f","2e66673d-3c07-ca2a-e93a-5878e4686a1a","8e59bdba-f3af-84a1-d4ac-af566f5b459d","2e66673d-3c07-ca2a-e93a-5878e4686a21","2e66673d-3c07-ca2a-e93a-5878e4686a23","2e66673d-3c07-ca2a-e93a-5878e4686a25","2e66673d-3c07-ca2a-e93a-5878e4686a26","07c01c93-583a-2d5b-986b-0586c3dc79b2"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1f","type":"Paragraph","tag":"p","classes":["7e390eaf-c902-f943-d01b-e23792d34eb7"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a20"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a20","text":true,"v":"1 / 3"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1a","type":"Heading","tag":"h1","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792244"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a1b"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1b","text":true,"v":"Get started now."},{"_id":"8e59bdba-f3af-84a1-d4ac-af566f5b459d","type":"Paragraph","tag":"p","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792240"],"children":["8e59bdba-f3af-84a1-d4ac-af566f5b459e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8e59bdba-f3af-84a1-d4ac-af566f5b459e","text":true,"v":"Create an account to access everything on the web."},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a21","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["991bc745-170e-958b-0584-599e445737fc","2e66673d-3c07-ca2a-e93a-5878e4686a22"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"991bc745-170e-958b-0584-599e445737fc","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["991bc745-170e-958b-0584-599e445737fd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"991bc745-170e-958b-0584-599e445737fd","text":true,"v":"Email"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a22","type":"FormTextInput","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"johndoe@gmail.com","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a23","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["88b71e55-9628-7c6a-668e-411ffac49f02","2e66673d-3c07-ca2a-e93a-5878e4686a24"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88b71e55-9628-7c6a-668e-411ffac49f02","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["88b71e55-9628-7c6a-668e-411ffac49f03"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88b71e55-9628-7c6a-668e-411ffac49f03","text":true,"v":"Password"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a24","type":"FormTextInput","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a25","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792246"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a26","type":"FormButton","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef79223c"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"07c01c93-583a-2d5b-986b-0586c3dc79b2","type":"Link","tag":"a","classes":["9f76b9d1-fac5-91c8-c970-965e8e902781"],"children":["7ec7980b-2125-7260-24a3-6cb28e00be1e","e54da824-de3a-bed1-f108-6a5ab89e4135","47e54125-7a78-f733-f8f2-3a4b2d7a6d82"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"7ec7980b-2125-7260-24a3-6cb28e00be1e","type":"Block","tag":"div","classes":["37b1a189-645d-9676-2d07-2a986f4739b7"],"children":["483258f5-35cc-3838-3842-a9e434d5e703"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"483258f5-35cc-3838-3842-a9e434d5e703","type":"Image","tag":"img","classes":["f37bcc9a-fa64-5ca1-d01a-500a69e7419f"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647d9e93f7de8d62ea3a2b40_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"647d9e93f7de8d62ea3a2b40"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e54da824-de3a-bed1-f108-6a5ab89e4135","type":"Block","tag":"div","classes":[],"children":["e54da824-de3a-bed1-f108-6a5ab89e4136"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e54da824-de3a-bed1-f108-6a5ab89e4136","text":true,"v":"Continue with Google"},{"_id":"47e54125-7a78-f733-f8f2-3a4b2d7a6d82","type":"Block","tag":"div","classes":["6882daea-f82b-0f77-9bb9-9ac85d357aca"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2c"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2c","type":"Block","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2e","type":"FormErrorMessage","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2f"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2f","type":"Block","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a30"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a30","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef79223c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(209, 0.00%, 100.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 16px; font-weight: 500; text-decoration: none;","variants":{},"children":["7228a9f0-8fc5-593f-8ce2-9759ef792249"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792238","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"f37bcc9a-fa64-5ca1-d01a-500a69e7419f","fake":false,"type":"class","name":"google-icon","namespace":"","comb":"","styleLess":"width: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792246","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9d8a34fa-5430-e033-4380-85e72e825d28","fake":false,"type":"class","name":"progress-bar-inner","namespace":"","comb":"","styleLess":"width: 0%; height: 100%; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792244","fake":false,"type":"class","name":"mb-20","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792240","fake":false,"type":"class","name":"p-light","namespace":"","comb":"","styleLess":"margin-bottom: 35px; color: hsla(0, 0.00%, 100.00%, 0.80); font-weight: 300;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6882daea-f82b-0f77-9bb9-9ac85d357aca","fake":false,"type":"class","name":"spacer-40","namespace":"","comb":"","styleLess":"width: 40px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792248","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792247","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 30.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 30.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 30.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 30.00%, 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%, 23.33%, 1.00); box-shadow: 0 2px 3px 0 hsla(0, 0.00%, 0.00%, 0.10); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"main_focus-visible":{"styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":["d1e3c295-79c6-fadf-9c83-41f84bae4eab"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792241","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-right: 60px; padding-bottom: 40px; padding-left: 60px; flex-direction: column; justify-content: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"11c69b83-45b0-1b44-6a3a-6e6cd31cdd94","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c4a4358c-1ef5-43ab-8e1c-9e539ed788d6","fake":false,"type":"class","name":"progress-bar","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: flex; height: 10px; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9f76b9d1-fac5-91c8-c970-965e8e902781","fake":false,"type":"class","name":"button_google","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-top: 15px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; justify-content: space-between; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(218.4971098265896, 84.39%, 59.80%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 16px; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7e390eaf-c902-f943-d01b-e23792d34eb7","fake":false,"type":"class","name":"progress","namespace":"","comb":"","styleLess":"margin-bottom: 20px; font-weight: 400; letter-spacing: 1px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"37b1a189-645d-9676-2d07-2a986f4739b7","fake":false,"type":"class","name":"google-icon-wrap","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; 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%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"03e91d55-a96a-88b2-4f3f-0215d5ef0052","fake":false,"type":"class","name":"progress-bar-step","namespace":"","comb":"","styleLess":"width: 33.33%; height: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647d9e93f7de8d62ea3a2b40_google.svg","siteId":"647d9e4df12aa9a6e27282d2","width":25,"isHD":false,"height":25,"fileName":"647d9e93f7de8d62ea3a2b40_google.svg","createdOn":"2023-06-05T08:36:35.577Z","origFileName":"google.svg","fileHash":"91ee5a9327706079f6f40eda7b2a7509","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d9e4df12aa9a6e27282d2/647d9e93f7de8d62ea3a2b40_google.svg","thumbUrl":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647d9e93f7de8d62ea3a2b40_google.svg","_id":"647d9e93f7de8d62ea3a2b40","updatedOn":"2023-06-05T08:36:35.816Z","fileSize":1190}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e","e-2"],"target":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","createdOn":1685955262577}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955262577},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955262578}],"actionLists":[{"id":"a","title":"Current Progress Step","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"boundaryMode":false},"globalSwatchId":"","rValue":77,"bValue":77,"gValue":77,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1685955273324}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a18","type":"FormWrapper","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792241"],"children":["e7cc4310-7a86-ddfa-081c-31fe50e146c9","2e66673d-3c07-ca2a-e93a-5878e4686a19","2e66673d-3c07-ca2a-e93a-5878e4686a2b","2e66673d-3c07-ca2a-e93a-5878e4686a2e"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e7cc4310-7a86-ddfa-081c-31fe50e146c9","type":"Block","tag":"div","classes":["c4a4358c-1ef5-43ab-8e1c-9e539ed788d6"],"children":["451fad47-8aeb-13dc-69c0-8811b06188e0","b72d5485-7490-dd02-dc4f-4824f3430081","ef84d2fa-d746-a015-3a29-ec0e5ddc9b78"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"451fad47-8aeb-13dc-69c0-8811b06188e0","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["0f47a1eb-e612-5cb8-ff6a-899dbc58d7c9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0f47a1eb-e612-5cb8-ff6a-899dbc58d7c9","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b72d5485-7490-dd02-dc4f-4824f3430081","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["b72d5485-7490-dd02-dc4f-4824f3430082"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b72d5485-7490-dd02-dc4f-4824f3430082","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ef84d2fa-d746-a015-3a29-ec0e5ddc9b78","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["ef84d2fa-d746-a015-3a29-ec0e5ddc9b79"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ef84d2fa-d746-a015-3a29-ec0e5ddc9b79","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a19","type":"FormForm","tag":"form","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792248"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a1f","2e66673d-3c07-ca2a-e93a-5878e4686a1a","8e59bdba-f3af-84a1-d4ac-af566f5b459d","2e66673d-3c07-ca2a-e93a-5878e4686a21","2e66673d-3c07-ca2a-e93a-5878e4686a23","2e66673d-3c07-ca2a-e93a-5878e4686a25","2e66673d-3c07-ca2a-e93a-5878e4686a26","07c01c93-583a-2d5b-986b-0586c3dc79b2"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1f","type":"Paragraph","tag":"p","classes":["7e390eaf-c902-f943-d01b-e23792d34eb7"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a20"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a20","text":true,"v":"1 / 3"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1a","type":"Heading","tag":"h1","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792244"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a1b"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1b","text":true,"v":"Get started now."},{"_id":"8e59bdba-f3af-84a1-d4ac-af566f5b459d","type":"Paragraph","tag":"p","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792240"],"children":["8e59bdba-f3af-84a1-d4ac-af566f5b459e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8e59bdba-f3af-84a1-d4ac-af566f5b459e","text":true,"v":"Create an account to access everything on the web."},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a21","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["991bc745-170e-958b-0584-599e445737fc","2e66673d-3c07-ca2a-e93a-5878e4686a22"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"991bc745-170e-958b-0584-599e445737fc","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["991bc745-170e-958b-0584-599e445737fd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"991bc745-170e-958b-0584-599e445737fd","text":true,"v":"Email"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a22","type":"FormTextInput","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"johndoe@gmail.com","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a23","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["88b71e55-9628-7c6a-668e-411ffac49f02","2e66673d-3c07-ca2a-e93a-5878e4686a24"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88b71e55-9628-7c6a-668e-411ffac49f02","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["88b71e55-9628-7c6a-668e-411ffac49f03"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88b71e55-9628-7c6a-668e-411ffac49f03","text":true,"v":"Password"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a24","type":"FormTextInput","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a25","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792246"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a26","type":"FormButton","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef79223c"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"07c01c93-583a-2d5b-986b-0586c3dc79b2","type":"Link","tag":"a","classes":["9f76b9d1-fac5-91c8-c970-965e8e902781"],"children":["7ec7980b-2125-7260-24a3-6cb28e00be1e","e54da824-de3a-bed1-f108-6a5ab89e4135","47e54125-7a78-f733-f8f2-3a4b2d7a6d82"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"7ec7980b-2125-7260-24a3-6cb28e00be1e","type":"Block","tag":"div","classes":["37b1a189-645d-9676-2d07-2a986f4739b7"],"children":["483258f5-35cc-3838-3842-a9e434d5e703"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"483258f5-35cc-3838-3842-a9e434d5e703","type":"Image","tag":"img","classes":["f37bcc9a-fa64-5ca1-d01a-500a69e7419f"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647d9e93f7de8d62ea3a2b40_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"647d9e93f7de8d62ea3a2b40"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e54da824-de3a-bed1-f108-6a5ab89e4135","type":"Block","tag":"div","classes":[],"children":["e54da824-de3a-bed1-f108-6a5ab89e4136"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e54da824-de3a-bed1-f108-6a5ab89e4136","text":true,"v":"Continue with Google"},{"_id":"47e54125-7a78-f733-f8f2-3a4b2d7a6d82","type":"Block","tag":"div","classes":["6882daea-f82b-0f77-9bb9-9ac85d357aca"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2c"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2c","type":"Block","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2e","type":"FormErrorMessage","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2f"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2f","type":"Block","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a30"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a30","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef79223c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(209, 0.00%, 100.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 16px; font-weight: 500; text-decoration: none;","variants":{},"children":["7228a9f0-8fc5-593f-8ce2-9759ef792249"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792238","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"f37bcc9a-fa64-5ca1-d01a-500a69e7419f","fake":false,"type":"class","name":"google-icon","namespace":"","comb":"","styleLess":"width: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792246","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9d8a34fa-5430-e033-4380-85e72e825d28","fake":false,"type":"class","name":"progress-bar-inner","namespace":"","comb":"","styleLess":"width: 0%; height: 100%; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792244","fake":false,"type":"class","name":"mb-20","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792240","fake":false,"type":"class","name":"p-light","namespace":"","comb":"","styleLess":"margin-bottom: 35px; color: hsla(0, 0.00%, 100.00%, 0.80); font-weight: 300;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6882daea-f82b-0f77-9bb9-9ac85d357aca","fake":false,"type":"class","name":"spacer-40","namespace":"","comb":"","styleLess":"width: 40px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792248","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792247","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 30.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 30.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 30.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 30.00%, 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%, 23.33%, 1.00); box-shadow: 0 2px 3px 0 hsla(0, 0.00%, 0.00%, 0.10); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"main_focus-visible":{"styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":["d1e3c295-79c6-fadf-9c83-41f84bae4eab"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792241","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-right: 60px; padding-bottom: 40px; padding-left: 60px; flex-direction: column; justify-content: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"11c69b83-45b0-1b44-6a3a-6e6cd31cdd94","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c4a4358c-1ef5-43ab-8e1c-9e539ed788d6","fake":false,"type":"class","name":"progress-bar","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: flex; height: 10px; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9f76b9d1-fac5-91c8-c970-965e8e902781","fake":false,"type":"class","name":"button_google","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-top: 15px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; justify-content: space-between; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(218.4971098265896, 84.39%, 59.80%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 16px; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7e390eaf-c902-f943-d01b-e23792d34eb7","fake":false,"type":"class","name":"progress","namespace":"","comb":"","styleLess":"margin-bottom: 20px; font-weight: 400; letter-spacing: 1px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"37b1a189-645d-9676-2d07-2a986f4739b7","fake":false,"type":"class","name":"google-icon-wrap","namespace":"","comb":"","styleLess":"padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; 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%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"03e91d55-a96a-88b2-4f3f-0215d5ef0052","fake":false,"type":"class","name":"progress-bar-step","namespace":"","comb":"","styleLess":"width: 33.33%; height: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647d9e93f7de8d62ea3a2b40_google.svg","siteId":"647d9e4df12aa9a6e27282d2","width":25,"isHD":false,"height":25,"fileName":"647d9e93f7de8d62ea3a2b40_google.svg","createdOn":"2023-06-05T08:36:35.577Z","origFileName":"google.svg","fileHash":"91ee5a9327706079f6f40eda7b2a7509","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d9e4df12aa9a6e27282d2/647d9e93f7de8d62ea3a2b40_google.svg","thumbUrl":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647d9e93f7de8d62ea3a2b40_google.svg","_id":"647d9e93f7de8d62ea3a2b40","updatedOn":"2023-06-05T08:36:35.816Z","fileSize":1190}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e","e-2"],"target":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","createdOn":1685955262577}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955262577},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955262578}],"actionLists":[{"id":"a","title":"Current Progress Step","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"boundaryMode":false},"globalSwatchId":"","rValue":77,"bValue":77,"gValue":77,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1685955273324}]}},"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 serves as the first step in a multi-step sign-up process, designed to capture user email and password information in a visually appealing dark theme.
Belangrijkste kenmerken:
- Multi-step form functionality
- Email and password input fields
- Google sign-in option
- Responsief ontwerp
- Success and error messages for user feedback
Ontwerpelementen:
- Dark background with light text
- Rounded corners for input fields and buttons
- Clear progress indication (1/3)
- Google integration for sign-in option
- Smooth transitions and animations
Potentiële gebruikssituaties:
- Web applications requiring user registration
- E-commerce platforms needing account creation
- SaaS products with multi-step onboarding
- Membership sites for user access management
- Event registration systems
Conclusion: The Dark Sign Up Step 1 component is a versatile and visually appealing solution for capturing user information, making it ideal for various online platforms looking to enhance their onboarding experience.
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.