Cargando Componente...

Cargando

Más componentes

Ver todos
Parte de

Login Form With Instant Email Validation

¡Uy! Algo ha ido mal al enviar el formulario.
Login Form With Instant Email Validation
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"32f16b12-f46d-db91-e431-3878a28c4a28","type":"Section","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc08"],"children":["32f16b12-f46d-db91-e431-3878a28c4a29"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a29","type":"FormWrapper","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc21"],"children":["32f16b12-f46d-db91-e431-3878a28c4a2a","32f16b12-f46d-db91-e431-3878a28c4a6f","32f16b12-f46d-db91-e431-3878a28c4a72"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2a","type":"FormForm","tag":"form","classes":["d906067a-2979-4064-953a-7217efa1bc18"],"children":["32f16b12-f46d-db91-e431-3878a28c4a2b","32f16b12-f46d-db91-e431-3878a28c4a2c","32f16b12-f46d-db91-e431-3878a28c4a2e","32f16b12-f46d-db91-e431-3878a28c4a32","32f16b12-f46d-db91-e431-3878a28c4a5d","32f16b12-f46d-db91-e431-3878a28c4a5e"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2b","type":"HtmlEmbed","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc15"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewbox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2c","type":"Heading","tag":"h1","classes":["d906067a-2979-4064-953a-7217efa1bc09","d906067a-2979-4064-953a-7217efa1bc2d"],"children":["32f16b12-f46d-db91-e431-3878a28c4a2d"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2d","text":true,"v":"Login"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2e","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc29"],"children":["32f16b12-f46d-db91-e431-3878a28c4a2f","32f16b12-f46d-db91-e431-3878a28c4a31"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2f","type":"FormBlockLabel","tag":"label","classes":["d906067a-2979-4064-953a-7217efa1bc07"],"children":["32f16b12-f46d-db91-e431-3878a28c4a30"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a30","text":true,"v":"Email"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a31","type":"FormTextInput","tag":"input","classes":["d906067a-2979-4064-953a-7217efa1bc0b"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"},{"name":"nw-email","value":""}]}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a32","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc29"],"children":["32f16b12-f46d-db91-e431-3878a28c4a33","32f16b12-f46d-db91-e431-3878a28c4a35"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a33","type":"FormBlockLabel","tag":"label","classes":["d906067a-2979-4064-953a-7217efa1bc07"],"children":["32f16b12-f46d-db91-e431-3878a28c4a34"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a34","text":true,"v":"Password"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a35","type":"FormTextInput","tag":"input","classes":["d906067a-2979-4064-953a-7217efa1bc0b"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}]}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a5d","type":"FormButton","tag":"input","classes":["d906067a-2979-4064-953a-7217efa1bc10","d906067a-2979-4064-953a-7217efa1bc30"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Log In","data-wait":"Please wait..."}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a5e","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc05"],"children":["32f16b12-f46d-db91-e431-3878a28c4a5f","32f16b12-f46d-db91-e431-3878a28c4a64"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a5f","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc2b"],"children":["32f16b12-f46d-db91-e431-3878a28c4a60","32f16b12-f46d-db91-e431-3878a28c4a61","32f16b12-f46d-db91-e431-3878a28c4a63"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a60","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc1b"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a61","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc1d"],"children":["32f16b12-f46d-db91-e431-3878a28c4a62"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a62","text":true,"v":"or"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a63","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc1b"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a64","type":"Link","tag":"a","classes":["d906067a-2979-4064-953a-7217efa1bc0c","d906067a-2979-4064-953a-7217efa1bc34"],"children":["32f16b12-f46d-db91-e431-3878a28c4a65"],"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":"32f16b12-f46d-db91-e431-3878a28c4a65","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc12"],"children":["32f16b12-f46d-db91-e431-3878a28c4a66","32f16b12-f46d-db91-e431-3878a28c4a67"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a66","type":"Image","tag":"img","classes":["d906067a-2979-4064-953a-7217efa1bc1e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/645a544ecf67c804c4bfc6f8/645a54843e571c5fe6e48244_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"645a54843e571c5fe6e48244"}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a67","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc11"],"children":["32f16b12-f46d-db91-e431-3878a28c4a68"],"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":"32f16b12-f46d-db91-e431-3878a28c4a68","text":true,"v":"Continue with Google"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a6f","type":"FormSuccessMessage","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc26"],"children":["32f16b12-f46d-db91-e431-3878a28c4a70"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a70","type":"Block","tag":"div","classes":[],"children":["32f16b12-f46d-db91-e431-3878a28c4a71"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a71","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a72","type":"FormErrorMessage","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc0a"],"children":["32f16b12-f46d-db91-e431-3878a28c4a73"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a73","type":"Block","tag":"div","classes":[],"children":["32f16b12-f46d-db91-e431-3878a28c4a74"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a74","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"d906067a-2979-4064-953a-7217efa1bc05","fake":false,"type":"class","name":"log-in_buttons_100w","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc2d","fake":false,"type":"class","name":"center","namespace":"","comb":"&","styleLess":"margin-bottom: 25px; text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc10","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500; white-space: nowrap;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["d906067a-2979-4064-953a-7217efa1bc30"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc21","fake":false,"type":"class","name":"form-border","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc1e","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc08","fake":false,"type":"class","name":"info-screen","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh; justify-content: center; align-items: center; background-color: hsla(235, 100.00%, 97.54%, 1.00);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc1d","fake":false,"type":"class","name":"or-new","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; color: hsla(230, 22.16%, 76.88%, 1.00); text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc30","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"display: flex; width: 100%; height: 48px; margin-top: 10px; margin-left: 0px; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc15","fake":false,"type":"class","name":"large-icon","namespace":"","comb":"","styleLess":"display: flex; width: 50px; height: 50px; min-height: 50px; min-width: 50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(235, 100.00%, 97.54%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{"small":{"styleLess":"width: 36px;"}},"children":[],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc0b","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["655d0838-50db-30e4-bb73-0b318c4d7489","2478ace1-99cf-19c0-8be3-6f0c5bd51d1a"],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc26","fake":false,"type":"class","name":"message-success","namespace":"","comb":"","styleLess":"border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #19b13a; color: hsla(243, 0.00%, 100.00%, 1.00); font-weight: 600;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc18","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc0c","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 0px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; 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(225, 0.00%, 0.00%, 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(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["d906067a-2979-4064-953a-7217efa1bc34"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc11","fake":false,"type":"class","name":"Social Text 2","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc0a","fake":false,"type":"class","name":"message-error","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc34","fake":false,"type":"class","name":"Google","namespace":"","comb":"&","styleLess":"box-shadow: 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10);","variants":{"main_hover":{"styleLess":"border-top-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-right-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-bottom-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-left-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc2b","fake":false,"type":"class","name":"or-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-top: 15px; margin-bottom: 15px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc07","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: static; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc09","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":["d906067a-2979-4064-953a-7217efa1bc2d"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc1b","fake":false,"type":"class","name":"gray-line","namespace":"","comb":"","styleLess":"height: 1px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-color: hsla(230, 22.16%, 76.88%, 1.00); opacity: 0.55;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc29","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc12","fake":false,"type":"class","name":"Social Content 2","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/645a544ecf67c804c4bfc6f8/645a54843e571c5fe6e48244_google.svg","siteId":"645a544ecf67c804c4bfc6f8","width":24,"isHD":false,"height":24,"fileName":"645a54843e571c5fe6e48244_google.svg","createdOn":"2023-05-09T14:11:16.809Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/645a544ecf67c804c4bfc6f8/645a54843e571c5fe6e48244_google.svg","thumbUrl":"https://cdn.prod.website-files.com/645a544ecf67c804c4bfc6f8/645a54843e571c5fe6e48244_google.svg","_id":"645a54843e571c5fe6e48244","updatedOn":"2023-05-09T14:11:16.915Z","fileSize":1307}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clonar en Webflow
Componente de copia
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"32f16b12-f46d-db91-e431-3878a28c4a28","type":"Section","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc08"],"children":["32f16b12-f46d-db91-e431-3878a28c4a29"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a29","type":"FormWrapper","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc21"],"children":["32f16b12-f46d-db91-e431-3878a28c4a2a","32f16b12-f46d-db91-e431-3878a28c4a6f","32f16b12-f46d-db91-e431-3878a28c4a72"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2a","type":"FormForm","tag":"form","classes":["d906067a-2979-4064-953a-7217efa1bc18"],"children":["32f16b12-f46d-db91-e431-3878a28c4a2b","32f16b12-f46d-db91-e431-3878a28c4a2c","32f16b12-f46d-db91-e431-3878a28c4a2e","32f16b12-f46d-db91-e431-3878a28c4a32","32f16b12-f46d-db91-e431-3878a28c4a5d","32f16b12-f46d-db91-e431-3878a28c4a5e"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2b","type":"HtmlEmbed","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc15"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewbox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2c","type":"Heading","tag":"h1","classes":["d906067a-2979-4064-953a-7217efa1bc09","d906067a-2979-4064-953a-7217efa1bc2d"],"children":["32f16b12-f46d-db91-e431-3878a28c4a2d"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2d","text":true,"v":"Login"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2e","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc29"],"children":["32f16b12-f46d-db91-e431-3878a28c4a2f","32f16b12-f46d-db91-e431-3878a28c4a31"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a2f","type":"FormBlockLabel","tag":"label","classes":["d906067a-2979-4064-953a-7217efa1bc07"],"children":["32f16b12-f46d-db91-e431-3878a28c4a30"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a30","text":true,"v":"Email"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a31","type":"FormTextInput","tag":"input","classes":["d906067a-2979-4064-953a-7217efa1bc0b"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"},{"name":"nw-email","value":""}]}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a32","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc29"],"children":["32f16b12-f46d-db91-e431-3878a28c4a33","32f16b12-f46d-db91-e431-3878a28c4a35"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a33","type":"FormBlockLabel","tag":"label","classes":["d906067a-2979-4064-953a-7217efa1bc07"],"children":["32f16b12-f46d-db91-e431-3878a28c4a34"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a34","text":true,"v":"Password"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a35","type":"FormTextInput","tag":"input","classes":["d906067a-2979-4064-953a-7217efa1bc0b"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}]}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a5d","type":"FormButton","tag":"input","classes":["d906067a-2979-4064-953a-7217efa1bc10","d906067a-2979-4064-953a-7217efa1bc30"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Log In","data-wait":"Please wait..."}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a5e","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc05"],"children":["32f16b12-f46d-db91-e431-3878a28c4a5f","32f16b12-f46d-db91-e431-3878a28c4a64"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a5f","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc2b"],"children":["32f16b12-f46d-db91-e431-3878a28c4a60","32f16b12-f46d-db91-e431-3878a28c4a61","32f16b12-f46d-db91-e431-3878a28c4a63"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a60","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc1b"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a61","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc1d"],"children":["32f16b12-f46d-db91-e431-3878a28c4a62"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a62","text":true,"v":"or"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a63","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc1b"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a64","type":"Link","tag":"a","classes":["d906067a-2979-4064-953a-7217efa1bc0c","d906067a-2979-4064-953a-7217efa1bc34"],"children":["32f16b12-f46d-db91-e431-3878a28c4a65"],"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":"32f16b12-f46d-db91-e431-3878a28c4a65","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc12"],"children":["32f16b12-f46d-db91-e431-3878a28c4a66","32f16b12-f46d-db91-e431-3878a28c4a67"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a66","type":"Image","tag":"img","classes":["d906067a-2979-4064-953a-7217efa1bc1e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/645a544ecf67c804c4bfc6f8/645a54843e571c5fe6e48244_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"645a54843e571c5fe6e48244"}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a67","type":"Block","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc11"],"children":["32f16b12-f46d-db91-e431-3878a28c4a68"],"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":"32f16b12-f46d-db91-e431-3878a28c4a68","text":true,"v":"Continue with Google"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a6f","type":"FormSuccessMessage","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc26"],"children":["32f16b12-f46d-db91-e431-3878a28c4a70"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a70","type":"Block","tag":"div","classes":[],"children":["32f16b12-f46d-db91-e431-3878a28c4a71"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a71","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a72","type":"FormErrorMessage","tag":"div","classes":["d906067a-2979-4064-953a-7217efa1bc0a"],"children":["32f16b12-f46d-db91-e431-3878a28c4a73"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a73","type":"Block","tag":"div","classes":[],"children":["32f16b12-f46d-db91-e431-3878a28c4a74"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32f16b12-f46d-db91-e431-3878a28c4a74","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"d906067a-2979-4064-953a-7217efa1bc05","fake":false,"type":"class","name":"log-in_buttons_100w","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc2d","fake":false,"type":"class","name":"center","namespace":"","comb":"&","styleLess":"margin-bottom: 25px; text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc10","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500; white-space: nowrap;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["d906067a-2979-4064-953a-7217efa1bc30"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc21","fake":false,"type":"class","name":"form-border","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc1e","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc08","fake":false,"type":"class","name":"info-screen","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh; justify-content: center; align-items: center; background-color: hsla(235, 100.00%, 97.54%, 1.00);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc1d","fake":false,"type":"class","name":"or-new","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; color: hsla(230, 22.16%, 76.88%, 1.00); text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc30","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"display: flex; width: 100%; height: 48px; margin-top: 10px; margin-left: 0px; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc15","fake":false,"type":"class","name":"large-icon","namespace":"","comb":"","styleLess":"display: flex; width: 50px; height: 50px; min-height: 50px; min-width: 50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(235, 100.00%, 97.54%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{"small":{"styleLess":"width: 36px;"}},"children":[],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc0b","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["655d0838-50db-30e4-bb73-0b318c4d7489","2478ace1-99cf-19c0-8be3-6f0c5bd51d1a"],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc26","fake":false,"type":"class","name":"message-success","namespace":"","comb":"","styleLess":"border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #19b13a; color: hsla(243, 0.00%, 100.00%, 1.00); font-weight: 600;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc18","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc0c","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 0px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; 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(225, 0.00%, 0.00%, 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(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["d906067a-2979-4064-953a-7217efa1bc34"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc11","fake":false,"type":"class","name":"Social Text 2","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc0a","fake":false,"type":"class","name":"message-error","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc34","fake":false,"type":"class","name":"Google","namespace":"","comb":"&","styleLess":"box-shadow: 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10);","variants":{"main_hover":{"styleLess":"border-top-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-right-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-bottom-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-left-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc2b","fake":false,"type":"class","name":"or-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-top: 15px; margin-bottom: 15px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc07","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: static; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc09","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":["d906067a-2979-4064-953a-7217efa1bc2d"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc1b","fake":false,"type":"class","name":"gray-line","namespace":"","comb":"","styleLess":"height: 1px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-color: hsla(230, 22.16%, 76.88%, 1.00); opacity: 0.55;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc29","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"selector":null},{"_id":"d906067a-2979-4064-953a-7217efa1bc12","fake":false,"type":"class","name":"Social Content 2","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/645a544ecf67c804c4bfc6f8/645a54843e571c5fe6e48244_google.svg","siteId":"645a544ecf67c804c4bfc6f8","width":24,"isHD":false,"height":24,"fileName":"645a54843e571c5fe6e48244_google.svg","createdOn":"2023-05-09T14:11:16.809Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/645a544ecf67c804c4bfc6f8/645a54843e571c5fe6e48244_google.svg","thumbUrl":"https://cdn.prod.website-files.com/645a544ecf67c804c4bfc6f8/645a54843e571c5fe6e48244_google.svg","_id":"645a54843e571c5fe6e48244","updatedOn":"2023-05-09T14:11:16.915Z","fileSize":1307}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Navegador no compatible. Utilice
CC Chrome o SS Safari.

Acerca de este componente

Generado por IA

Descripción del componente (generada por AI)

This component is a simple login form that provides instant validation for email entries, ensuring users input a valid email address before submission.

Características principales:

  • Instant email validation
  • User-friendly design
  • Responsive layout
  • Includes social login option with Google
  • Success and error messages for user feedback

Elementos de diseño:

  • Clean and modern aesthetic
  • Centered layout with ample white space
  • Soft color palette with a focus on usability
  • Rounded corners and shadow effects for depth

Posibles casos de uso:

  • Aplicaciones web que requieren autenticación de usuario
  • E-commerce sites needing secure login options
  • Membership platforms for user management
  • Online services offering personalized experiences
  • Blogs or content sites with user registration

Conclusion: The Login Form With Instant Email Validation is a versatile and visually appealing component that enhances user experience by ensuring valid email entries, making it suitable for various online platforms.

Empezar a construir

Empieza a construir tus sueños

Memberstack es 100% gratis hasta que estés listo para lanzarla - así que, ¿a qué estás esperando? Crea tu primera aplicación y empieza a construir hoy mismo.