Loading Component...

Loading

More Components

View All
Part of

Glassmorphism Sign Up Component

Oops! Something went wrong while submitting the form.
Glassmorphism Sign Up Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1556ef71-33f3-720c-9863-722012ef6476","type":"Block","tag":"section","classes":["7185677a-6d9e-fee1-5b30-49c33125d106"],"children":["b2f4364b-25de-4015-5685-db18a9fc79a3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"b2f4364b-25de-4015-5685-db18a9fc79a3","type":"Block","tag":"div","classes":["14feda21-1ec4-9f13-a7b7-b257ed50ccbe"],"children":["2d8ff247-4d17-0608-b69c-74acbfa9d9d3","1944a9f0-9bec-8958-39f8-8b14a0d8687b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2d8ff247-4d17-0608-b69c-74acbfa9d9d3","type":"Block","tag":"div","classes":["8b405ffa-f574-6327-ffab-8bcd674e468c"],"children":["94031536-bc5f-4be8-c9c6-b91bf3dc2829"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"94031536-bc5f-4be8-c9c6-b91bf3dc2829","type":"Block","tag":"div","classes":["a6424851-7c46-56e9-80a2-f94863c0079b"],"children":["94031536-bc5f-4be8-c9c6-b91bf3dc282a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"94031536-bc5f-4be8-c9c6-b91bf3dc282a","text":true,"v":"Howdy! Welcome back:)"},{"_id":"1944a9f0-9bec-8958-39f8-8b14a0d8687b","type":"Block","tag":"div","classes":["e826b84e-233b-7cfb-24dc-00addf93fcba"],"children":["5f492462-67c5-ac54-8760-f8d2863f5434"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5f492462-67c5-ac54-8760-f8d2863f5434","type":"Block","tag":"div","classes":["fb233447-355f-5bbe-fe31-a910c639e32e"],"children":["370e8bf0-cd4c-e9c8-736f-829709aead94","99b90a1c-8c66-2b03-fadb-8d05ce89a2de"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"370e8bf0-cd4c-e9c8-736f-829709aead94","type":"Block","tag":"div","classes":["de3af473-67cf-d353-d01b-04f6fe064118"],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504986","04480b00-8f0f-cf9b-b61b-268392053a51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504986","type":"FormWrapper","tag":"div","classes":["c5774d24-0f45-8ff0-fc4a-59915b7f2b30"],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504987","d95ee260-1c1e-4e2c-e9cf-20acaf50498f","d95ee260-1c1e-4e2c-e9cf-20acaf504992"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504987","type":"FormForm","tag":"form","classes":["aa717eb3-d8e0-d5ca-a3c3-13d241823c28"],"children":["b4592d37-b85a-1cab-8943-e5f7f2af6d75","2e890c2d-e8b9-4408-76a3-54795839210b","8bd483e3-39ea-96d4-15e0-2ae6e319b784","5ec5ca10-a314-6f9e-3653-f98aa637c77a","0aecb0c1-7e67-5df5-1d76-143ce86929c2","6b4bf418-80d1-eeac-1f35-a7fdaff429ac","8117d3c0-06e9-3e57-6b1c-ead278c8dbf1","4d6bfdcc-f803-24f0-1578-3cb1dab3fbdf","85100f82-4dfc-9a34-b781-85294c599285","d95ee260-1c1e-4e2c-e9cf-20acaf50498e"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","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":"b4592d37-b85a-1cab-8943-e5f7f2af6d75","type":"Heading","tag":"h1","classes":[],"children":["b4592d37-b85a-1cab-8943-e5f7f2af6d76"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"b4592d37-b85a-1cab-8943-e5f7f2af6d76","text":true,"v":"Share your awesomeness"},{"_id":"2e890c2d-e8b9-4408-76a3-54795839210b","type":"Block","tag":"div","classes":["4340d696-e6ef-c28f-2b14-04002b05ecbe"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8bd483e3-39ea-96d4-15e0-2ae6e319b784","type":"Heading","tag":"h2","classes":[],"children":["8bd483e3-39ea-96d4-15e0-2ae6e319b785"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"8bd483e3-39ea-96d4-15e0-2ae6e319b785","text":true,"v":"Sign Up"},{"_id":"5ec5ca10-a314-6f9e-3653-f98aa637c77a","type":"Paragraph","tag":"p","classes":[],"children":["5ec5ca10-a314-6f9e-3653-f98aa637c77b","bef85962-cd52-6f3d-6b2e-085fefb48ac7"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ec5ca10-a314-6f9e-3653-f98aa637c77b","text":true,"v":"Already have an account? "},{"_id":"bef85962-cd52-6f3d-6b2e-085fefb48ac7","type":"Link","tag":"a","classes":[],"children":["096fca5e-0e6d-e8db-dbfa-a98717cc4a49"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"096fca5e-0e6d-e8db-dbfa-a98717cc4a49","text":true,"v":"Log in"},{"_id":"0aecb0c1-7e67-5df5-1d76-143ce86929c2","type":"Block","tag":"div","classes":["1629bb33-5067-f0f5-9061-fedaae359c08"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"6b4bf418-80d1-eeac-1f35-a7fdaff429ac","type":"Block","tag":"div","classes":["820116c8-eb92-1d8f-f83e-5a98ed41102b"],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504988","d95ee260-1c1e-4e2c-e9cf-20acaf50498a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504988","type":"FormBlockLabel","tag":"label","classes":["dce31dbd-e7f8-f806-b046-542abe6ccda3"],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504989"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"name","id":""},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504989","text":true,"v":"Full Name"},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf50498a","type":"FormTextInput","tag":"input","classes":["c3209b48-16f7-d907-ecc5-813af96e7b92"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"John Doe","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"full-name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8117d3c0-06e9-3e57-6b1c-ead278c8dbf1","type":"Block","tag":"div","classes":["820116c8-eb92-1d8f-f83e-5a98ed41102b"],"children":["8117d3c0-06e9-3e57-6b1c-ead278c8dbf2","8117d3c0-06e9-3e57-6b1c-ead278c8dbf4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8117d3c0-06e9-3e57-6b1c-ead278c8dbf2","type":"FormBlockLabel","tag":"label","classes":["dce31dbd-e7f8-f806-b046-542abe6ccda3"],"children":["8117d3c0-06e9-3e57-6b1c-ead278c8dbf3"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"8117d3c0-06e9-3e57-6b1c-ead278c8dbf3","text":true,"v":"Email"},{"_id":"8117d3c0-06e9-3e57-6b1c-ead278c8dbf4","type":"FormTextInput","tag":"input","classes":["c3209b48-16f7-d907-ecc5-813af96e7b92"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"johndoe@email.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":[]}}},{"_id":"4d6bfdcc-f803-24f0-1578-3cb1dab3fbdf","type":"Block","tag":"div","classes":["820116c8-eb92-1d8f-f83e-5a98ed41102b"],"children":["4d6bfdcc-f803-24f0-1578-3cb1dab3fbe0","4d6bfdcc-f803-24f0-1578-3cb1dab3fbe2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d6bfdcc-f803-24f0-1578-3cb1dab3fbe0","type":"FormBlockLabel","tag":"label","classes":["dce31dbd-e7f8-f806-b046-542abe6ccda3"],"children":["4d6bfdcc-f803-24f0-1578-3cb1dab3fbe1"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"4d6bfdcc-f803-24f0-1578-3cb1dab3fbe1","text":true,"v":"Password"},{"_id":"4d6bfdcc-f803-24f0-1578-3cb1dab3fbe2","type":"FormTextInput","tag":"input","classes":["c3209b48-16f7-d907-ecc5-813af96e7b92"],"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":[]}}},{"_id":"85100f82-4dfc-9a34-b781-85294c599285","type":"FormCheckboxWrapper","tag":"div","classes":["0d625480-1a2e-2bf9-3c11-ce2f1ee3bcd1"],"children":["85100f82-4dfc-9a34-b781-85294c599286","85100f82-4dfc-9a34-b781-85294c599287"],"data":{"form":{"type":"checkbox"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"85100f82-4dfc-9a34-b781-85294c599286","type":"FormCheckboxInput","tag":"input","classes":["2dac6221-30d4-5ca6-63a4-3a49bb829a71"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"85100f82-4dfc-9a34-b781-85294c599287","type":"FormInlineLabel","tag":"label","classes":["dce31dbd-e7f8-f806-b046-542abe6ccda3","8617ec50-be82-197b-cf84-12f9d983d3b3"],"children":["85100f82-4dfc-9a34-b781-85294c599288"],"data":{"form":{"type":"checkbox-label"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"85100f82-4dfc-9a34-b781-85294c599288","text":true,"v":"Sign up for email updates"},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf50498e","type":"FormButton","tag":"input","classes":["17ee07d8-ae56-c4ad-5e36-1626353b7c4b"],"children":[],"data":{"attr":{"type":"submit","value":"SIGN UP","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf50498f","type":"FormSuccessMessage","tag":"div","classes":[],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504990"],"data":{"form":{"type":"msg-done"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504990","type":"Block","tag":"div","classes":[],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504991"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504991","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504992","type":"FormErrorMessage","tag":"div","classes":[],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504993"],"data":{"form":{"type":"msg-fail"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504993","type":"Block","tag":"div","classes":[],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504994"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504994","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"04480b00-8f0f-cf9b-b61b-268392053a51","type":"Block","tag":"div","classes":["fb5530f2-11ff-3ef9-476f-dc0a84d86e98"],"children":["04480b00-8f0f-cf9b-b61b-268392053a52"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"04480b00-8f0f-cf9b-b61b-268392053a52","text":true,"v":"By continuing, you agree to accept our Privacy Policy & Terms of Service."},{"_id":"99b90a1c-8c66-2b03-fadb-8d05ce89a2de","type":"Block","tag":"div","classes":["d9f158f7-634f-8e31-2432-ccd4c5963d18"],"children":["35889265-b891-7d66-8fe8-861794692d2d","1fbf051b-f383-c263-bff9-d6b1ecd50ead"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"35889265-b891-7d66-8fe8-861794692d2d","type":"Block","tag":"div","classes":["3c23592d-07c7-99c7-ecb0-dcabce1d8bc4"],"children":["35889265-b891-7d66-8fe8-861794692d2e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"35889265-b891-7d66-8fe8-861794692d2e","text":true,"v":"Copyright 2023 Template.com"},{"_id":"1fbf051b-f383-c263-bff9-d6b1ecd50ead","type":"Block","tag":"div","classes":["3d728122-c418-6cce-8d79-9305e0b25a62"],"children":["12d8a168-7685-ec1a-5077-b70b8abeb992","1759db12-e9b3-2b0f-0640-e582bb0f577b","83370663-5628-2ad5-9209-ab3f5c62f0b5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"12d8a168-7685-ec1a-5077-b70b8abeb992","type":"Link","tag":"a","classes":["7ce5425f-e3e2-7c50-da58-8055cedd129f"],"children":["12d8a168-7685-ec1a-5077-b70b8abeb993"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"12d8a168-7685-ec1a-5077-b70b8abeb993","text":true,"v":"Terms & Conditions"},{"_id":"1759db12-e9b3-2b0f-0640-e582bb0f577b","type":"Block","tag":"div","classes":["3c23592d-07c7-99c7-ecb0-dcabce1d8bc4"],"children":["a2b3770d-3e1a-f720-c8fa-dbb0b29294b7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2b3770d-3e1a-f720-c8fa-dbb0b29294b7","text":true,"v":"|"},{"_id":"83370663-5628-2ad5-9209-ab3f5c62f0b5","type":"Link","tag":"a","classes":["7ce5425f-e3e2-7c50-da58-8055cedd129f"],"children":["83370663-5628-2ad5-9209-ab3f5c62f0b6"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"83370663-5628-2ad5-9209-ab3f5c62f0b6","text":true,"v":"Privacy Policy"}],"styles":[{"_id":"3c23592d-07c7-99c7-ecb0-dcabce1d8bc4","fake":false,"type":"class","name":"footer-text","namespace":"","comb":"","styleLess":"opacity: 0.7; font-size: 11px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e826b84e-233b-7cfb-24dc-00addf93fcba","fake":false,"type":"class","name":"wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 490px; padding-top: 80px; padding-bottom: 30px; background-color: hsla(0, 0.00%, 30.59%, 0.70); backdrop-filter: blur(10px);","variants":{"medium":{"styleLess":"margin-right: auto; margin-left: auto;"},"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-top: 40px; padding-bottom: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2dac6221-30d4-5ca6-63a4-3a49bb829a71","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 25px; height: 25px; margin-top: 0px; margin-right: 10px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: hsla(0, 0.00%, 100.00%, 1.00); opacity: 1;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"17ee07d8-ae56-c4ad-5e36-1626353b7c4b","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 50px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(343.93939393939394, 86.09%, 54.90%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; font-size: 15px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;","variants":{"main_hover":{"styleLess":"background-color: hsla(343.93939393939394, 86.09%, 54.90%, 0.70);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"0d625480-1a2e-2bf9-3c11-ce2f1ee3bcd1","fake":false,"type":"class","name":"checkbox-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 20px; padding-left: 0px; align-items: center; text-align: left;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"aa717eb3-d8e0-d5ca-a3c3-13d241823c28","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"dce31dbd-e7f8-f806-b046-542abe6ccda3","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-weight: 500; text-align: left;","variants":{},"children":["8617ec50-be82-197b-cf84-12f9d983d3b3"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"8b405ffa-f574-6327-ffab-8bcd674e468c","fake":false,"type":"class","name":"shade","namespace":"","comb":"","styleLess":"display: flex; align-items: flex-end; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-image: linear-gradient(358deg, hsla(0, 0.00%, 0.00%, 0.70), hsla(0, 0.00%, 100.00%, 0.00));","variants":{"medium":{"styleLess":"display: none;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4340d696-e6ef-c28f-2b14-04002b05ecbe","fake":false,"type":"class","name":"spacer-40","namespace":"","comb":"","styleLess":"height: 40px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7ce5425f-e3e2-7c50-da58-8055cedd129f","fake":false,"type":"class","name":"footer-link","namespace":"","comb":"","styleLess":"opacity: 0.7; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-size: 11px; font-weight: 500;","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"de3af473-67cf-d353-d01b-04f6fe064118","fake":false,"type":"class","name":"content","namespace":"","comb":"","styleLess":"display: flex; margin-left: 0px; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c3209b48-16f7-d907-ecc5-813af96e7b92","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 50px; margin-bottom: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"820116c8-eb92-1d8f-f83e-5a98ed41102b","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 15px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fb233447-355f-5bbe-fe31-a910c639e32e","fake":false,"type":"class","name":"mw-400","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 400px; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: space-between; align-items: stretch;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fb5530f2-11ff-3ef9-476f-dc0a84d86e98","fake":false,"type":"class","name":"disclaimer","namespace":"","comb":"","styleLess":"width: 100%; max-width: 240px; opacity: 0.7; font-size: 11px; line-height: 1.5;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a6424851-7c46-56e9-80a2-f94863c0079b","fake":false,"type":"class","name":"heading-big","namespace":"","comb":"","styleLess":"width: 100%; max-width: 760px; margin-bottom: 70px; margin-left: 5%; font-size: 70px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7185677a-6d9e-fee1-5b30-49c33125d106","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1920px; margin-right: auto; margin-left: auto; background-image: @img_63f63c35862469f43c5d5aef; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"3d728122-c418-6cce-8d79-9305e0b25a62","fake":false,"type":"class","name":"footer-flex","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 5px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d9f158f7-634f-8e31-2432-ccd4c5963d18","fake":false,"type":"class","name":"footer","namespace":"","comb":"","styleLess":"display: flex; padding-top: 20px; justify-content: space-between; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: #8e8e8e;","variants":{"tiny":{"styleLess":"padding-top: 10px; flex-direction: column; grid-row-gap: 10px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"8617ec50-be82-197b-cf84-12f9d983d3b3","fake":false,"type":"class","name":"no-m","namespace":"","comb":"&","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"14feda21-1ec4-9f13-a7b7-b257ed50ccbe","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh; justify-content: space-between;","variants":{"small":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1629bb33-5067-f0f5-9061-fedaae359c08","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"height: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c5774d24-0f45-8ff0-fc4a-59915b7f2b30","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; max-width: 340px; margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background.jpg","siteId":"63f63ba4356092f8bcf3cf73","width":1170,"isHD":false,"height":780,"fileName":"63f63c35862469f43c5d5aef_background.jpg","createdOn":"2023-02-22T16:00:53.407Z","origFileName":"background.jpg","fileHash":"fea1103d728425833fc0937bb7a6a7c5","variants":[{"_id":"63f63c3b597e6b1226cc2650","origFileName":"background-p-500.jpg","fileName":"63f63c35862469f43c5d5aef_background-p-500.jpg","format":"jpg","size":15572,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-500.jpg"},{"_id":"63f63c3b597e6b6fe8cc2651","origFileName":"background-p-800.jpg","fileName":"63f63c35862469f43c5d5aef_background-p-800.jpg","format":"jpg","size":32792,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-800.jpg"},{"_id":"63f63c3b597e6b82cccc2652","origFileName":"background-p-1080.jpg","fileName":"63f63c35862469f43c5d5aef_background-p-1080.jpg","format":"jpg","size":52865,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-1080.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background.jpg","thumbUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-130x130q80.jpg","_id":"63f63c35862469f43c5d5aef","updatedOn":"2023-02-23T11:23:19.068Z","fileSize":272478}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1556ef71-33f3-720c-9863-722012ef6476","type":"Block","tag":"section","classes":["7185677a-6d9e-fee1-5b30-49c33125d106"],"children":["b2f4364b-25de-4015-5685-db18a9fc79a3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"b2f4364b-25de-4015-5685-db18a9fc79a3","type":"Block","tag":"div","classes":["14feda21-1ec4-9f13-a7b7-b257ed50ccbe"],"children":["2d8ff247-4d17-0608-b69c-74acbfa9d9d3","1944a9f0-9bec-8958-39f8-8b14a0d8687b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2d8ff247-4d17-0608-b69c-74acbfa9d9d3","type":"Block","tag":"div","classes":["8b405ffa-f574-6327-ffab-8bcd674e468c"],"children":["94031536-bc5f-4be8-c9c6-b91bf3dc2829"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"94031536-bc5f-4be8-c9c6-b91bf3dc2829","type":"Block","tag":"div","classes":["a6424851-7c46-56e9-80a2-f94863c0079b"],"children":["94031536-bc5f-4be8-c9c6-b91bf3dc282a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"94031536-bc5f-4be8-c9c6-b91bf3dc282a","text":true,"v":"Howdy! Welcome back:)"},{"_id":"1944a9f0-9bec-8958-39f8-8b14a0d8687b","type":"Block","tag":"div","classes":["e826b84e-233b-7cfb-24dc-00addf93fcba"],"children":["5f492462-67c5-ac54-8760-f8d2863f5434"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5f492462-67c5-ac54-8760-f8d2863f5434","type":"Block","tag":"div","classes":["fb233447-355f-5bbe-fe31-a910c639e32e"],"children":["370e8bf0-cd4c-e9c8-736f-829709aead94","99b90a1c-8c66-2b03-fadb-8d05ce89a2de"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"370e8bf0-cd4c-e9c8-736f-829709aead94","type":"Block","tag":"div","classes":["de3af473-67cf-d353-d01b-04f6fe064118"],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504986","04480b00-8f0f-cf9b-b61b-268392053a51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504986","type":"FormWrapper","tag":"div","classes":["c5774d24-0f45-8ff0-fc4a-59915b7f2b30"],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504987","d95ee260-1c1e-4e2c-e9cf-20acaf50498f","d95ee260-1c1e-4e2c-e9cf-20acaf504992"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504987","type":"FormForm","tag":"form","classes":["aa717eb3-d8e0-d5ca-a3c3-13d241823c28"],"children":["b4592d37-b85a-1cab-8943-e5f7f2af6d75","2e890c2d-e8b9-4408-76a3-54795839210b","8bd483e3-39ea-96d4-15e0-2ae6e319b784","5ec5ca10-a314-6f9e-3653-f98aa637c77a","0aecb0c1-7e67-5df5-1d76-143ce86929c2","6b4bf418-80d1-eeac-1f35-a7fdaff429ac","8117d3c0-06e9-3e57-6b1c-ead278c8dbf1","4d6bfdcc-f803-24f0-1578-3cb1dab3fbdf","85100f82-4dfc-9a34-b781-85294c599285","d95ee260-1c1e-4e2c-e9cf-20acaf50498e"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","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":"b4592d37-b85a-1cab-8943-e5f7f2af6d75","type":"Heading","tag":"h1","classes":[],"children":["b4592d37-b85a-1cab-8943-e5f7f2af6d76"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"b4592d37-b85a-1cab-8943-e5f7f2af6d76","text":true,"v":"Share your awesomeness"},{"_id":"2e890c2d-e8b9-4408-76a3-54795839210b","type":"Block","tag":"div","classes":["4340d696-e6ef-c28f-2b14-04002b05ecbe"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8bd483e3-39ea-96d4-15e0-2ae6e319b784","type":"Heading","tag":"h2","classes":[],"children":["8bd483e3-39ea-96d4-15e0-2ae6e319b785"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"8bd483e3-39ea-96d4-15e0-2ae6e319b785","text":true,"v":"Sign Up"},{"_id":"5ec5ca10-a314-6f9e-3653-f98aa637c77a","type":"Paragraph","tag":"p","classes":[],"children":["5ec5ca10-a314-6f9e-3653-f98aa637c77b","bef85962-cd52-6f3d-6b2e-085fefb48ac7"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5ec5ca10-a314-6f9e-3653-f98aa637c77b","text":true,"v":"Already have an account? "},{"_id":"bef85962-cd52-6f3d-6b2e-085fefb48ac7","type":"Link","tag":"a","classes":[],"children":["096fca5e-0e6d-e8db-dbfa-a98717cc4a49"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"096fca5e-0e6d-e8db-dbfa-a98717cc4a49","text":true,"v":"Log in"},{"_id":"0aecb0c1-7e67-5df5-1d76-143ce86929c2","type":"Block","tag":"div","classes":["1629bb33-5067-f0f5-9061-fedaae359c08"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"6b4bf418-80d1-eeac-1f35-a7fdaff429ac","type":"Block","tag":"div","classes":["820116c8-eb92-1d8f-f83e-5a98ed41102b"],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504988","d95ee260-1c1e-4e2c-e9cf-20acaf50498a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504988","type":"FormBlockLabel","tag":"label","classes":["dce31dbd-e7f8-f806-b046-542abe6ccda3"],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504989"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"name","id":""},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504989","text":true,"v":"Full Name"},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf50498a","type":"FormTextInput","tag":"input","classes":["c3209b48-16f7-d907-ecc5-813af96e7b92"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"John Doe","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"full-name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8117d3c0-06e9-3e57-6b1c-ead278c8dbf1","type":"Block","tag":"div","classes":["820116c8-eb92-1d8f-f83e-5a98ed41102b"],"children":["8117d3c0-06e9-3e57-6b1c-ead278c8dbf2","8117d3c0-06e9-3e57-6b1c-ead278c8dbf4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8117d3c0-06e9-3e57-6b1c-ead278c8dbf2","type":"FormBlockLabel","tag":"label","classes":["dce31dbd-e7f8-f806-b046-542abe6ccda3"],"children":["8117d3c0-06e9-3e57-6b1c-ead278c8dbf3"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"8117d3c0-06e9-3e57-6b1c-ead278c8dbf3","text":true,"v":"Email"},{"_id":"8117d3c0-06e9-3e57-6b1c-ead278c8dbf4","type":"FormTextInput","tag":"input","classes":["c3209b48-16f7-d907-ecc5-813af96e7b92"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"johndoe@email.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":[]}}},{"_id":"4d6bfdcc-f803-24f0-1578-3cb1dab3fbdf","type":"Block","tag":"div","classes":["820116c8-eb92-1d8f-f83e-5a98ed41102b"],"children":["4d6bfdcc-f803-24f0-1578-3cb1dab3fbe0","4d6bfdcc-f803-24f0-1578-3cb1dab3fbe2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d6bfdcc-f803-24f0-1578-3cb1dab3fbe0","type":"FormBlockLabel","tag":"label","classes":["dce31dbd-e7f8-f806-b046-542abe6ccda3"],"children":["4d6bfdcc-f803-24f0-1578-3cb1dab3fbe1"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"4d6bfdcc-f803-24f0-1578-3cb1dab3fbe1","text":true,"v":"Password"},{"_id":"4d6bfdcc-f803-24f0-1578-3cb1dab3fbe2","type":"FormTextInput","tag":"input","classes":["c3209b48-16f7-d907-ecc5-813af96e7b92"],"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":[]}}},{"_id":"85100f82-4dfc-9a34-b781-85294c599285","type":"FormCheckboxWrapper","tag":"div","classes":["0d625480-1a2e-2bf9-3c11-ce2f1ee3bcd1"],"children":["85100f82-4dfc-9a34-b781-85294c599286","85100f82-4dfc-9a34-b781-85294c599287"],"data":{"form":{"type":"checkbox"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"85100f82-4dfc-9a34-b781-85294c599286","type":"FormCheckboxInput","tag":"input","classes":["2dac6221-30d4-5ca6-63a4-3a49bb829a71"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"85100f82-4dfc-9a34-b781-85294c599287","type":"FormInlineLabel","tag":"label","classes":["dce31dbd-e7f8-f806-b046-542abe6ccda3","8617ec50-be82-197b-cf84-12f9d983d3b3"],"children":["85100f82-4dfc-9a34-b781-85294c599288"],"data":{"form":{"type":"checkbox-label"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"85100f82-4dfc-9a34-b781-85294c599288","text":true,"v":"Sign up for email updates"},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf50498e","type":"FormButton","tag":"input","classes":["17ee07d8-ae56-c4ad-5e36-1626353b7c4b"],"children":[],"data":{"attr":{"type":"submit","value":"SIGN UP","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf50498f","type":"FormSuccessMessage","tag":"div","classes":[],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504990"],"data":{"form":{"type":"msg-done"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504990","type":"Block","tag":"div","classes":[],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504991"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504991","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504992","type":"FormErrorMessage","tag":"div","classes":[],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504993"],"data":{"form":{"type":"msg-fail"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504993","type":"Block","tag":"div","classes":[],"children":["d95ee260-1c1e-4e2c-e9cf-20acaf504994"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d95ee260-1c1e-4e2c-e9cf-20acaf504994","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"04480b00-8f0f-cf9b-b61b-268392053a51","type":"Block","tag":"div","classes":["fb5530f2-11ff-3ef9-476f-dc0a84d86e98"],"children":["04480b00-8f0f-cf9b-b61b-268392053a52"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"04480b00-8f0f-cf9b-b61b-268392053a52","text":true,"v":"By continuing, you agree to accept our Privacy Policy & Terms of Service."},{"_id":"99b90a1c-8c66-2b03-fadb-8d05ce89a2de","type":"Block","tag":"div","classes":["d9f158f7-634f-8e31-2432-ccd4c5963d18"],"children":["35889265-b891-7d66-8fe8-861794692d2d","1fbf051b-f383-c263-bff9-d6b1ecd50ead"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"35889265-b891-7d66-8fe8-861794692d2d","type":"Block","tag":"div","classes":["3c23592d-07c7-99c7-ecb0-dcabce1d8bc4"],"children":["35889265-b891-7d66-8fe8-861794692d2e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"35889265-b891-7d66-8fe8-861794692d2e","text":true,"v":"Copyright 2023 Template.com"},{"_id":"1fbf051b-f383-c263-bff9-d6b1ecd50ead","type":"Block","tag":"div","classes":["3d728122-c418-6cce-8d79-9305e0b25a62"],"children":["12d8a168-7685-ec1a-5077-b70b8abeb992","1759db12-e9b3-2b0f-0640-e582bb0f577b","83370663-5628-2ad5-9209-ab3f5c62f0b5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"12d8a168-7685-ec1a-5077-b70b8abeb992","type":"Link","tag":"a","classes":["7ce5425f-e3e2-7c50-da58-8055cedd129f"],"children":["12d8a168-7685-ec1a-5077-b70b8abeb993"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"12d8a168-7685-ec1a-5077-b70b8abeb993","text":true,"v":"Terms & Conditions"},{"_id":"1759db12-e9b3-2b0f-0640-e582bb0f577b","type":"Block","tag":"div","classes":["3c23592d-07c7-99c7-ecb0-dcabce1d8bc4"],"children":["a2b3770d-3e1a-f720-c8fa-dbb0b29294b7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2b3770d-3e1a-f720-c8fa-dbb0b29294b7","text":true,"v":"|"},{"_id":"83370663-5628-2ad5-9209-ab3f5c62f0b5","type":"Link","tag":"a","classes":["7ce5425f-e3e2-7c50-da58-8055cedd129f"],"children":["83370663-5628-2ad5-9209-ab3f5c62f0b6"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"83370663-5628-2ad5-9209-ab3f5c62f0b6","text":true,"v":"Privacy Policy"}],"styles":[{"_id":"3c23592d-07c7-99c7-ecb0-dcabce1d8bc4","fake":false,"type":"class","name":"footer-text","namespace":"","comb":"","styleLess":"opacity: 0.7; font-size: 11px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e826b84e-233b-7cfb-24dc-00addf93fcba","fake":false,"type":"class","name":"wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 490px; padding-top: 80px; padding-bottom: 30px; background-color: hsla(0, 0.00%, 30.59%, 0.70); backdrop-filter: blur(10px);","variants":{"medium":{"styleLess":"margin-right: auto; margin-left: auto;"},"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-top: 40px; padding-bottom: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2dac6221-30d4-5ca6-63a4-3a49bb829a71","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 25px; height: 25px; margin-top: 0px; margin-right: 10px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: hsla(0, 0.00%, 100.00%, 1.00); opacity: 1;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"17ee07d8-ae56-c4ad-5e36-1626353b7c4b","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 50px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(343.93939393939394, 86.09%, 54.90%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; font-size: 15px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;","variants":{"main_hover":{"styleLess":"background-color: hsla(343.93939393939394, 86.09%, 54.90%, 0.70);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"0d625480-1a2e-2bf9-3c11-ce2f1ee3bcd1","fake":false,"type":"class","name":"checkbox-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 20px; padding-left: 0px; align-items: center; text-align: left;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"aa717eb3-d8e0-d5ca-a3c3-13d241823c28","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"dce31dbd-e7f8-f806-b046-542abe6ccda3","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-weight: 500; text-align: left;","variants":{},"children":["8617ec50-be82-197b-cf84-12f9d983d3b3"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"8b405ffa-f574-6327-ffab-8bcd674e468c","fake":false,"type":"class","name":"shade","namespace":"","comb":"","styleLess":"display: flex; align-items: flex-end; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-image: linear-gradient(358deg, hsla(0, 0.00%, 0.00%, 0.70), hsla(0, 0.00%, 100.00%, 0.00));","variants":{"medium":{"styleLess":"display: none;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4340d696-e6ef-c28f-2b14-04002b05ecbe","fake":false,"type":"class","name":"spacer-40","namespace":"","comb":"","styleLess":"height: 40px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7ce5425f-e3e2-7c50-da58-8055cedd129f","fake":false,"type":"class","name":"footer-link","namespace":"","comb":"","styleLess":"opacity: 0.7; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-size: 11px; font-weight: 500;","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"de3af473-67cf-d353-d01b-04f6fe064118","fake":false,"type":"class","name":"content","namespace":"","comb":"","styleLess":"display: flex; margin-left: 0px; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c3209b48-16f7-d907-ecc5-813af96e7b92","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 50px; margin-bottom: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"820116c8-eb92-1d8f-f83e-5a98ed41102b","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 15px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fb233447-355f-5bbe-fe31-a910c639e32e","fake":false,"type":"class","name":"mw-400","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 400px; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: space-between; align-items: stretch;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fb5530f2-11ff-3ef9-476f-dc0a84d86e98","fake":false,"type":"class","name":"disclaimer","namespace":"","comb":"","styleLess":"width: 100%; max-width: 240px; opacity: 0.7; font-size: 11px; line-height: 1.5;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a6424851-7c46-56e9-80a2-f94863c0079b","fake":false,"type":"class","name":"heading-big","namespace":"","comb":"","styleLess":"width: 100%; max-width: 760px; margin-bottom: 70px; margin-left: 5%; font-size: 70px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7185677a-6d9e-fee1-5b30-49c33125d106","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1920px; margin-right: auto; margin-left: auto; background-image: @img_63f63c35862469f43c5d5aef; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"3d728122-c418-6cce-8d79-9305e0b25a62","fake":false,"type":"class","name":"footer-flex","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 5px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d9f158f7-634f-8e31-2432-ccd4c5963d18","fake":false,"type":"class","name":"footer","namespace":"","comb":"","styleLess":"display: flex; padding-top: 20px; justify-content: space-between; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: #8e8e8e;","variants":{"tiny":{"styleLess":"padding-top: 10px; flex-direction: column; grid-row-gap: 10px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"8617ec50-be82-197b-cf84-12f9d983d3b3","fake":false,"type":"class","name":"no-m","namespace":"","comb":"&","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"14feda21-1ec4-9f13-a7b7-b257ed50ccbe","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh; justify-content: space-between;","variants":{"small":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1629bb33-5067-f0f5-9061-fedaae359c08","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"height: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c5774d24-0f45-8ff0-fc4a-59915b7f2b30","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; max-width: 340px; margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background.jpg","siteId":"63f63ba4356092f8bcf3cf73","width":1170,"isHD":false,"height":780,"fileName":"63f63c35862469f43c5d5aef_background.jpg","createdOn":"2023-02-22T16:00:53.407Z","origFileName":"background.jpg","fileHash":"fea1103d728425833fc0937bb7a6a7c5","variants":[{"_id":"63f63c3b597e6b1226cc2650","origFileName":"background-p-500.jpg","fileName":"63f63c35862469f43c5d5aef_background-p-500.jpg","format":"jpg","size":15572,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-500.jpg"},{"_id":"63f63c3b597e6b6fe8cc2651","origFileName":"background-p-800.jpg","fileName":"63f63c35862469f43c5d5aef_background-p-800.jpg","format":"jpg","size":32792,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-800.jpg"},{"_id":"63f63c3b597e6b82cccc2652","origFileName":"background-p-1080.jpg","fileName":"63f63c35862469f43c5d5aef_background-p-1080.jpg","format":"jpg","size":52865,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-1080.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background.jpg","thumbUrl":"https://cdn.prod.website-files.com/63f63ba4356092f8bcf3cf73/63f63c35862469f43c5d5aef_background-p-130x130q80.jpg","_id":"63f63c35862469f43c5d5aef","updatedOn":"2023-02-23T11:23:19.068Z","fileSize":272478}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

A fun music-themed glassmorphism Webflow + Memberstack sign up screen designed to engage users with a modern aesthetic.

Key Features:

  • Responsive design suitable for various devices
  • Integrated with Memberstack for user authentication
  • Customizable fields for user information
  • Includes success and error messages for form submissions
  • Stylish glassmorphism effect for a contemporary look

Design Elements:

  • Glassmorphism style with a blurred background
  • Rounded corners for input fields and buttons
  • Flexbox layout for responsive design

Potential Use Cases:

  • Music streaming services looking to enhance user sign-up experience
  • Event registration platforms wanting a modern aesthetic
  • Creative agencies needing a stylish sign-up form for clients
  • Online courses or workshops requiring user registration
  • Social media platforms focusing on user engagement

Conclusion: The Glassmorphism Sign Up Component is a versatile and visually appealing solution for businesses aiming to create an engaging user registration experience.

Start building

Start building your dreams

Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.