Loading Component...

Loading

More Components

View All

Authentication Form

Clone in Webflow
Authentication Form
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e1e","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b971"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e23","9eae68fa-97de-b112-13c1-88d45daf5e6e"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e23","type":"FormWrapper","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e24","9eae68fa-97de-b112-13c1-88d45daf5e68","9eae68fa-97de-b112-13c1-88d45daf5e6b"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e24","type":"FormForm","tag":"form","classes":["f14560f8-ef52-6301-cd8a-282bd574b978"],"children":["ec44de8f-e45a-b640-5ed5-1dd39aa7f68f","9eae68fa-97de-b112-13c1-88d45daf5e25","9eae68fa-97de-b112-13c1-88d45daf5e47","9eae68fa-97de-b112-13c1-88d45daf5e54","9eae68fa-97de-b112-13c1-88d45daf5e58","9eae68fa-97de-b112-13c1-88d45daf5e67"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"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":"ec44de8f-e45a-b640-5ed5-1dd39aa7f68f","type":"Block","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e1f","9eae68fa-97de-b112-13c1-88d45daf5e21"],"data":{"tag":"div"}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e1f","type":"Heading","tag":"h1","classes":["f14560f8-ef52-6301-cd8a-282bd574b98d"],"children":["cd25dd2a-e87f-cd76-745a-807287b9af53"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cd25dd2a-e87f-cd76-745a-807287b9af53","text":true,"v":"Log in"},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e21","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b972"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e22"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e22","text":true,"v":"Use your social profile to log in or enter your password."},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e25","type":"Block","tag":"div","classes":["24ce5fcc-44a1-7e4c-42b4-c75b41db937c","b4ec01ea-0164-3cec-d49d-b1514f96a6d2"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e26","9eae68fa-97de-b112-13c1-88d45daf5e43"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e26","type":"Link","tag":"a","classes":["f14560f8-ef52-6301-cd8a-282bd574b992"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e27","9eae68fa-97de-b112-13c1-88d45daf5e28"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth","value":"google"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e27","type":"Image","tag":"img","classes":["f14560f8-ef52-6301-cd8a-282bd574b98f"],"children":[],"data":{"img":{"id":"6220c9c31a295f5017c72174","sizes":[{"max":767,"size":"25px"},{"max":991,"size":"3vw"},{"max":10000,"size":"25px"}]},"attr":{"width":"auto","height":"auto","src":"https://assets-global.website-files.com/6218fa8a3cfbc4e3e6024e3c/6220c9c31a295f5017c72174_G.png","loading":"auto","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e28","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b97c"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e29"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e29","text":true,"v":"Google"},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e43","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b992","f14560f8-ef52-6301-cd8a-282bd574b99f"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e44","9eae68fa-97de-b112-13c1-88d45daf5e45"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[{"name":"data-ms-auth","value":"facebook"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e44","type":"HtmlEmbed","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b98f"],"children":[],"v":"<?xml version=\"1.0\"?><svg fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"100px\" height=\"100%\">\n<path d=\"M12,2C6.477,2,2,6.477,2,12c0,5.395,4.275,9.78,9.621,9.981v-6.942H9.278v-2.725h2.343v-2.005 c0-2.324,1.421-3.591,3.495-3.591c0.699-0.002,1.397,0.034,2.092,0.105v2.43h-1.428c-1.13,0-1.35,0.534-1.35,1.322v1.735h2.7 l-0.351,2.725h-2.365v6.659C18.768,20.613,22,16.689,22,12C22,6.477,17.523,2,12,2z\"/></svg>","data":{"embed":{"meta":{"html":"<?xml version=\"1.0\"?><svg fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"100px\" height=\"100%\">\n<path d=\"M12,2C6.477,2,2,6.477,2,12c0,5.395,4.275,9.78,9.621,9.981v-6.942H9.278v-2.725h2.343v-2.005 c0-2.324,1.421-3.591,3.495-3.591c0.699-0.002,1.397,0.034,2.092,0.105v2.43h-1.428c-1.13,0-1.35,0.534-1.35,1.322v1.735h2.7 l-0.351,2.725h-2.365v6.659C18.768,20.613,22,16.689,22,12C22,6.477,17.523,2,12,2z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e45","type":"Block","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e46"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e46","text":true,"v":"Facebook"},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e47","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b97b"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e48","9eae68fa-97de-b112-13c1-88d45daf5e49","9eae68fa-97de-b112-13c1-88d45daf5e4b"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e48","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b998"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e49","type":"Block","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e4a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e4a","text":true,"v":"OR"},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e4b","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b998"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e54","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b991"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e55","9eae68fa-97de-b112-13c1-88d45daf5e57"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e55","type":"FormBlockLabel","tag":"label","classes":["f14560f8-ef52-6301-cd8a-282bd574b995"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e56"],"data":{"form":{"type":"label"},"attr":{"for":"email-4","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e56","text":true,"v":"Email"},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e57","type":"FormTextInput","tag":"input","classes":["f14560f8-ef52-6301-cd8a-282bd574b98a"],"children":[],"data":{"form":{"name":"email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"email","placeholder":"e.g. howard.thurman@email.com","type":"email","id":"email-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e58","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b991","fdc24be1-d2cb-39ed-5d51-4683b4351e5d"],"children":["5fb8949c-8849-d368-b22d-279cf01b1d60","9eae68fa-97de-b112-13c1-88d45daf5e5b"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5fb8949c-8849-d368-b22d-279cf01b1d60","type":"Block","tag":"div","classes":["24ce5fcc-44a1-7e4c-42b4-c75b41db937c","b4ec01ea-0164-3cec-d49d-b1514f96a6d2"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e59","6b0d4df5-ff0b-aa59-99bb-54da8a7f1d3c"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e59","type":"FormBlockLabel","tag":"label","classes":["f14560f8-ef52-6301-cd8a-282bd574b995"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e5a"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e5a","text":true,"v":"Password"},{"_id":"6b0d4df5-ff0b-aa59-99bb-54da8a7f1d3c","type":"Link","tag":"a","classes":["f14560f8-ef52-6301-cd8a-282bd574b985","77193a77-be92-6bb9-e365-1ad8689e43a4"],"children":["6b0d4df5-ff0b-aa59-99bb-54da8a7f1d3d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6b0d4df5-ff0b-aa59-99bb-54da8a7f1d3d","text":true,"v":"Forgot Password"},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e5b","type":"FormTextInput","tag":"input","classes":["f14560f8-ef52-6301-cd8a-282bd574b98a"],"children":[],"data":{"form":{"name":"Password 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Password","type":"password","id":"Password-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e67","type":"FormButton","tag":"input","classes":["24ce5fcc-44a1-7e4c-42b4-c75b41db93bc","35e36506-1e4e-d831-50e1-9f6a50a10add"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Let's get started","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e68","type":"FormSuccessMessage","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e69"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e69","type":"Block","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e6a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e6a","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e6b","type":"FormErrorMessage","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e6c"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e6c","type":"Block","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e6d"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e6d","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e6e","type":"Block","tag":"div","classes":["f14560f8-ef52-6301-cd8a-282bd574b98c"],"children":["9eae68fa-97de-b112-13c1-88d45daf5e6f"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e6f","type":"Block","tag":"div","classes":[],"children":["9eae68fa-97de-b112-13c1-88d45daf5e70","eac963f0-595e-1028-db86-20516d84e187"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9eae68fa-97de-b112-13c1-88d45daf5e70","text":true,"v":"Need an account? "},{"_id":"eac963f0-595e-1028-db86-20516d84e187","type":"Link","tag":"a","classes":["f14560f8-ef52-6301-cd8a-282bd574b985"],"children":["3fb07e4f-1138-b726-00c7-d3f2ecbd5c7a"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"3fb07e4f-1138-b726-00c7-d3f2ecbd5c7a","text":true,"v":"Sign up here"}],"styles":[{"_id":"f14560f8-ef52-6301-cd8a-282bd574b98d","fake":false,"type":"class","name":"signup-header","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 28px; line-height: 28px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b98f","fake":false,"type":"class","name":"Social SVG","namespace":"","comb":"","styleLess":"display: flex; width: 25px; margin-right: 8px; justify-content: center; align-items: center;","variants":{"medium":{"styleLess":"align-self: center;"}},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b991","fake":false,"type":"class","name":"text-field-wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-bottom: 12px; flex-direction: column;","variants":{},"children":["f14560f8-ef52-6301-cd8a-282bd574b9a1","fdc24be1-d2cb-39ed-5d51-4683b4351e5d"],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b98a","fake":false,"type":"class","name":"text-field","namespace":"","comb":"","styleLess":"height: 42px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; 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(0, 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(0, 0.00%, 0.00%, 0.80); border-right-color: hsla(0, 0.00%, 0.00%, 0.80); border-bottom-color: hsla(0, 0.00%, 0.00%, 0.80); border-left-color: hsla(0, 0.00%, 0.00%, 0.80); box-shadow: 0 1px 4px 0 rgba(220, 220, 229, 0.9);"}},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b985","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(332, 100.00%, 37.33%, 1.00); color: hsla(332, 100.00%, 37.33%, 1.00);","variants":{"main_hover":{"styleLess":"color: hsla(236.31578947368422, 55.02%, 34.40%, 1.00);"}},"children":["77193a77-be92-6bb9-e365-1ad8689e43a4"],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b978","fake":false,"type":"class","name":"form-field-wrapper","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 20px; padding-top: 10px; justify-content: space-between; flex-wrap: wrap;","variants":{},"children":[],"selector":null},{"_id":"24ce5fcc-44a1-7e4c-42b4-c75b41db93bc","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"padding-top: 11px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(332, 100.00%, 37.33%, 1.00); transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: white; font-size: 16px; line-height: 23px; font-weight: 500;","variants":{"small":{"styleLess":"margin-right: auto; margin-left: auto;"},"main_hover":{"styleLess":"background-color: hsla(332, 100.00%, 37.33%, 0.60);"}},"children":["24ce5fcc-44a1-7e4c-42b4-c75b41db93c3","24ce5fcc-44a1-7e4c-42b4-c75b41db93ce","7a330283-3d5d-3861-9884-34371aeceabb","91e94d06-afde-d540-94c0-63d9157bcfed","35e36506-1e4e-d831-50e1-9f6a50a10add"],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b971","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 360px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b995","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 3px; color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); font-size: 13.5px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"24ce5fcc-44a1-7e4c-42b4-c75b41db937c","fake":false,"type":"class","name":"Flex Row Outer","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; align-items: center;","variants":{"tiny":{"styleLess":"flex-direction: column; justify-content: center; flex-wrap: wrap; align-items: flex-start;"}},"children":["b4ec01ea-0164-3cec-d49d-b1514f96a6d2"],"selector":null},{"_id":"fdc24be1-d2cb-39ed-5d51-4683b4351e5d","fake":false,"type":"class","name":"Exra Margin","namespace":"","comb":"&","styleLess":"margin-bottom: 32px;","variants":{},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b98c","fake":false,"type":"class","name":"flex-row-center","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b97b","fake":false,"type":"class","name":"form-divider","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-top: 15px; margin-bottom: 15px; justify-content: space-between; align-items: center; color: hsla(0, 0.00%, 0.00%, 0.80); font-size: 12px; letter-spacing: 2px;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b97c","fake":false,"type":"class","name":"social-button-text","namespace":"","comb":"","styleLess":"display: inline-block; justify-content: center; align-items: center; color: #374252; letter-spacing: 0.5px; text-decoration: none;","variants":{},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b998","fake":false,"type":"class","name":"form-div-line","namespace":"","comb":"","styleLess":"width: 40%; height: 0.8px; background-color: hsla(0, 0.00%, 89.47%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b99f","fake":false,"type":"class","name":"facebook","namespace":"","comb":"&","styleLess":"border-top-color: #3578e5; border-right-color: #3578e5; border-bottom-color: #3578e5; border-left-color: #3578e5; background-color: white; color: #3578e5;","variants":{},"children":[],"selector":null},{"_id":"b4ec01ea-0164-3cec-d49d-b1514f96a6d2","fake":false,"type":"class","name":"Full","namespace":"","comb":"&","styleLess":"position: relative; width: 100%;","variants":{},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b972","fake":false,"type":"class","name":"margin-bottom","namespace":"","comb":"","styleLess":"margin-bottom: 15px;","variants":{},"children":[],"selector":null},{"_id":"35e36506-1e4e-d831-50e1-9f6a50a10add","fake":false,"type":"class","name":"Full","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"selector":null},{"_id":"77193a77-be92-6bb9-e365-1ad8689e43a4","fake":false,"type":"class","name":"forgot-password","namespace":"","comb":"&","styleLess":"border-bottom-style: none; font-size: 12px; font-weight: 400;","variants":{},"children":[],"selector":null},{"_id":"f14560f8-ef52-6301-cd8a-282bd574b992","fake":false,"type":"class","name":"social-button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 49%; height: 45px; padding-right: 3px; justify-content: center; align-items: center; align-content: stretch; border-top-style: solid; border-top-width: 1.1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1.1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1.1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1.1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: white; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 1.00); transition-property: box-shadow, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: #374252; font-size: 16px; font-weight: 400; text-decoration: none;","variants":{"tiny":{"styleLess":"width: 48%; height: 45px;"},"main_active":{"styleLess":"background-color: white; box-shadow: 1px 0 3px 0 #dbdbdb;"},"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); background-color: #f9f9f9;"}},"children":["f14560f8-ef52-6301-cd8a-282bd574b99f"],"selector":null}],"assets":[{"cdnUrl":"https://assets-global.website-files.com/6218fa8a3cfbc4e3e6024e3c/6220c9c31a295f5017c72174_G.png","siteId":"6218fa8a3cfbc4e3e6024e3c","width":400,"isHD":false,"height":400,"fileName":"6220c9c31a295f5017c72174_G.png","createdOn":"2022-03-03T13:59:31.460Z","origFileName":"G.png","fileHash":"e254943fcf11cc016d0e3068f44bf4d3","variants":[{"_id":"5e21eac938a4a952f1199421","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6218fa8a3cfbc4e3e6024e3c/6220c9c31a295f5017c72174_G-p-130x130q80.png","fileName":"6220c9c31a295f5017c72174_G-p-130x130q80.png","origFileName":"G-p-130x130q80.png","format":"png","cdnUrl":"https://assets-global.website-files.com/6218fa8a3cfbc4e3e6024e3c/6220c9c31a295f5017c72174_G-p-130x130q80.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6218fa8a3cfbc4e3e6024e3c/6220c9c31a295f5017c72174_G.png","thumbUrl":"https://assets-global.website-files.com/6218fa8a3cfbc4e3e6024e3c/6220c9c31a295f5017c72174_G-p-130x130q80.png","_id":"6220c9c31a295f5017c72174","updatedOn":"2022-03-03T13:59:31.614Z","markedAsDeleted":false,"fileSize":13752}],"ix1":[],"ix2":{"interactions":[{"id":"i-11","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-21","e-22"],"target":"6220cbef53a5cbba8dbe47cc|5fb8949c-8849-d368-b22d-279cf01b1d60","createdOn":1646316673399}],"events":[{"id":"e-21","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-8","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-22"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6220cbef53a5cbba8dbe47cc|5fb8949c-8849-d368-b22d-279cf01b1d60","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6220cbef53a5cbba8dbe47cc|5fb8949c-8849-d368-b22d-279cf01b1d60","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1646316673399},{"id":"e-22","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6220cbef53a5cbba8dbe47cc|5fb8949c-8849-d368-b22d-279cf01b1d60","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6220cbef53a5cbba8dbe47cc|5fb8949c-8849-d368-b22d-279cf01b1d60","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1646316673399}],"actionLists":[{"id":"a-8","title":"Start Tour","actionItemGroups":[{"actionItems":[{"id":"a-8-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"61f432c6d79180831a7fa40f|b1f9ebb8-8c66-2486-4774-72efc07a386d","appliesTo":"ELEMENT_CLASS","styleBlockIds":["f14560f8-ef52-6301-cd8a-282bd574b97d","f14560f8-ef52-6301-cd8a-282bd574b99b","f14560f8-ef52-6301-cd8a-282bd574b9a2"],"boundaryMode":false},"value":"flex"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1643743815785}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

More Login Components

View All

More #6 - Gradient Template Components

View All