Loading Component...

Loading

More Components

View All
Part of

3D Signup Form

Oops! Something went wrong while submitting the form.
3D Signup Form
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4b113119-f766-b396-2da2-40ea883e8731","type":"Section","tag":"section","classes":["6acccd34-4c86-5b3c-beaf-6718b80c8973"],"children":["06b3adaa-05ea-6781-b75e-203342f3d7d8"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"06b3adaa-05ea-6781-b75e-203342f3d7d8","type":"Block","tag":"div","classes":["b34dad1f-07d4-6784-c15e-fb4dd3952f51"],"children":["3c0e9941-b70a-e01e-52ac-6f68e8b99933","05e8347a-8729-adc6-d1c8-75d6a84571d3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3c0e9941-b70a-e01e-52ac-6f68e8b99933","type":"Block","tag":"div","classes":["4c6613d5-0cdf-5b0f-4915-86212dedcea8"],"children":["9c27aecf-b499-3636-c16e-9255d699f50d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9c27aecf-b499-3636-c16e-9255d699f50d","type":"HtmlEmbed","tag":"div","classes":["18c94046-b8df-37c2-43f7-76ac0da46783"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20 22H18V20C18 19.2044 17.6839 18.4413 17.1213 17.8787C16.5587 17.3161 15.7956 17 15 17H9C8.20435 17 7.44129 17.3161 6.87868 17.8787C6.31607 18.4413 6 19.2044 6 20V22H4V20C4 18.6739 4.52678 17.4021 5.46447 16.4645C6.40215 15.5268 7.67392 15 9 15H15C16.3261 15 17.5979 15.5268 18.5355 16.4645C19.4732 17.4021 20 18.6739 20 20V22ZM12 13C11.2121 13 10.4319 12.8448 9.7039 12.5433C8.97595 12.2417 8.31451 11.7998 7.75736 11.2426C7.20021 10.6855 6.75825 10.0241 6.45672 9.2961C6.15519 8.56815 6 7.78793 6 7C6 6.21207 6.15519 5.43185 6.45672 4.7039C6.75825 3.97595 7.20021 3.31451 7.75736 2.75736C8.31451 2.20021 8.97595 1.75825 9.7039 1.45672C10.4319 1.15519 11.2121 1 12 1C13.5913 1 15.1174 1.63214 16.2426 2.75736C17.3679 3.88258 18 5.4087 18 7C18 8.5913 17.3679 10.1174 16.2426 11.2426C15.1174 12.3679 13.5913 13 12 13V13ZM12 11C13.0609 11 14.0783 10.5786 14.8284 9.82843C15.5786 9.07828 16 8.06087 16 7C16 5.93913 15.5786 4.92172 14.8284 4.17157C14.0783 3.42143 13.0609 3 12 3C10.9391 3 9.92172 3.42143 9.17157 4.17157C8.42143 4.92172 8 5.93913 8 7C8 8.06087 8.42143 9.07828 9.17157 9.82843C9.92172 10.5786 10.9391 11 12 11V11Z\" 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=\"M20 22H18V20C18 19.2044 17.6839 18.4413 17.1213 17.8787C16.5587 17.3161 15.7956 17 15 17H9C8.20435 17 7.44129 17.3161 6.87868 17.8787C6.31607 18.4413 6 19.2044 6 20V22H4V20C4 18.6739 4.52678 17.4021 5.46447 16.4645C6.40215 15.5268 7.67392 15 9 15H15C16.3261 15 17.5979 15.5268 18.5355 16.4645C19.4732 17.4021 20 18.6739 20 20V22ZM12 13C11.2121 13 10.4319 12.8448 9.7039 12.5433C8.97595 12.2417 8.31451 11.7998 7.75736 11.2426C7.20021 10.6855 6.75825 10.0241 6.45672 9.2961C6.15519 8.56815 6 7.78793 6 7C6 6.21207 6.15519 5.43185 6.45672 4.7039C6.75825 3.97595 7.20021 3.31451 7.75736 2.75736C8.31451 2.20021 8.97595 1.75825 9.7039 1.45672C10.4319 1.15519 11.2121 1 12 1C13.5913 1 15.1174 1.63214 16.2426 2.75736C17.3679 3.88258 18 5.4087 18 7C18 8.5913 17.3679 10.1174 16.2426 11.2426C15.1174 12.3679 13.5913 13 12 13V13ZM12 11C13.0609 11 14.0783 10.5786 14.8284 9.82843C15.5786 9.07828 16 8.06087 16 7C16 5.93913 15.5786 4.92172 14.8284 4.17157C14.0783 3.42143 13.0609 3 12 3C10.9391 3 9.92172 3.42143 9.17157 4.17157C8.42143 4.92172 8 5.93913 8 7C8 8.06087 8.42143 9.07828 9.17157 9.82843C9.92172 10.5786 10.9391 11 12 11V11Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571d3","type":"FormWrapper","tag":"div","classes":["485c98cf-306f-6d01-84bd-8490f4278820"],"children":["05e8347a-8729-adc6-d1c8-75d6a84571d4","05e8347a-8729-adc6-d1c8-75d6a84571dc","05e8347a-8729-adc6-d1c8-75d6a84571df"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571d4","type":"FormForm","tag":"form","classes":["fd72047f-658b-f885-41aa-ed2dd6e4abee"],"children":["ee2a78fb-71e0-903b-dead-2d5bc76c3e55","54c0d8a6-b336-3c34-e86c-e640500f7d0d","879697bc-1aa7-fa5c-ecfd-cb05a88125c9","3f1f5312-f28e-9f33-21a2-84997118361c","29356fc3-9269-c10a-ba42-6f2c51fb4f97","acc3baea-c4f6-eb52-46c2-a91fc991cb48","9da9b195-c3bd-2664-9f9f-6758f84c525b","05e8347a-8729-adc6-d1c8-75d6a84571db"],"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":"ee2a78fb-71e0-903b-dead-2d5bc76c3e55","type":"Heading","tag":"h1","classes":["e1030407-beb2-a5ee-289b-581eeb574e39"],"children":["ee2a78fb-71e0-903b-dead-2d5bc76c3e56"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"ee2a78fb-71e0-903b-dead-2d5bc76c3e56","text":true,"v":"Create an account"},{"_id":"54c0d8a6-b336-3c34-e86c-e640500f7d0d","type":"Link","tag":"a","classes":["4b852e76-7f25-aee0-1700-6078bc65e83b"],"children":["54c0d8a6-b336-3c34-e86c-e640500f7d0e","54c0d8a6-b336-3c34-e86c-e640500f7d0f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"54c0d8a6-b336-3c34-e86c-e640500f7d0e","type":"Image","tag":"img","classes":["4b852e76-7f25-aee0-1700-6078bc65e83c"],"children":[],"data":{"img":{"id":"647d9a9362184a0977fea159"},"attr":{"src":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9a9362184a0977fea159_google.svg","loading":"lazy","width":"auto","height":"auto"}}},{"_id":"54c0d8a6-b336-3c34-e86c-e640500f7d0f","type":"Paragraph","tag":"p","classes":["6ccca2b0-48e5-66e6-525a-6d960797d3d1"],"children":["54c0d8a6-b336-3c34-e86c-e640500f7d10"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"54c0d8a6-b336-3c34-e86c-e640500f7d10","text":true,"v":"Continue with Google"},{"_id":"879697bc-1aa7-fa5c-ecfd-cb05a88125c9","type":"Block","tag":"div","classes":["2207c775-c685-3d6c-2e87-78031f8cf8ed"],"children":["bbd7b7c5-e4a2-9238-ea4b-299ac784fe8c","faf8c87f-7ffc-c4ba-4690-e5589295a9f5","1be10b80-3140-6e35-0e28-4dd4f4aaa059"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bbd7b7c5-e4a2-9238-ea4b-299ac784fe8c","type":"Block","tag":"div","classes":["021d9147-36fd-643f-5954-9a350834691f"],"children":[],"data":{"tag":"div","text":false}},{"_id":"faf8c87f-7ffc-c4ba-4690-e5589295a9f5","type":"Block","tag":"div","classes":[],"children":["faf8c87f-7ffc-c4ba-4690-e5589295a9f6"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"faf8c87f-7ffc-c4ba-4690-e5589295a9f6","text":true,"v":"or"},{"_id":"1be10b80-3140-6e35-0e28-4dd4f4aaa059","type":"Block","tag":"div","classes":["021d9147-36fd-643f-5954-9a350834691f"],"children":[],"data":{"tag":"div","text":false}},{"_id":"3f1f5312-f28e-9f33-21a2-84997118361c","type":"Block","tag":"div","classes":["a7d6ddd1-8203-b23f-7d75-8363d7f4d489"],"children":["05e8347a-8729-adc6-d1c8-75d6a84571d7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571d7","type":"FormTextInput","tag":"input","classes":["35b84295-d5b8-80ee-42b4-1b309ab610ad"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"Your name","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}]}},{"_id":"29356fc3-9269-c10a-ba42-6f2c51fb4f97","type":"Block","tag":"div","classes":["a7d6ddd1-8203-b23f-7d75-8363d7f4d489"],"children":["05e8347a-8729-adc6-d1c8-75d6a84571da"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571da","type":"FormTextInput","tag":"input","classes":["35b84295-d5b8-80ee-42b4-1b309ab610ad"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"Email","placeholder":"Your email","type":"email","id":"email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"acc3baea-c4f6-eb52-46c2-a91fc991cb48","type":"Block","tag":"div","classes":["a7d6ddd1-8203-b23f-7d75-8363d7f4d489"],"children":["acc3baea-c4f6-eb52-46c2-a91fc991cb49"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"acc3baea-c4f6-eb52-46c2-a91fc991cb49","type":"FormTextInput","tag":"input","classes":["35b84295-d5b8-80ee-42b4-1b309ab610ad"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Your password","type":"password","id":"password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"form":{"name":"Password","type":"input","passwordPage":false}}},{"_id":"9da9b195-c3bd-2664-9f9f-6758f84c525b","type":"Block","tag":"div","classes":["cecbbfa4-9a03-06b2-02b9-06b35650fd7b"],"children":[],"data":{"tag":"div","text":false}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571db","type":"FormButton","tag":"input","classes":["14f10c35-348a-0773-dd72-d2cae452777a"],"children":[],"data":{"attr":{"type":"submit","value":"Sign up","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571dc","type":"FormSuccessMessage","tag":"div","classes":[],"children":["05e8347a-8729-adc6-d1c8-75d6a84571dd"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571dd","type":"Block","tag":"div","classes":[],"children":["05e8347a-8729-adc6-d1c8-75d6a84571de"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571de","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571df","type":"FormErrorMessage","tag":"div","classes":[],"children":["05e8347a-8729-adc6-d1c8-75d6a84571e0"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571e0","type":"Block","tag":"div","classes":[],"children":["05e8347a-8729-adc6-d1c8-75d6a84571e1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571e1","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"14f10c35-348a-0773-dd72-d2cae452777a","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-image: linear-gradient(85deg, hsla(212.17391304347825, 74.19%, 81.76%, 1.00), hsla(288.6486486486487, 74.00%, 80.39%, 1.00) 49%, hsla(317.1428571428571, 22.11%, 81.37%, 1.00)); box-shadow: 3px 3px 0 0 hsla(0, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 500; text-align: center;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"18c94046-b8df-37c2-43f7-76ac0da46783","fake":false,"type":"class","name":"Icon","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 24px; height: 24px; justify-content: center; align-items: center; color: black;","variants":{},"children":[],"selector":null},{"_id":"6ccca2b0-48e5-66e6-525a-6d960797d3d1","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fd72047f-658b-f885-41aa-ed2dd6e4abee","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b852e76-7f25-aee0-1700-6078bc65e83b","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 45px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(212.85714285714286, 0.00%, 100.00%, 1.00); box-shadow: 3px 3px 0 0 hsla(0, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(200.625, 0.00%, 0.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e1030407-beb2-a5ee-289b-581eeb574e39","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 30px; font-size: 30px; line-height: 1; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b34dad1f-07d4-6784-c15e-fb4dd3952f51","fake":false,"type":"class","name":"modal","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; max-width: 600px; padding-top: 50px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; 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%, 0.70); box-shadow: none /* 3px 3px 0 0 black */; backdrop-filter: blur(5px); text-align: center;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a7d6ddd1-8203-b23f-7d75-8363d7f4d489","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 15px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b852e76-7f25-aee0-1700-6078bc65e83c","fake":false,"type":"class","name":"link-img","namespace":"","comb":"","styleLess":"margin-right: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"485c98cf-306f-6d01-84bd-8490f4278820","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2207c775-c685-3d6c-2e87-78031f8cf8ed","fake":false,"type":"class","name":"or-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-top: 22px; margin-bottom: 20px; justify-content: space-between; align-items: center; grid-column-gap: 15px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"021d9147-36fd-643f-5954-9a350834691f","fake":false,"type":"class","name":"line","namespace":"","comb":"","styleLess":"height: 1px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-color: black;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cecbbfa4-9a03-06b2-02b9-06b35650fd7b","fake":false,"type":"class","name":"spacer-15","namespace":"","comb":"","styleLess":"height: 15px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4c6613d5-0cdf-5b0f-4915-86212dedcea8","fake":false,"type":"class","name":"icon-wrap","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: -23px; right: auto; bottom: auto; display: flex; width: 45px; height: 45px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(223.63636363636363, 76.74%, 83.14%, 1.00); box-shadow: none /* 3px 3px 0 0 hsla(0, 0.00%, 0.00%, 1.00) */;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"6acccd34-4c86-5b3c-beaf-6718b80c8973","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 100px; padding-right: 5%; padding-bottom: 100px; padding-left: 5%; justify-content: center; align-items: center; background-image: @img_647d9555c08c36dc4ffb6ed2; background-position: 50% 50%; background-size: cover;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"35b84295-d5b8-80ee-42b4-1b309ab610ad","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(65, 0.00%, 100.00%, 1.00); box-shadow: 3px 3px 0 0 hsla(0, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_focus-visible":{"styleLess":"border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9a9362184a0977fea159_google.svg","siteId":"647d946cf7de8d62ea31e422","width":15,"isHD":false,"height":16,"fileName":"647d9a9362184a0977fea159_google.svg","createdOn":"2023-06-05T08:19:31.080Z","origFileName":"google.svg","fileHash":"858c798092d53335f9ff95d935c1c4ff","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9a9362184a0977fea159_google.svg","thumbUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9a9362184a0977fea159_google.svg","_id":"647d9a9362184a0977fea159","updatedOn":"2023-06-05T08:19:31.196Z","fileSize":1379},{"cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4.jpg","siteId":"647d946cf7de8d62ea31e422","width":2078,"isHD":false,"height":1440,"fileName":"647d9555c08c36dc4ffb6ed2_grad4.jpg","createdOn":"2023-06-05T07:57:09.642Z","origFileName":"grad4.jpg","fileHash":"e849f09af7cd99a17c045a35122e977b","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-500.jpg","origFileName":"grad4-p-500.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-500.jpg","size":3585,"format":"jpg","width":500,"quality":100,"_id":"647d95686bc2fc10ac11fcdf","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-800.jpg","origFileName":"grad4-p-800.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-800.jpg","size":6613,"format":"jpg","width":800,"quality":100,"_id":"647d95686bc2fc10ac11fce0","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-1080.jpg","origFileName":"grad4-p-1080.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-1080.jpg","size":10677,"format":"jpg","width":1080,"quality":100,"_id":"647d95686bc2fc10ac11fce1","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-1600.jpg","origFileName":"grad4-p-1600.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-1600.jpg","size":23582,"format":"jpg","width":1600,"quality":100,"_id":"647d95686bc2fc10ac11fce2","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-1600.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-2000.jpg","origFileName":"grad4-p-2000.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-2000.jpg","size":40327,"format":"jpg","width":2000,"quality":100,"_id":"647d95686bc2fc10ac11fce3","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-2000.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4.jpg","thumbUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-130x130q80.jpg","_id":"647d9555c08c36dc4ffb6ed2","updatedOn":"2023-06-05T08:02:04.184Z","fileSize":1416892}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4b113119-f766-b396-2da2-40ea883e8731","type":"Section","tag":"section","classes":["6acccd34-4c86-5b3c-beaf-6718b80c8973"],"children":["06b3adaa-05ea-6781-b75e-203342f3d7d8"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"06b3adaa-05ea-6781-b75e-203342f3d7d8","type":"Block","tag":"div","classes":["b34dad1f-07d4-6784-c15e-fb4dd3952f51"],"children":["3c0e9941-b70a-e01e-52ac-6f68e8b99933","05e8347a-8729-adc6-d1c8-75d6a84571d3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3c0e9941-b70a-e01e-52ac-6f68e8b99933","type":"Block","tag":"div","classes":["4c6613d5-0cdf-5b0f-4915-86212dedcea8"],"children":["9c27aecf-b499-3636-c16e-9255d699f50d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9c27aecf-b499-3636-c16e-9255d699f50d","type":"HtmlEmbed","tag":"div","classes":["18c94046-b8df-37c2-43f7-76ac0da46783"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20 22H18V20C18 19.2044 17.6839 18.4413 17.1213 17.8787C16.5587 17.3161 15.7956 17 15 17H9C8.20435 17 7.44129 17.3161 6.87868 17.8787C6.31607 18.4413 6 19.2044 6 20V22H4V20C4 18.6739 4.52678 17.4021 5.46447 16.4645C6.40215 15.5268 7.67392 15 9 15H15C16.3261 15 17.5979 15.5268 18.5355 16.4645C19.4732 17.4021 20 18.6739 20 20V22ZM12 13C11.2121 13 10.4319 12.8448 9.7039 12.5433C8.97595 12.2417 8.31451 11.7998 7.75736 11.2426C7.20021 10.6855 6.75825 10.0241 6.45672 9.2961C6.15519 8.56815 6 7.78793 6 7C6 6.21207 6.15519 5.43185 6.45672 4.7039C6.75825 3.97595 7.20021 3.31451 7.75736 2.75736C8.31451 2.20021 8.97595 1.75825 9.7039 1.45672C10.4319 1.15519 11.2121 1 12 1C13.5913 1 15.1174 1.63214 16.2426 2.75736C17.3679 3.88258 18 5.4087 18 7C18 8.5913 17.3679 10.1174 16.2426 11.2426C15.1174 12.3679 13.5913 13 12 13V13ZM12 11C13.0609 11 14.0783 10.5786 14.8284 9.82843C15.5786 9.07828 16 8.06087 16 7C16 5.93913 15.5786 4.92172 14.8284 4.17157C14.0783 3.42143 13.0609 3 12 3C10.9391 3 9.92172 3.42143 9.17157 4.17157C8.42143 4.92172 8 5.93913 8 7C8 8.06087 8.42143 9.07828 9.17157 9.82843C9.92172 10.5786 10.9391 11 12 11V11Z\" 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=\"M20 22H18V20C18 19.2044 17.6839 18.4413 17.1213 17.8787C16.5587 17.3161 15.7956 17 15 17H9C8.20435 17 7.44129 17.3161 6.87868 17.8787C6.31607 18.4413 6 19.2044 6 20V22H4V20C4 18.6739 4.52678 17.4021 5.46447 16.4645C6.40215 15.5268 7.67392 15 9 15H15C16.3261 15 17.5979 15.5268 18.5355 16.4645C19.4732 17.4021 20 18.6739 20 20V22ZM12 13C11.2121 13 10.4319 12.8448 9.7039 12.5433C8.97595 12.2417 8.31451 11.7998 7.75736 11.2426C7.20021 10.6855 6.75825 10.0241 6.45672 9.2961C6.15519 8.56815 6 7.78793 6 7C6 6.21207 6.15519 5.43185 6.45672 4.7039C6.75825 3.97595 7.20021 3.31451 7.75736 2.75736C8.31451 2.20021 8.97595 1.75825 9.7039 1.45672C10.4319 1.15519 11.2121 1 12 1C13.5913 1 15.1174 1.63214 16.2426 2.75736C17.3679 3.88258 18 5.4087 18 7C18 8.5913 17.3679 10.1174 16.2426 11.2426C15.1174 12.3679 13.5913 13 12 13V13ZM12 11C13.0609 11 14.0783 10.5786 14.8284 9.82843C15.5786 9.07828 16 8.06087 16 7C16 5.93913 15.5786 4.92172 14.8284 4.17157C14.0783 3.42143 13.0609 3 12 3C10.9391 3 9.92172 3.42143 9.17157 4.17157C8.42143 4.92172 8 5.93913 8 7C8 8.06087 8.42143 9.07828 9.17157 9.82843C9.92172 10.5786 10.9391 11 12 11V11Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571d3","type":"FormWrapper","tag":"div","classes":["485c98cf-306f-6d01-84bd-8490f4278820"],"children":["05e8347a-8729-adc6-d1c8-75d6a84571d4","05e8347a-8729-adc6-d1c8-75d6a84571dc","05e8347a-8729-adc6-d1c8-75d6a84571df"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571d4","type":"FormForm","tag":"form","classes":["fd72047f-658b-f885-41aa-ed2dd6e4abee"],"children":["ee2a78fb-71e0-903b-dead-2d5bc76c3e55","54c0d8a6-b336-3c34-e86c-e640500f7d0d","879697bc-1aa7-fa5c-ecfd-cb05a88125c9","3f1f5312-f28e-9f33-21a2-84997118361c","29356fc3-9269-c10a-ba42-6f2c51fb4f97","acc3baea-c4f6-eb52-46c2-a91fc991cb48","9da9b195-c3bd-2664-9f9f-6758f84c525b","05e8347a-8729-adc6-d1c8-75d6a84571db"],"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":"ee2a78fb-71e0-903b-dead-2d5bc76c3e55","type":"Heading","tag":"h1","classes":["e1030407-beb2-a5ee-289b-581eeb574e39"],"children":["ee2a78fb-71e0-903b-dead-2d5bc76c3e56"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"ee2a78fb-71e0-903b-dead-2d5bc76c3e56","text":true,"v":"Create an account"},{"_id":"54c0d8a6-b336-3c34-e86c-e640500f7d0d","type":"Link","tag":"a","classes":["4b852e76-7f25-aee0-1700-6078bc65e83b"],"children":["54c0d8a6-b336-3c34-e86c-e640500f7d0e","54c0d8a6-b336-3c34-e86c-e640500f7d0f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"54c0d8a6-b336-3c34-e86c-e640500f7d0e","type":"Image","tag":"img","classes":["4b852e76-7f25-aee0-1700-6078bc65e83c"],"children":[],"data":{"img":{"id":"647d9a9362184a0977fea159"},"attr":{"src":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9a9362184a0977fea159_google.svg","loading":"lazy","width":"auto","height":"auto"}}},{"_id":"54c0d8a6-b336-3c34-e86c-e640500f7d0f","type":"Paragraph","tag":"p","classes":["6ccca2b0-48e5-66e6-525a-6d960797d3d1"],"children":["54c0d8a6-b336-3c34-e86c-e640500f7d10"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"54c0d8a6-b336-3c34-e86c-e640500f7d10","text":true,"v":"Continue with Google"},{"_id":"879697bc-1aa7-fa5c-ecfd-cb05a88125c9","type":"Block","tag":"div","classes":["2207c775-c685-3d6c-2e87-78031f8cf8ed"],"children":["bbd7b7c5-e4a2-9238-ea4b-299ac784fe8c","faf8c87f-7ffc-c4ba-4690-e5589295a9f5","1be10b80-3140-6e35-0e28-4dd4f4aaa059"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bbd7b7c5-e4a2-9238-ea4b-299ac784fe8c","type":"Block","tag":"div","classes":["021d9147-36fd-643f-5954-9a350834691f"],"children":[],"data":{"tag":"div","text":false}},{"_id":"faf8c87f-7ffc-c4ba-4690-e5589295a9f5","type":"Block","tag":"div","classes":[],"children":["faf8c87f-7ffc-c4ba-4690-e5589295a9f6"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"faf8c87f-7ffc-c4ba-4690-e5589295a9f6","text":true,"v":"or"},{"_id":"1be10b80-3140-6e35-0e28-4dd4f4aaa059","type":"Block","tag":"div","classes":["021d9147-36fd-643f-5954-9a350834691f"],"children":[],"data":{"tag":"div","text":false}},{"_id":"3f1f5312-f28e-9f33-21a2-84997118361c","type":"Block","tag":"div","classes":["a7d6ddd1-8203-b23f-7d75-8363d7f4d489"],"children":["05e8347a-8729-adc6-d1c8-75d6a84571d7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571d7","type":"FormTextInput","tag":"input","classes":["35b84295-d5b8-80ee-42b4-1b309ab610ad"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"name","data-name":"Name","placeholder":"Your name","type":"text","id":"name","disabled":false,"required":false},"form":{"type":"input","name":"Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}]}},{"_id":"29356fc3-9269-c10a-ba42-6f2c51fb4f97","type":"Block","tag":"div","classes":["a7d6ddd1-8203-b23f-7d75-8363d7f4d489"],"children":["05e8347a-8729-adc6-d1c8-75d6a84571da"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571da","type":"FormTextInput","tag":"input","classes":["35b84295-d5b8-80ee-42b4-1b309ab610ad"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"Email","placeholder":"Your email","type":"email","id":"email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"acc3baea-c4f6-eb52-46c2-a91fc991cb48","type":"Block","tag":"div","classes":["a7d6ddd1-8203-b23f-7d75-8363d7f4d489"],"children":["acc3baea-c4f6-eb52-46c2-a91fc991cb49"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"acc3baea-c4f6-eb52-46c2-a91fc991cb49","type":"FormTextInput","tag":"input","classes":["35b84295-d5b8-80ee-42b4-1b309ab610ad"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Your password","type":"password","id":"password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"form":{"name":"Password","type":"input","passwordPage":false}}},{"_id":"9da9b195-c3bd-2664-9f9f-6758f84c525b","type":"Block","tag":"div","classes":["cecbbfa4-9a03-06b2-02b9-06b35650fd7b"],"children":[],"data":{"tag":"div","text":false}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571db","type":"FormButton","tag":"input","classes":["14f10c35-348a-0773-dd72-d2cae452777a"],"children":[],"data":{"attr":{"type":"submit","value":"Sign up","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571dc","type":"FormSuccessMessage","tag":"div","classes":[],"children":["05e8347a-8729-adc6-d1c8-75d6a84571dd"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571dd","type":"Block","tag":"div","classes":[],"children":["05e8347a-8729-adc6-d1c8-75d6a84571de"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571de","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571df","type":"FormErrorMessage","tag":"div","classes":[],"children":["05e8347a-8729-adc6-d1c8-75d6a84571e0"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571e0","type":"Block","tag":"div","classes":[],"children":["05e8347a-8729-adc6-d1c8-75d6a84571e1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05e8347a-8729-adc6-d1c8-75d6a84571e1","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"14f10c35-348a-0773-dd72-d2cae452777a","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-image: linear-gradient(85deg, hsla(212.17391304347825, 74.19%, 81.76%, 1.00), hsla(288.6486486486487, 74.00%, 80.39%, 1.00) 49%, hsla(317.1428571428571, 22.11%, 81.37%, 1.00)); box-shadow: 3px 3px 0 0 hsla(0, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 500; text-align: center;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"18c94046-b8df-37c2-43f7-76ac0da46783","fake":false,"type":"class","name":"Icon","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 24px; height: 24px; justify-content: center; align-items: center; color: black;","variants":{},"children":[],"selector":null},{"_id":"6ccca2b0-48e5-66e6-525a-6d960797d3d1","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fd72047f-658b-f885-41aa-ed2dd6e4abee","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b852e76-7f25-aee0-1700-6078bc65e83b","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 45px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(212.85714285714286, 0.00%, 100.00%, 1.00); box-shadow: 3px 3px 0 0 hsla(0, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(200.625, 0.00%, 0.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e1030407-beb2-a5ee-289b-581eeb574e39","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 30px; font-size: 30px; line-height: 1; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b34dad1f-07d4-6784-c15e-fb4dd3952f51","fake":false,"type":"class","name":"modal","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; max-width: 600px; padding-top: 50px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; 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%, 0.70); box-shadow: none /* 3px 3px 0 0 black */; backdrop-filter: blur(5px); text-align: center;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a7d6ddd1-8203-b23f-7d75-8363d7f4d489","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 15px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4b852e76-7f25-aee0-1700-6078bc65e83c","fake":false,"type":"class","name":"link-img","namespace":"","comb":"","styleLess":"margin-right: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"485c98cf-306f-6d01-84bd-8490f4278820","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"2207c775-c685-3d6c-2e87-78031f8cf8ed","fake":false,"type":"class","name":"or-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-top: 22px; margin-bottom: 20px; justify-content: space-between; align-items: center; grid-column-gap: 15px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"021d9147-36fd-643f-5954-9a350834691f","fake":false,"type":"class","name":"line","namespace":"","comb":"","styleLess":"height: 1px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-color: black;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cecbbfa4-9a03-06b2-02b9-06b35650fd7b","fake":false,"type":"class","name":"spacer-15","namespace":"","comb":"","styleLess":"height: 15px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4c6613d5-0cdf-5b0f-4915-86212dedcea8","fake":false,"type":"class","name":"icon-wrap","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: -23px; right: auto; bottom: auto; display: flex; width: 45px; height: 45px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(223.63636363636363, 76.74%, 83.14%, 1.00); box-shadow: none /* 3px 3px 0 0 hsla(0, 0.00%, 0.00%, 1.00) */;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"6acccd34-4c86-5b3c-beaf-6718b80c8973","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 100px; padding-right: 5%; padding-bottom: 100px; padding-left: 5%; justify-content: center; align-items: center; background-image: @img_647d9555c08c36dc4ffb6ed2; background-position: 50% 50%; background-size: cover;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"35b84295-d5b8-80ee-42b4-1b309ab610ad","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(65, 0.00%, 100.00%, 1.00); box-shadow: 3px 3px 0 0 hsla(0, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_focus-visible":{"styleLess":"border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9a9362184a0977fea159_google.svg","siteId":"647d946cf7de8d62ea31e422","width":15,"isHD":false,"height":16,"fileName":"647d9a9362184a0977fea159_google.svg","createdOn":"2023-06-05T08:19:31.080Z","origFileName":"google.svg","fileHash":"858c798092d53335f9ff95d935c1c4ff","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9a9362184a0977fea159_google.svg","thumbUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9a9362184a0977fea159_google.svg","_id":"647d9a9362184a0977fea159","updatedOn":"2023-06-05T08:19:31.196Z","fileSize":1379},{"cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4.jpg","siteId":"647d946cf7de8d62ea31e422","width":2078,"isHD":false,"height":1440,"fileName":"647d9555c08c36dc4ffb6ed2_grad4.jpg","createdOn":"2023-06-05T07:57:09.642Z","origFileName":"grad4.jpg","fileHash":"e849f09af7cd99a17c045a35122e977b","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-500.jpg","origFileName":"grad4-p-500.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-500.jpg","size":3585,"format":"jpg","width":500,"quality":100,"_id":"647d95686bc2fc10ac11fcdf","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-800.jpg","origFileName":"grad4-p-800.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-800.jpg","size":6613,"format":"jpg","width":800,"quality":100,"_id":"647d95686bc2fc10ac11fce0","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-1080.jpg","origFileName":"grad4-p-1080.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-1080.jpg","size":10677,"format":"jpg","width":1080,"quality":100,"_id":"647d95686bc2fc10ac11fce1","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-1600.jpg","origFileName":"grad4-p-1600.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-1600.jpg","size":23582,"format":"jpg","width":1600,"quality":100,"_id":"647d95686bc2fc10ac11fce2","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-1600.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-2000.jpg","origFileName":"grad4-p-2000.jpg","fileName":"647d9555c08c36dc4ffb6ed2_grad4-p-2000.jpg","size":40327,"format":"jpg","width":2000,"quality":100,"_id":"647d95686bc2fc10ac11fce3","cdnUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-2000.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4.jpg","thumbUrl":"https://cdn.prod.website-files.com/647d946cf7de8d62ea31e422/647d9555c08c36dc4ffb6ed2_grad4-p-130x130q80.jpg","_id":"647d9555c08c36dc4ffb6ed2","updatedOn":"2023-06-05T08:02:04.184Z","fileSize":1416892}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"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)

The 3D Signup Form is an interactive and visually appealing component designed to facilitate user registration on websites. It features a modern design with a 3D effect that enhances user engagement.

Key Features:

  • Responsive design suitable for various devices
  • Includes fields for name, email, and password
  • Option to sign up using Google
  • Success and error messages for user feedback
  • Customizable styles and colors

Design Elements:

  • 3D visual effects
  • Gradient background image
  • Rounded corners and shadow effects
  • Clear and modern typography
  • Interactive buttons with hover effects

Potential Use Cases:

  • Startups looking to create an engaging signup experience
  • E-commerce websites needing user registration
  • SaaS platforms requiring user account creation
  • Event registration pages for conferences or webinars
  • Educational platforms for student enrollment

Conclusion: The 3D Signup Form is a versatile and visually striking component that can significantly enhance user experience and engagement on various types of websites.

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.