Loading Component...

Loading

More Components

View All

Splitscreen Login Form

Oops! Something went wrong while submitting the form.
Splitscreen Login Form
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d711add6-481f-f82c-73d2-7558d62f5a40","type":"Section","tag":"section","classes":["42285d76-9bbf-34f6-c876-f083c9335d37","7f6b8f69-f8bb-72cc-59a5-0937ab046991"],"children":["d711add6-481f-f82c-73d2-7558d62f5a41","d711add6-481f-f82c-73d2-7558d62f5a42"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a41","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d31"],"children":[],"data":{"text":false,"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a42","type":"FormWrapper","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d3a"],"children":["d711add6-481f-f82c-73d2-7558d62f5a43","d711add6-481f-f82c-73d2-7558d62f5a5a","d711add6-481f-f82c-73d2-7558d62f5a5d"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a43","type":"FormForm","tag":"form","classes":["42285d76-9bbf-34f6-c876-f083c9335d32"],"children":["d711add6-481f-f82c-73d2-7558d62f5a46","d711add6-481f-f82c-73d2-7558d62f5a48","d711add6-481f-f82c-73d2-7558d62f5a4a","d711add6-481f-f82c-73d2-7558d62f5a4e","d711add6-481f-f82c-73d2-7558d62f5a52","d711add6-481f-f82c-73d2-7558d62f5a53","baf03f88-dc5c-bb46-104c-f22e2c75fa03"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a46","type":"Heading","tag":"h1","classes":["42285d76-9bbf-34f6-c876-f083c9335d36"],"children":["b83c7c86-cd03-cd1c-058a-ca7d3fbf6da7"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"b83c7c86-cd03-cd1c-058a-ca7d3fbf6da7","text":true,"v":"Log in"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a48","type":"Paragraph","tag":"p","classes":["42285d76-9bbf-34f6-c876-f083c9335d33"],"children":["d711add6-481f-f82c-73d2-7558d62f5a49"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a49","text":true,"v":"Enter your credentials to log in."},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4a","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d39"],"children":["d711add6-481f-f82c-73d2-7558d62f5a4b","d711add6-481f-f82c-73d2-7558d62f5a4d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4b","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d3b"],"children":["d711add6-481f-f82c-73d2-7558d62f5a4c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4c","text":true,"v":"Email"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4d","type":"FormTextInput","tag":"input","classes":["42285d76-9bbf-34f6-c876-f083c9335d3c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"johndoe@gmail.com","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4e","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d39"],"children":["d711add6-481f-f82c-73d2-7558d62f5a4f","d711add6-481f-f82c-73d2-7558d62f5a51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4f","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d3b"],"children":["d711add6-481f-f82c-73d2-7558d62f5a50"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a50","text":true,"v":"Password"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a51","type":"FormTextInput","tag":"input","classes":["42285d76-9bbf-34f6-c876-f083c9335d3c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a52","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d35"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a53","type":"FormButton","tag":"input","classes":["5a3946c8-d2f7-957a-97a7-9ffa9dc146c5","5bcc2b70-a846-a800-6783-2b1a59be7719"],"children":[],"data":{"attr":{"type":"submit","value":"Log in","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa03","type":"Link","tag":"a","classes":["383d6709-bcca-7ca7-0a3d-83e5fbec508b","82cf0621-486f-6fa9-5619-34bf82433d30"],"children":["baf03f88-dc5c-bb46-104c-f22e2c75fa04"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa04","type":"Block","tag":"div","classes":["383d6709-bcca-7ca7-0a3d-83e5fbec5088"],"children":["baf03f88-dc5c-bb46-104c-f22e2c75fa05","baf03f88-dc5c-bb46-104c-f22e2c75fa06"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa05","type":"Image","tag":"img","classes":["383d6709-bcca-7ca7-0a3d-83e5fbec5089"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c146a6fd36b58d2b1284d_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"648c146a6fd36b58d2b1284d"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa06","type":"Block","tag":"div","classes":["383d6709-bcca-7ca7-0a3d-83e5fbec508a"],"children":["baf03f88-dc5c-bb46-104c-f22e2c75fa07"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Google"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa07","text":true,"v":"Continue with Google"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5a","type":"FormSuccessMessage","tag":"div","classes":[],"children":["d711add6-481f-f82c-73d2-7558d62f5a5b"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5b","type":"Block","tag":"div","classes":[],"children":["d711add6-481f-f82c-73d2-7558d62f5a5c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5c","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5d","type":"FormErrorMessage","tag":"div","classes":[],"children":["d711add6-481f-f82c-73d2-7558d62f5a5e"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5e","type":"Block","tag":"div","classes":[],"children":["d711add6-481f-f82c-73d2-7558d62f5a5f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5f","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"42285d76-9bbf-34f6-c876-f083c9335d31","fake":false,"type":"class","name":"image-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: flex-start; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: black; border-left-style: none; border-left-width: 2px; border-left-color: black; border-top-left-radius: 0px; border-top-right-radius: 50px; border-bottom-left-radius: 0px; border-bottom-right-radius: 50px; background-color: hsla(0, 0.00%, 0.00%, 1.00); background-image: @img_648c3a8d1d0191e76017b187; background-position: 50% 50%; background-size: cover;","variants":{"tiny":{"styleLess":"display: flex; height: 200px; padding-bottom: 0px;"},"medium":{"styleLess":"border-top-right-radius: 0px; border-bottom-left-radius: 50px;"}},"children":["e3ec0ead-f370-c28d-54e4-068e20165a0f"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7f6b8f69-f8bb-72cc-59a5-0937ab046991","fake":false,"type":"class","name":"90","namespace":"","comb":"&","styleLess":"min-height: 91vh; margin-top: -2px; margin-bottom: -2px; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5bcc2b70-a846-a800-6783-2b1a59be7719","fake":false,"type":"class","name":"100w","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d3a","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-right: 60px; padding-bottom: 40px; padding-left: 60px; flex-direction: column; justify-content: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d3c","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 100.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(242.76923076923075, 0.00%, 0.00%, 1.00);","variants":{},"children":["e3ec0ead-f370-c28d-54e4-068e20165a10","a4f4ccae-00ab-c6ce-92ab-6ec1e7e7e3fe"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d39","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"82cf0621-486f-6fa9-5619-34bf82433d30","fake":false,"type":"class","name":"mt-20","namespace":"","comb":"&","styleLess":"margin-top: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);","variants":{"main_hover":{"styleLess":"border-bottom-color: #bdbec3; box-shadow: 0 0 0 0 rgba(0,0,0,0.2);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d3b","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"383d6709-bcca-7ca7-0a3d-83e5fbec5089","fake":false,"type":"class","name":"social-image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d32","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"5a3946c8-d2f7-957a-97a7-9ffa9dc146c5","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 13px; padding-right: 20px; padding-bottom: 13px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(260, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(260, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(260, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(260, 0.00%, 0.00%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(260, 0.00%, 100.00%, 1.00); box-shadow: 2px 2px 0 0 hsla(260, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(260, 0.00%, 0.00%, 1.00);","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(260, 0.00%, 0.00%, 1.00);"}},"children":["5bcc2b70-a846-a800-6783-2b1a59be7719","af1f2ac3-d747-6f36-ecff-3346e319d8ea"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d36","fake":false,"type":"class","name":"mb-20","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-weight: 400;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d33","fake":false,"type":"class","name":"p-light","namespace":"","comb":"","styleLess":"margin-bottom: 35px; color: hsla(0, 0.00%, 0.00%, 0.80); font-weight: 400;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"383d6709-bcca-7ca7-0a3d-83e5fbec5088","fake":false,"type":"class","name":"social-content","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d37","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: grid; width: 100%; min-height: 100vh; justify-content: center; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 0.75fr 1fr; grid-template-rows: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: whitesmoke;","variants":{"medium":{"styleLess":"grid-template-columns: 1fr;"},"tiny":{"styleLess":"display: flex; flex-direction: column; justify-content: flex-start; align-items: start;"}},"children":["7f6b8f69-f8bb-72cc-59a5-0937ab046991"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d35","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"383d6709-bcca-7ca7-0a3d-83e5fbec508a","fake":false,"type":"class","name":"social-text","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"383d6709-bcca-7ca7-0a3d-83e5fbec508b","fake":false,"type":"class","name":"social-btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 0px; padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 5.52%, 75.30%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 5.52%, 75.30%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 5.52%, 75.30%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 5.52%, 75.30%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(178, 67.29%, 8.77%, 1.00); font-size: 15px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(164, 87.50%, 32.71%, 1.00); border-right-color: hsla(164, 87.50%, 32.71%, 1.00); border-bottom-color: hsla(164, 87.50%, 32.71%, 1.00); border-left-color: hsla(164, 87.50%, 32.71%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */; text-decoration: none;"}},"children":["82cf0621-486f-6fa9-5619-34bf82433d30"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c146a6fd36b58d2b1284d_google.svg","siteId":"648c0ef6aece846870d4547d","width":24,"isHD":false,"height":24,"fileName":"648c146a6fd36b58d2b1284d_google.svg","createdOn":"2023-06-16T07:51:06.165Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c146a6fd36b58d2b1284d_google.svg","thumbUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c146a6fd36b58d2b1284d_google.svg","_id":"648c146a6fd36b58d2b1284d","updatedOn":"2023-06-16T07:51:06.266Z","fileSize":1307},{"cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002.jpg","siteId":"648c0ef6aece846870d4547d","width":1280,"isHD":false,"height":1920,"fileName":"648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002.jpg","createdOn":"2023-06-16T10:33:49.116Z","origFileName":"pexels-rdne-stock-project-7414002.jpg","fileHash":"5ca7e9a6bc48d1a0165b102d00f39aa9","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-500.jpg","origFileName":"pexels-rdne-stock-project-7414002-p-500.jpg","fileName":"648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-500.jpg","size":56899,"format":"jpg","width":500,"quality":100,"_id":"648c3a8f4833c0b5d92c56b7","cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-800.jpg","origFileName":"pexels-rdne-stock-project-7414002-p-800.jpg","fileName":"648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-800.jpg","size":118313,"format":"jpg","width":800,"quality":100,"_id":"648c3a8f4833c0b5d92c56b8","cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-1080.jpg","origFileName":"pexels-rdne-stock-project-7414002-p-1080.jpg","fileName":"648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-1080.jpg","size":190834,"format":"jpg","width":1080,"quality":100,"_id":"648c3a8f4833c0b5d92c56b9","cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-1080.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002.jpg","thumbUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-130x130q80.jpg","_id":"648c3a8d1d0191e76017b187","updatedOn":"2023-06-16T11:11:52.121Z","fileSize":326133}],"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":"d711add6-481f-f82c-73d2-7558d62f5a40","type":"Section","tag":"section","classes":["42285d76-9bbf-34f6-c876-f083c9335d37","7f6b8f69-f8bb-72cc-59a5-0937ab046991"],"children":["d711add6-481f-f82c-73d2-7558d62f5a41","d711add6-481f-f82c-73d2-7558d62f5a42"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a41","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d31"],"children":[],"data":{"text":false,"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a42","type":"FormWrapper","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d3a"],"children":["d711add6-481f-f82c-73d2-7558d62f5a43","d711add6-481f-f82c-73d2-7558d62f5a5a","d711add6-481f-f82c-73d2-7558d62f5a5d"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a43","type":"FormForm","tag":"form","classes":["42285d76-9bbf-34f6-c876-f083c9335d32"],"children":["d711add6-481f-f82c-73d2-7558d62f5a46","d711add6-481f-f82c-73d2-7558d62f5a48","d711add6-481f-f82c-73d2-7558d62f5a4a","d711add6-481f-f82c-73d2-7558d62f5a4e","d711add6-481f-f82c-73d2-7558d62f5a52","d711add6-481f-f82c-73d2-7558d62f5a53","baf03f88-dc5c-bb46-104c-f22e2c75fa03"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a46","type":"Heading","tag":"h1","classes":["42285d76-9bbf-34f6-c876-f083c9335d36"],"children":["b83c7c86-cd03-cd1c-058a-ca7d3fbf6da7"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"b83c7c86-cd03-cd1c-058a-ca7d3fbf6da7","text":true,"v":"Log in"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a48","type":"Paragraph","tag":"p","classes":["42285d76-9bbf-34f6-c876-f083c9335d33"],"children":["d711add6-481f-f82c-73d2-7558d62f5a49"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a49","text":true,"v":"Enter your credentials to log in."},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4a","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d39"],"children":["d711add6-481f-f82c-73d2-7558d62f5a4b","d711add6-481f-f82c-73d2-7558d62f5a4d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4b","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d3b"],"children":["d711add6-481f-f82c-73d2-7558d62f5a4c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4c","text":true,"v":"Email"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4d","type":"FormTextInput","tag":"input","classes":["42285d76-9bbf-34f6-c876-f083c9335d3c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"johndoe@gmail.com","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4e","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d39"],"children":["d711add6-481f-f82c-73d2-7558d62f5a4f","d711add6-481f-f82c-73d2-7558d62f5a51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a4f","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d3b"],"children":["d711add6-481f-f82c-73d2-7558d62f5a50"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a50","text":true,"v":"Password"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a51","type":"FormTextInput","tag":"input","classes":["42285d76-9bbf-34f6-c876-f083c9335d3c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a52","type":"Block","tag":"div","classes":["42285d76-9bbf-34f6-c876-f083c9335d35"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a53","type":"FormButton","tag":"input","classes":["5a3946c8-d2f7-957a-97a7-9ffa9dc146c5","5bcc2b70-a846-a800-6783-2b1a59be7719"],"children":[],"data":{"attr":{"type":"submit","value":"Log in","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa03","type":"Link","tag":"a","classes":["383d6709-bcca-7ca7-0a3d-83e5fbec508b","82cf0621-486f-6fa9-5619-34bf82433d30"],"children":["baf03f88-dc5c-bb46-104c-f22e2c75fa04"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa04","type":"Block","tag":"div","classes":["383d6709-bcca-7ca7-0a3d-83e5fbec5088"],"children":["baf03f88-dc5c-bb46-104c-f22e2c75fa05","baf03f88-dc5c-bb46-104c-f22e2c75fa06"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa05","type":"Image","tag":"img","classes":["383d6709-bcca-7ca7-0a3d-83e5fbec5089"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c146a6fd36b58d2b1284d_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"648c146a6fd36b58d2b1284d"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa06","type":"Block","tag":"div","classes":["383d6709-bcca-7ca7-0a3d-83e5fbec508a"],"children":["baf03f88-dc5c-bb46-104c-f22e2c75fa07"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Google"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"baf03f88-dc5c-bb46-104c-f22e2c75fa07","text":true,"v":"Continue with Google"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5a","type":"FormSuccessMessage","tag":"div","classes":[],"children":["d711add6-481f-f82c-73d2-7558d62f5a5b"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5b","type":"Block","tag":"div","classes":[],"children":["d711add6-481f-f82c-73d2-7558d62f5a5c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5c","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5d","type":"FormErrorMessage","tag":"div","classes":[],"children":["d711add6-481f-f82c-73d2-7558d62f5a5e"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5e","type":"Block","tag":"div","classes":[],"children":["d711add6-481f-f82c-73d2-7558d62f5a5f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d711add6-481f-f82c-73d2-7558d62f5a5f","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"42285d76-9bbf-34f6-c876-f083c9335d31","fake":false,"type":"class","name":"image-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: flex-start; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: black; border-left-style: none; border-left-width: 2px; border-left-color: black; border-top-left-radius: 0px; border-top-right-radius: 50px; border-bottom-left-radius: 0px; border-bottom-right-radius: 50px; background-color: hsla(0, 0.00%, 0.00%, 1.00); background-image: @img_648c3a8d1d0191e76017b187; background-position: 50% 50%; background-size: cover;","variants":{"tiny":{"styleLess":"display: flex; height: 200px; padding-bottom: 0px;"},"medium":{"styleLess":"border-top-right-radius: 0px; border-bottom-left-radius: 50px;"}},"children":["e3ec0ead-f370-c28d-54e4-068e20165a0f"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7f6b8f69-f8bb-72cc-59a5-0937ab046991","fake":false,"type":"class","name":"90","namespace":"","comb":"&","styleLess":"min-height: 91vh; margin-top: -2px; margin-bottom: -2px; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5bcc2b70-a846-a800-6783-2b1a59be7719","fake":false,"type":"class","name":"100w","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d3a","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-right: 60px; padding-bottom: 40px; padding-left: 60px; flex-direction: column; justify-content: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d3c","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 100.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(242.76923076923075, 0.00%, 0.00%, 1.00);","variants":{},"children":["e3ec0ead-f370-c28d-54e4-068e20165a10","a4f4ccae-00ab-c6ce-92ab-6ec1e7e7e3fe"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d39","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"82cf0621-486f-6fa9-5619-34bf82433d30","fake":false,"type":"class","name":"mt-20","namespace":"","comb":"&","styleLess":"margin-top: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);","variants":{"main_hover":{"styleLess":"border-bottom-color: #bdbec3; box-shadow: 0 0 0 0 rgba(0,0,0,0.2);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d3b","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"383d6709-bcca-7ca7-0a3d-83e5fbec5089","fake":false,"type":"class","name":"social-image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d32","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"5a3946c8-d2f7-957a-97a7-9ffa9dc146c5","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 13px; padding-right: 20px; padding-bottom: 13px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(260, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(260, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(260, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(260, 0.00%, 0.00%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(260, 0.00%, 100.00%, 1.00); box-shadow: 2px 2px 0 0 hsla(260, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(260, 0.00%, 0.00%, 1.00);","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(260, 0.00%, 0.00%, 1.00);"}},"children":["5bcc2b70-a846-a800-6783-2b1a59be7719","af1f2ac3-d747-6f36-ecff-3346e319d8ea"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d36","fake":false,"type":"class","name":"mb-20","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-weight: 400;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d33","fake":false,"type":"class","name":"p-light","namespace":"","comb":"","styleLess":"margin-bottom: 35px; color: hsla(0, 0.00%, 0.00%, 0.80); font-weight: 400;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"383d6709-bcca-7ca7-0a3d-83e5fbec5088","fake":false,"type":"class","name":"social-content","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d37","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: grid; width: 100%; min-height: 100vh; justify-content: center; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 0.75fr 1fr; grid-template-rows: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: whitesmoke;","variants":{"medium":{"styleLess":"grid-template-columns: 1fr;"},"tiny":{"styleLess":"display: flex; flex-direction: column; justify-content: flex-start; align-items: start;"}},"children":["7f6b8f69-f8bb-72cc-59a5-0937ab046991"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"42285d76-9bbf-34f6-c876-f083c9335d35","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"383d6709-bcca-7ca7-0a3d-83e5fbec508a","fake":false,"type":"class","name":"social-text","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"383d6709-bcca-7ca7-0a3d-83e5fbec508b","fake":false,"type":"class","name":"social-btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 0px; padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 5.52%, 75.30%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 5.52%, 75.30%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 5.52%, 75.30%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 5.52%, 75.30%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(178, 67.29%, 8.77%, 1.00); font-size: 15px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(164, 87.50%, 32.71%, 1.00); border-right-color: hsla(164, 87.50%, 32.71%, 1.00); border-bottom-color: hsla(164, 87.50%, 32.71%, 1.00); border-left-color: hsla(164, 87.50%, 32.71%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */; text-decoration: none;"}},"children":["82cf0621-486f-6fa9-5619-34bf82433d30"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c146a6fd36b58d2b1284d_google.svg","siteId":"648c0ef6aece846870d4547d","width":24,"isHD":false,"height":24,"fileName":"648c146a6fd36b58d2b1284d_google.svg","createdOn":"2023-06-16T07:51:06.165Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c146a6fd36b58d2b1284d_google.svg","thumbUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c146a6fd36b58d2b1284d_google.svg","_id":"648c146a6fd36b58d2b1284d","updatedOn":"2023-06-16T07:51:06.266Z","fileSize":1307},{"cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002.jpg","siteId":"648c0ef6aece846870d4547d","width":1280,"isHD":false,"height":1920,"fileName":"648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002.jpg","createdOn":"2023-06-16T10:33:49.116Z","origFileName":"pexels-rdne-stock-project-7414002.jpg","fileHash":"5ca7e9a6bc48d1a0165b102d00f39aa9","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-500.jpg","origFileName":"pexels-rdne-stock-project-7414002-p-500.jpg","fileName":"648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-500.jpg","size":56899,"format":"jpg","width":500,"quality":100,"_id":"648c3a8f4833c0b5d92c56b7","cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-800.jpg","origFileName":"pexels-rdne-stock-project-7414002-p-800.jpg","fileName":"648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-800.jpg","size":118313,"format":"jpg","width":800,"quality":100,"_id":"648c3a8f4833c0b5d92c56b8","cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-1080.jpg","origFileName":"pexels-rdne-stock-project-7414002-p-1080.jpg","fileName":"648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-1080.jpg","size":190834,"format":"jpg","width":1080,"quality":100,"_id":"648c3a8f4833c0b5d92c56b9","cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-1080.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002.jpg","thumbUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c3a8d1d0191e76017b187_pexels-rdne-stock-project-7414002-p-130x130q80.jpg","_id":"648c3a8d1d0191e76017b187","updatedOn":"2023-06-16T11:11:52.121Z","fileSize":326133}],"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 Splitscreen Login Form is a visually engaging component designed for user authentication, featuring a dual-section layout that enhances user experience. It includes fields for email and password, as well as social login options.

Key Features:

  • Responsive splitscreen design
  • Email and password input fields
  • Social login option with Google
  • Success and error messages for form submissions
  • Customizable styling options

Design Elements:

  • Modern and clean layout
  • Use of contrasting colors for visibility
  • Rounded corners and shadow effects for buttons
  • Flexbox and grid layout for responsive design

Potential Use Cases:

  • Web applications requiring user login
  • E-commerce sites needing secure customer access
  • Membership platforms for user authentication
  • Social media platforms with login features
  • Corporate websites with employee login sections

Conclusion: The Splitscreen Login Form is a versatile and stylish component that can enhance the user experience on various platforms, making it an excellent choice for developers looking to implement user authentication.

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.