Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Teil von

Bold Modern Sign Up

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Bold Modern Sign Up
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3080c178-aabb-b2d7-f14b-00cd5bba6944","type":"Section","tag":"section","classes":["d3ecd625-813d-13e9-f381-e024db89a3c6"],"children":["f29ccec0-e202-514d-eede-6a34233b7f99","60255d4f-9a91-6723-16e6-a8a4e3c7cb7e","a2d22908-567a-02ec-5404-cc920e77c91f"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f29ccec0-e202-514d-eede-6a34233b7f99","type":"Heading","tag":"h1","classes":["8a964546-d265-0582-8770-e36b3cf6f0b9"],"children":["f29ccec0-e202-514d-eede-6a34233b7f9a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"f29ccec0-e202-514d-eede-6a34233b7f9a","text":true,"v":"Hello there! Please create a free account to access our platform."},{"_id":"60255d4f-9a91-6723-16e6-a8a4e3c7cb7e","type":"Block","tag":"div","classes":["d4ff4a07-e29c-d5a3-78d5-22f59da233fe"],"children":["39c0494f-675d-2b2e-2788-0ab7fae535a5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535a5","type":"FormWrapper","tag":"div","classes":["57fc9015-4420-33b9-bdbc-b16dce8a069c"],"children":["39c0494f-675d-2b2e-2788-0ab7fae535a6","39c0494f-675d-2b2e-2788-0ab7fae535ae","39c0494f-675d-2b2e-2788-0ab7fae535b1"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535a6","type":"FormForm","tag":"form","classes":[],"children":["c7f90bae-6368-6ecd-40e0-4109accf5104","df3399b8-c14a-aafc-9695-3ce00bef8b55","1aca9a92-ff95-0e30-0a04-aaf742c1d8b3","39c0494f-675d-2b2e-2788-0ab7fae535ad"],"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":"c7f90bae-6368-6ecd-40e0-4109accf5104","type":"Block","tag":"div","classes":["bc1cd284-e4e4-65ec-34ea-a7319c756a48"],"children":["39c0494f-675d-2b2e-2788-0ab7fae535a9","39c0494f-675d-2b2e-2788-0ab7fae535ac"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535a9","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"First name","type":"text","id":"First-Name","disabled":false,"required":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"form":{"name":"First Name","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535ac","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834","1ef5e0bf-7634-3c69-60d1-68c196a4eb3c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"Last name","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"form":{"name":"Last Name","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"df3399b8-c14a-aafc-9695-3ce00bef8b55","type":"Block","tag":"div","classes":["bc1cd284-e4e4-65ec-34ea-a7319c756a48"],"children":["df3399b8-c14a-aafc-9695-3ce00bef8b56","df3399b8-c14a-aafc-9695-3ce00bef8b57"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"df3399b8-c14a-aafc-9695-3ce00bef8b56","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Email address","type":"email","id":"Email-3","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":"df3399b8-c14a-aafc-9695-3ce00bef8b57","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":true},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1aca9a92-ff95-0e30-0a04-aaf742c1d8b3","type":"Block","tag":"div","classes":["bc1cd284-e4e4-65ec-34ea-a7319c756a48"],"children":["1aca9a92-ff95-0e30-0a04-aaf742c1d8b4","1aca9a92-ff95-0e30-0a04-aaf742c1d8b5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1aca9a92-ff95-0e30-0a04-aaf742c1d8b4","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Age","data-name":"Age","placeholder":"Age","type":"number","id":"Age","disabled":false,"required":false},"xattr":[{"name":"data-ms-member","value":"age"}],"form":{"name":"Age","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1aca9a92-ff95-0e30-0a04-aaf742c1d8b5","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834","6b477748-7b9a-ed36-8d2c-82d2b2f2a284"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Job-Title","data-name":"Job Title","placeholder":"Job title","type":"text","id":"Job-Title","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"job-title"}],"form":{"name":"Job Title","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535ad","type":"FormButton","tag":"input","classes":["8a1940b0-1dae-2d96-c559-61c4f9c8b2eb","0abe41a1-02a5-d0ca-9734-8b41fa164683"],"children":[],"data":{"attr":{"type":"submit","value":"Create your account","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535ae","type":"FormSuccessMessage","tag":"div","classes":[],"children":["39c0494f-675d-2b2e-2788-0ab7fae535af"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535af","type":"Block","tag":"div","classes":[],"children":["39c0494f-675d-2b2e-2788-0ab7fae535b0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535b0","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535b1","type":"FormErrorMessage","tag":"div","classes":[],"children":["39c0494f-675d-2b2e-2788-0ab7fae535b2"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535b2","type":"Block","tag":"div","classes":[],"children":["39c0494f-675d-2b2e-2788-0ab7fae535b3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535b3","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"a2d22908-567a-02ec-5404-cc920e77c91f","type":"HtmlEmbed","tag":"div","classes":["d3340c1c-d047-991e-f2e9-b400de8fdfda"],"children":[],"v":"<style>\n@keyframes rainbow {\n 0% {\n background-color: red;\n }\n 14% {\n background-color: orange;\n }\n 28% {\n background-color: yellow;\n }\n 42% {\n background-color: green;\n }\n 57% {\n background-color: blue;\n }\n 71% {\n background-color: indigo;\n }\n 85% {\n background-color: violet;\n }\n 100% {\n background-color: red;\n }\n}\n\n.rainbow {\n animation: rainbow 20s infinite;\n}\n</style>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<style>\n@keyframes rainbow {\n 0% {\n background-color: red;\n }\n 14% {\n background-color: orange;\n }\n 28% {\n background-color: yellow;\n }\n 42% {\n background-color: green;\n }\n 57% {\n background-color: blue;\n }\n 71% {\n background-color: indigo;\n }\n 85% {\n background-color: violet;\n }\n 100% {\n background-color: red;\n }\n}\n\n.rainbow {\n animation: rainbow 20s infinite;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"6b477748-7b9a-ed36-8d2c-82d2b2f2a284","fake":false,"type":"class","name":"70","namespace":"","comb":"&","styleLess":"width: 70%; flex-grow: 0; flex-shrink: 1; flex-basis: auto;","variants":{"medium":{"styleLess":"width: 100%; flex-grow: 0; flex-shrink: 1; flex-basis: auto;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"1ef5e0bf-7634-3c69-60d1-68c196a4eb3c","fake":false,"type":"class","name":"60","namespace":"","comb":"&","styleLess":"width: 60%; flex-grow: 0; flex-shrink: 1; flex-basis: auto;","variants":{"medium":{"styleLess":"width: 100%; flex-grow: 0; flex-shrink: 1; flex-basis: auto;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d4ff4a07-e29c-d5a3-78d5-22f59da233fe","fake":false,"type":"class","name":"wrapper","namespace":"","comb":"","styleLess":"margin-top: 60px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"8a1940b0-1dae-2d96-c559-61c4f9c8b2eb","fake":false,"type":"class","name":"submit","namespace":"","comb":"","styleLess":"width: 100%; height: 85px; padding-right: 45px; padding-left: 45px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(359, 82.57%, 57.25%, 1.00); font-size: 40px; line-height: 1;","variants":{},"children":["0abe41a1-02a5-d0ca-9734-8b41fa164683"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"aafa7ba2-3e4f-e726-f502-359019062834","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 85px; margin-bottom: 0px; padding-right: 30px; padding-left: 30px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 23.33%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 23.33%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 23.33%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 23.33%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 12.00%, 1.00); font-size: 40px; font-weight: 300;","variants":{"medium":{"styleLess":"flex-grow: 0; flex-shrink: 1; flex-basis: auto;"},"tiny":{"styleLess":"height: 50px; font-size: 20px;"}},"children":["14d911a9-b37c-ae58-1407-9e730883d9b5","1ef5e0bf-7634-3c69-60d1-68c196a4eb3c","6b477748-7b9a-ed36-8d2c-82d2b2f2a284"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0abe41a1-02a5-d0ca-9734-8b41fa164683","fake":false,"type":"class","name":"rainbow","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"height: 50px; padding-right: 20px; padding-left: 20px; font-size: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d3340c1c-d047-991e-f2e9-b400de8fdfda","fake":false,"type":"class","name":"Rainbow CSS","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"57fc9015-4420-33b9-bdbc-b16dce8a069c","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"8a964546-d265-0582-8770-e36b3cf6f0b9","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; font-size: 85px; line-height: 1.1; font-weight: 400;","variants":{"medium":{"styleLess":"font-size: 65px;"},"tiny":{"styleLess":"font-size: 35px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bc1cd284-e4e4-65ec-34ea-a7319c756a48","fake":false,"type":"class","name":"form-row","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 20px; grid-column-gap: 20px;","variants":{"medium":{"styleLess":"flex-direction: column; grid-row-gap: 20px;"},"tiny":{"styleLess":"margin-bottom: 10px; grid-column-gap: 10px; grid-row-gap: 10px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d3ecd625-813d-13e9-f381-e024db89a3c6","fake":false,"type":"class","name":"big-section","namespace":"","comb":"","styleLess":"display: flex; min-height: auto; padding-top: 25px; padding-right: 5vw; padding-bottom: 40px; padding-left: 5vw; flex-direction: column;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3080c178-aabb-b2d7-f14b-00cd5bba6944","type":"Section","tag":"section","classes":["d3ecd625-813d-13e9-f381-e024db89a3c6"],"children":["f29ccec0-e202-514d-eede-6a34233b7f99","60255d4f-9a91-6723-16e6-a8a4e3c7cb7e","a2d22908-567a-02ec-5404-cc920e77c91f"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f29ccec0-e202-514d-eede-6a34233b7f99","type":"Heading","tag":"h1","classes":["8a964546-d265-0582-8770-e36b3cf6f0b9"],"children":["f29ccec0-e202-514d-eede-6a34233b7f9a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"f29ccec0-e202-514d-eede-6a34233b7f9a","text":true,"v":"Hello there! Please create a free account to access our platform."},{"_id":"60255d4f-9a91-6723-16e6-a8a4e3c7cb7e","type":"Block","tag":"div","classes":["d4ff4a07-e29c-d5a3-78d5-22f59da233fe"],"children":["39c0494f-675d-2b2e-2788-0ab7fae535a5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535a5","type":"FormWrapper","tag":"div","classes":["57fc9015-4420-33b9-bdbc-b16dce8a069c"],"children":["39c0494f-675d-2b2e-2788-0ab7fae535a6","39c0494f-675d-2b2e-2788-0ab7fae535ae","39c0494f-675d-2b2e-2788-0ab7fae535b1"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535a6","type":"FormForm","tag":"form","classes":[],"children":["c7f90bae-6368-6ecd-40e0-4109accf5104","df3399b8-c14a-aafc-9695-3ce00bef8b55","1aca9a92-ff95-0e30-0a04-aaf742c1d8b3","39c0494f-675d-2b2e-2788-0ab7fae535ad"],"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":"c7f90bae-6368-6ecd-40e0-4109accf5104","type":"Block","tag":"div","classes":["bc1cd284-e4e4-65ec-34ea-a7319c756a48"],"children":["39c0494f-675d-2b2e-2788-0ab7fae535a9","39c0494f-675d-2b2e-2788-0ab7fae535ac"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535a9","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"First name","type":"text","id":"First-Name","disabled":false,"required":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"form":{"name":"First Name","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535ac","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834","1ef5e0bf-7634-3c69-60d1-68c196a4eb3c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"Last name","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"form":{"name":"Last Name","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"df3399b8-c14a-aafc-9695-3ce00bef8b55","type":"Block","tag":"div","classes":["bc1cd284-e4e4-65ec-34ea-a7319c756a48"],"children":["df3399b8-c14a-aafc-9695-3ce00bef8b56","df3399b8-c14a-aafc-9695-3ce00bef8b57"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"df3399b8-c14a-aafc-9695-3ce00bef8b56","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Email address","type":"email","id":"Email-3","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":"df3399b8-c14a-aafc-9695-3ce00bef8b57","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":true},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1aca9a92-ff95-0e30-0a04-aaf742c1d8b3","type":"Block","tag":"div","classes":["bc1cd284-e4e4-65ec-34ea-a7319c756a48"],"children":["1aca9a92-ff95-0e30-0a04-aaf742c1d8b4","1aca9a92-ff95-0e30-0a04-aaf742c1d8b5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1aca9a92-ff95-0e30-0a04-aaf742c1d8b4","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Age","data-name":"Age","placeholder":"Age","type":"number","id":"Age","disabled":false,"required":false},"xattr":[{"name":"data-ms-member","value":"age"}],"form":{"name":"Age","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1aca9a92-ff95-0e30-0a04-aaf742c1d8b5","type":"FormTextInput","tag":"input","classes":["aafa7ba2-3e4f-e726-f502-359019062834","6b477748-7b9a-ed36-8d2c-82d2b2f2a284"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Job-Title","data-name":"Job Title","placeholder":"Job title","type":"text","id":"Job-Title","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"job-title"}],"form":{"name":"Job Title","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535ad","type":"FormButton","tag":"input","classes":["8a1940b0-1dae-2d96-c559-61c4f9c8b2eb","0abe41a1-02a5-d0ca-9734-8b41fa164683"],"children":[],"data":{"attr":{"type":"submit","value":"Create your account","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535ae","type":"FormSuccessMessage","tag":"div","classes":[],"children":["39c0494f-675d-2b2e-2788-0ab7fae535af"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535af","type":"Block","tag":"div","classes":[],"children":["39c0494f-675d-2b2e-2788-0ab7fae535b0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535b0","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535b1","type":"FormErrorMessage","tag":"div","classes":[],"children":["39c0494f-675d-2b2e-2788-0ab7fae535b2"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535b2","type":"Block","tag":"div","classes":[],"children":["39c0494f-675d-2b2e-2788-0ab7fae535b3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39c0494f-675d-2b2e-2788-0ab7fae535b3","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"a2d22908-567a-02ec-5404-cc920e77c91f","type":"HtmlEmbed","tag":"div","classes":["d3340c1c-d047-991e-f2e9-b400de8fdfda"],"children":[],"v":"<style>\n@keyframes rainbow {\n 0% {\n background-color: red;\n }\n 14% {\n background-color: orange;\n }\n 28% {\n background-color: yellow;\n }\n 42% {\n background-color: green;\n }\n 57% {\n background-color: blue;\n }\n 71% {\n background-color: indigo;\n }\n 85% {\n background-color: violet;\n }\n 100% {\n background-color: red;\n }\n}\n\n.rainbow {\n animation: rainbow 20s infinite;\n}\n</style>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<style>\n@keyframes rainbow {\n 0% {\n background-color: red;\n }\n 14% {\n background-color: orange;\n }\n 28% {\n background-color: yellow;\n }\n 42% {\n background-color: green;\n }\n 57% {\n background-color: blue;\n }\n 71% {\n background-color: indigo;\n }\n 85% {\n background-color: violet;\n }\n 100% {\n background-color: red;\n }\n}\n\n.rainbow {\n animation: rainbow 20s infinite;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"6b477748-7b9a-ed36-8d2c-82d2b2f2a284","fake":false,"type":"class","name":"70","namespace":"","comb":"&","styleLess":"width: 70%; flex-grow: 0; flex-shrink: 1; flex-basis: auto;","variants":{"medium":{"styleLess":"width: 100%; flex-grow: 0; flex-shrink: 1; flex-basis: auto;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"1ef5e0bf-7634-3c69-60d1-68c196a4eb3c","fake":false,"type":"class","name":"60","namespace":"","comb":"&","styleLess":"width: 60%; flex-grow: 0; flex-shrink: 1; flex-basis: auto;","variants":{"medium":{"styleLess":"width: 100%; flex-grow: 0; flex-shrink: 1; flex-basis: auto;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d4ff4a07-e29c-d5a3-78d5-22f59da233fe","fake":false,"type":"class","name":"wrapper","namespace":"","comb":"","styleLess":"margin-top: 60px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"8a1940b0-1dae-2d96-c559-61c4f9c8b2eb","fake":false,"type":"class","name":"submit","namespace":"","comb":"","styleLess":"width: 100%; height: 85px; padding-right: 45px; padding-left: 45px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(359, 82.57%, 57.25%, 1.00); font-size: 40px; line-height: 1;","variants":{},"children":["0abe41a1-02a5-d0ca-9734-8b41fa164683"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"aafa7ba2-3e4f-e726-f502-359019062834","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 85px; margin-bottom: 0px; padding-right: 30px; padding-left: 30px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 23.33%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 23.33%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 23.33%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 23.33%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 12.00%, 1.00); font-size: 40px; font-weight: 300;","variants":{"medium":{"styleLess":"flex-grow: 0; flex-shrink: 1; flex-basis: auto;"},"tiny":{"styleLess":"height: 50px; font-size: 20px;"}},"children":["14d911a9-b37c-ae58-1407-9e730883d9b5","1ef5e0bf-7634-3c69-60d1-68c196a4eb3c","6b477748-7b9a-ed36-8d2c-82d2b2f2a284"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0abe41a1-02a5-d0ca-9734-8b41fa164683","fake":false,"type":"class","name":"rainbow","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"height: 50px; padding-right: 20px; padding-left: 20px; font-size: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d3340c1c-d047-991e-f2e9-b400de8fdfda","fake":false,"type":"class","name":"Rainbow CSS","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"57fc9015-4420-33b9-bdbc-b16dce8a069c","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"8a964546-d265-0582-8770-e36b3cf6f0b9","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; font-size: 85px; line-height: 1.1; font-weight: 400;","variants":{"medium":{"styleLess":"font-size: 65px;"},"tiny":{"styleLess":"font-size: 35px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bc1cd284-e4e4-65ec-34ea-a7319c756a48","fake":false,"type":"class","name":"form-row","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 20px; grid-column-gap: 20px;","variants":{"medium":{"styleLess":"flex-direction: column; grid-row-gap: 20px;"},"tiny":{"styleLess":"margin-bottom: 10px; grid-column-gap: 10px; grid-row-gap: 10px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d3ecd625-813d-13e9-f381-e024db89a3c6","fake":false,"type":"class","name":"big-section","namespace":"","comb":"","styleLess":"display: flex; min-height: auto; padding-top: 25px; padding-right: 5vw; padding-bottom: 40px; padding-left: 5vw; flex-direction: column;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
CC Chrome oder SS Safari.

Über diese Komponente

AI-generiert

Komponentenbeschreibung (von AI generiert)

The Bold Modern Sign Up component is designed to facilitate user registration with an engaging and visually appealing interface. It features a vibrant design with a rainbow animation and a straightforward form layout for easy account creation.

Wesentliche Merkmale:

  • Responsive Design für verschiedene Geräte geeignet
  • Includes fields for first name, last name, email, password, age, and job title
  • Erfolgs- und Fehlermeldungen für Benutzer-Feedback
  • Customizable CSS animations for enhanced visual appeal
  • Easy integration with Webflow CMS

Gestaltungselemente:

  • Vibrant color scheme with rainbow animation
  • Rounded corners and spacious padding for a modern look
  • Large, readable typography for headings and input fields
  • Flexbox layout for responsive form arrangement

Potenzielle Anwendungsfälle:

  • Startups looking to create a user-friendly sign-up process
  • Online platforms offering free trials or memberships
  • Event registration websites needing a simple user registration form
  • Educational platforms requiring student sign-ups
  • E-commerce sites wanting to build customer accounts

Conclusion: The Bold Modern Sign Up component is a versatile and visually striking solution for any business aiming to enhance user engagement during the registration process.

Mit dem Bau beginnen

Bauen Sie Ihre Träume

Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.