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":"3ffe2738-fa81-1ca5-1963-c2b31c57c0e6","type":"Block","tag":"div","classes":["b1d05192-3775-3082-7493-d90b36009f9c"],"children":["028d8915-08c5-a268-96d4-7c4af0761ee7"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-modal","value":"login"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"028d8915-08c5-a268-96d4-7c4af0761ee7","type":"Block","tag":"div","classes":["1eece045-897b-8d88-8e75-abe5214e2898"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e37","89716d1a-2c8d-75d8-0fa1-0f6e34ea809f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e37","type":"FormWrapper","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a937"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e38","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e51","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e54"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e38","type":"FormForm","tag":"form","classes":["b9f46504-d0ee-f961-fb28-c5274f65a930"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e39","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3b","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3d","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e41","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e45","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4c","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4d"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"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":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e39","type":"Heading","tag":"h1","classes":[],"children":["fe38b844-ae7a-3fe6-21cf-00d90bea6f2f"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"fe38b844-ae7a-3fe6-21cf-00d90bea6f2f","text":true,"v":"Please log in"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3b","type":"Paragraph","tag":"p","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3c","text":true,"v":"You seem to be logged out - let's fix that!"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3d","type":"Block","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a938","b9f46504-d0ee-f961-fb28-c5274f65a93e"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3e","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e40"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3e","type":"FormBlockLabel","tag":"label","classes":["b9f46504-d0ee-f961-fb28-c5274f65a934"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3f"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3f","text":true,"v":"Email"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e40","type":"FormTextInput","tag":"input","classes":["b9f46504-d0ee-f961-fb28-c5274f65a933"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Enter your email","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":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e41","type":"Block","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a938"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e42","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e44"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e42","type":"FormBlockLabel","tag":"label","classes":["b9f46504-d0ee-f961-fb28-c5274f65a934"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e43"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e43","text":true,"v":"Password"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e44","type":"FormTextInput","tag":"input","classes":["b9f46504-d0ee-f961-fb28-c5274f65a933"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"********","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":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e45","type":"Block","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a931"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e46","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e46","type":"FormCheckboxWrapper","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a93a"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e47","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e48"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e47","type":"FormCheckboxInput","tag":"input","classes":["b9f46504-d0ee-f961-fb28-c5274f65a93b"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox"},"inputType":"custom","attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e48","type":"FormInlineLabel","tag":"label","classes":["b9f46504-d0ee-f961-fb28-c5274f65a932"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e49"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e49","text":true,"v":"Here's a checkbox"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4a","type":"Link","tag":"a","classes":["b9f46504-d0ee-f961-fb28-c5274f65a939"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4b"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4b","text":true,"v":"Forgot password"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4c","type":"FormButton","tag":"input","classes":["b9f46504-d0ee-f961-fb28-c5274f65a936"],"children":[],"data":{"attr":{"type":"submit","value":"Log in","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4d","type":"Link","tag":"a","classes":["b9f46504-d0ee-f961-fb28-c5274f65a936","b9f46504-d0ee-f961-fb28-c5274f65a93d"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4e","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4f"],"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":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4e","type":"Image","tag":"img","classes":["b9f46504-d0ee-f961-fb28-c5274f65a93c"],"children":[],"data":{"img":{"id":"646dc103d6e89f748a230f40"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"src":"https://cdn.prod.website-files.com/646dc0842c037b5778d4f12c/646dc103d6e89f748a230f40_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4f","type":"Paragraph","tag":"p","classes":["b9f46504-d0ee-f961-fb28-c5274f65a935"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e50"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e50","text":true,"v":"Continue with Google"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e51","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e52"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e52","type":"Block","tag":"div","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e53"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e53","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e54","type":"FormErrorMessage","tag":"div","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e55"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e55","type":"Block","tag":"div","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e56"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e56","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","type":"HtmlEmbed","tag":"div","classes":["6b0e244e-6e0b-9511-e6a8-b45e4527fd99"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a938","fake":false,"type":"class","name":"field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":["b9f46504-d0ee-f961-fb28-c5274f65a93e"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a931","fake":false,"type":"class","name":"form-flex","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 25px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a933","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b1d05192-3775-3082-7493-d90b36009f9c","fake":false,"type":"class","name":"login-modal","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.50);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93e","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93b","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 16px; height: 16px; margin-top: 2px; margin-right: 7px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;","variants":{"main_redirected-checked":{"styleLess":"background-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a934","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a935","fake":false,"type":"class","name":"button-text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a939","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(258.6363636363636, 64.08%, 59.61%, 0.00);","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93d","fake":false,"type":"class","name":"outline","namespace":"","comb":"&","styleLess":"display: flex; margin-bottom: 0px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); background-color: transparent; transition-property: transform, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: #39404a; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 4px 2px 0 hsla(0, 0.00%, 10.98%, 0.20); transform: translate(0px, -4px);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93a","fake":false,"type":"class","name":"checkbox-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 0px; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93c","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a937","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a932","fake":false,"type":"class","name":"chekbox-text","namespace":"","comb":"","styleLess":"color: #363e49; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6b0e244e-6e0b-9511-e6a8-b45e4527fd99","fake":false,"type":"class","name":"close-icon","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 10px; right: 10px; bottom: auto; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(260, 0.00%, 0.00%, 1.00); cursor: pointer;","variants":{},"children":[],"selector":null},{"_id":"1eece045-897b-8d88-8e75-abe5214e2898","fake":false,"type":"class","name":"login-wrapper","namespace":"","comb":"","styleLess":"position: relative; width: 100%; max-width: 450px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 91.33%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 91.33%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 91.33%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 91.33%, 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(0, 0.00%, 100.00%, 1.00); box-shadow: 0 7px 19px 0 rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a936","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; margin-bottom: 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(239, 100.00%, 54.44%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(221.99999999999997, 0.00%, 100.00%, 1.00); font-size: 16px;","variants":{"main_hover":{"styleLess":"background-color: hsla(258.6363636363636, 64.08%, 59.61%, 0.80);"}},"children":["b9f46504-d0ee-f961-fb28-c5274f65a93d"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a930","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/646dc0842c037b5778d4f12c/646dc103d6e89f748a230f40_google.svg","siteId":"646dc0842c037b5778d4f12c","width":25,"isHD":false,"height":25,"fileName":"646dc103d6e89f748a230f40_google.svg","createdOn":"2023-05-24T07:47:15.087Z","origFileName":"google.svg","fileHash":"d2db124d824335fc0feb59c6fbf27abc","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/646dc0842c037b5778d4f12c/646dc103d6e89f748a230f40_google.svg","thumbUrl":"https://cdn.prod.website-files.com/646dc0842c037b5778d4f12c/646dc103d6e89f748a230f40_google.svg","_id":"646dc103d6e89f748a230f40","updatedOn":"2023-05-24T07:47:15.234Z","fileSize":1366}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","createdOn":1684914642424}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","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":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684914642424},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684914642425}],"actionLists":[{"id":"a","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"646dc0842c037b5778d4f134|3ffe2738-fa81-1ca5-1963-c2b31c57c0e6","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b1d05192-3775-3082-7493-d90b36009f9c"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1684914645656}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3ffe2738-fa81-1ca5-1963-c2b31c57c0e6","type":"Block","tag":"div","classes":["b1d05192-3775-3082-7493-d90b36009f9c"],"children":["028d8915-08c5-a268-96d4-7c4af0761ee7"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-modal","value":"login"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"028d8915-08c5-a268-96d4-7c4af0761ee7","type":"Block","tag":"div","classes":["1eece045-897b-8d88-8e75-abe5214e2898"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e37","89716d1a-2c8d-75d8-0fa1-0f6e34ea809f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e37","type":"FormWrapper","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a937"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e38","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e51","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e54"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e38","type":"FormForm","tag":"form","classes":["b9f46504-d0ee-f961-fb28-c5274f65a930"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e39","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3b","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3d","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e41","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e45","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4c","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4d"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"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":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e39","type":"Heading","tag":"h1","classes":[],"children":["fe38b844-ae7a-3fe6-21cf-00d90bea6f2f"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"fe38b844-ae7a-3fe6-21cf-00d90bea6f2f","text":true,"v":"Please log in"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3b","type":"Paragraph","tag":"p","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3c","text":true,"v":"You seem to be logged out - let's fix that!"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3d","type":"Block","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a938","b9f46504-d0ee-f961-fb28-c5274f65a93e"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3e","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e40"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3e","type":"FormBlockLabel","tag":"label","classes":["b9f46504-d0ee-f961-fb28-c5274f65a934"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3f"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e3f","text":true,"v":"Email"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e40","type":"FormTextInput","tag":"input","classes":["b9f46504-d0ee-f961-fb28-c5274f65a933"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Enter your email","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":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e41","type":"Block","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a938"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e42","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e44"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e42","type":"FormBlockLabel","tag":"label","classes":["b9f46504-d0ee-f961-fb28-c5274f65a934"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e43"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e43","text":true,"v":"Password"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e44","type":"FormTextInput","tag":"input","classes":["b9f46504-d0ee-f961-fb28-c5274f65a933"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"********","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":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e45","type":"Block","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a931"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e46","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e46","type":"FormCheckboxWrapper","tag":"div","classes":["b9f46504-d0ee-f961-fb28-c5274f65a93a"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e47","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e48"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e47","type":"FormCheckboxInput","tag":"input","classes":["b9f46504-d0ee-f961-fb28-c5274f65a93b"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox"},"inputType":"custom","attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e48","type":"FormInlineLabel","tag":"label","classes":["b9f46504-d0ee-f961-fb28-c5274f65a932"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e49"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e49","text":true,"v":"Here's a checkbox"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4a","type":"Link","tag":"a","classes":["b9f46504-d0ee-f961-fb28-c5274f65a939"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4b"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4b","text":true,"v":"Forgot password"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4c","type":"FormButton","tag":"input","classes":["b9f46504-d0ee-f961-fb28-c5274f65a936"],"children":[],"data":{"attr":{"type":"submit","value":"Log in","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4d","type":"Link","tag":"a","classes":["b9f46504-d0ee-f961-fb28-c5274f65a936","b9f46504-d0ee-f961-fb28-c5274f65a93d"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4e","5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4f"],"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":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4e","type":"Image","tag":"img","classes":["b9f46504-d0ee-f961-fb28-c5274f65a93c"],"children":[],"data":{"img":{"id":"646dc103d6e89f748a230f40"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"src":"https://cdn.prod.website-files.com/646dc0842c037b5778d4f12c/646dc103d6e89f748a230f40_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e4f","type":"Paragraph","tag":"p","classes":["b9f46504-d0ee-f961-fb28-c5274f65a935"],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e50"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e50","text":true,"v":"Continue with Google"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e51","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e52"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e52","type":"Block","tag":"div","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e53"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e53","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e54","type":"FormErrorMessage","tag":"div","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e55"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e55","type":"Block","tag":"div","classes":[],"children":["5ced0ec8-4b7e-cc39-f89c-3a14d9e22e56"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5ced0ec8-4b7e-cc39-f89c-3a14d9e22e56","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","type":"HtmlEmbed","tag":"div","classes":["6b0e244e-6e0b-9511-e6a8-b45e4527fd99"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a938","fake":false,"type":"class","name":"field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":["b9f46504-d0ee-f961-fb28-c5274f65a93e"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a931","fake":false,"type":"class","name":"form-flex","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 25px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a933","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b1d05192-3775-3082-7493-d90b36009f9c","fake":false,"type":"class","name":"login-modal","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.50);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93e","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93b","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 16px; height: 16px; margin-top: 2px; margin-right: 7px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;","variants":{"main_redirected-checked":{"styleLess":"background-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a934","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a935","fake":false,"type":"class","name":"button-text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a939","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(258.6363636363636, 64.08%, 59.61%, 0.00);","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93d","fake":false,"type":"class","name":"outline","namespace":"","comb":"&","styleLess":"display: flex; margin-bottom: 0px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); background-color: transparent; transition-property: transform, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: #39404a; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 4px 2px 0 hsla(0, 0.00%, 10.98%, 0.20); transform: translate(0px, -4px);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93a","fake":false,"type":"class","name":"checkbox-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 0px; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a93c","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a937","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a932","fake":false,"type":"class","name":"chekbox-text","namespace":"","comb":"","styleLess":"color: #363e49; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6b0e244e-6e0b-9511-e6a8-b45e4527fd99","fake":false,"type":"class","name":"close-icon","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 10px; right: 10px; bottom: auto; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(260, 0.00%, 0.00%, 1.00); cursor: pointer;","variants":{},"children":[],"selector":null},{"_id":"1eece045-897b-8d88-8e75-abe5214e2898","fake":false,"type":"class","name":"login-wrapper","namespace":"","comb":"","styleLess":"position: relative; width: 100%; max-width: 450px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 91.33%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 91.33%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 91.33%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 91.33%, 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(0, 0.00%, 100.00%, 1.00); box-shadow: 0 7px 19px 0 rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a936","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; margin-bottom: 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(239, 100.00%, 54.44%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(221.99999999999997, 0.00%, 100.00%, 1.00); font-size: 16px;","variants":{"main_hover":{"styleLess":"background-color: hsla(258.6363636363636, 64.08%, 59.61%, 0.80);"}},"children":["b9f46504-d0ee-f961-fb28-c5274f65a93d"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b9f46504-d0ee-f961-fb28-c5274f65a930","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/646dc0842c037b5778d4f12c/646dc103d6e89f748a230f40_google.svg","siteId":"646dc0842c037b5778d4f12c","width":25,"isHD":false,"height":25,"fileName":"646dc103d6e89f748a230f40_google.svg","createdOn":"2023-05-24T07:47:15.087Z","origFileName":"google.svg","fileHash":"d2db124d824335fc0feb59c6fbf27abc","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/646dc0842c037b5778d4f12c/646dc103d6e89f748a230f40_google.svg","thumbUrl":"https://cdn.prod.website-files.com/646dc0842c037b5778d4f12c/646dc103d6e89f748a230f40_google.svg","_id":"646dc103d6e89f748a230f40","updatedOn":"2023-05-24T07:47:15.234Z","fileSize":1366}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","createdOn":1684914642424}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","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":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684914642424},{"id":"e-2","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"646dc0842c037b5778d4f134|89716d1a-2c8d-75d8-0fa1-0f6e34ea809f","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684914642425}],"actionLists":[{"id":"a","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"646dc0842c037b5778d4f134|3ffe2738-fa81-1ca5-1963-c2b31c57c0e6","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b1d05192-3775-3082-7493-d90b36009f9c"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1684914645656}]}},"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)
The Login Modal is a user-friendly component designed to facilitate user authentication on websites. It provides a clean and efficient interface for users to log in using their email and password or through Google.
Belangrijkste kenmerken:
- Responsive design suitable for various devices
- Email and password input fields with validation
- Option to log in using Google
- Includes a 'Forgot password' link
- Success and error messages for user feedback
Ontwerpelementen:
- Fixed position modal with a semi-transparent background
- Modern and clean layout with rounded corners
- Color scheme featuring shades of blue and white
- Clear typography for headings and labels
Potentiële gebruikssituaties:
- E-commerce websites requiring user accounts
- Social media platforms for user authentication
- Online services with subscription models
- Blogs or content platforms needing user login
- Corporate intranets for employee access
Conclusion: The Login Modal is a versatile and visually appealing component that enhances user experience by simplifying the login process, making it an excellent choice for various web applications.
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.