Loading Component...

Loading

More Components

View All
Part of

Login Form With Large Image

Oops! Something went wrong while submitting the form.
Login Form With Large Image
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"536c35c4-9c6e-9446-5e53-4b748be853a9","type":"Block","tag":"section","classes":["50e4642b-2583-c286-3818-2a2f36cd36cf"],"children":["3d8ce6bb-5d29-90b3-1a1d-2f2632bc85c9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"3d8ce6bb-5d29-90b3-1a1d-2f2632bc85c9","type":"Block","tag":"div","classes":["32dbe2a3-a599-7392-7b3f-d7ddbe730703"],"children":["bc624048-4129-6f6c-aa5b-196b67c58fd5","835d18de-71e6-549b-5278-f23e98226e1f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bc624048-4129-6f6c-aa5b-196b67c58fd5","type":"Block","tag":"div","classes":["ba53abef-8a1c-9b34-4212-053186f48a18"],"children":["309da320-e1df-c291-f3c3-e71eb4085e03"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e03","type":"FormWrapper","tag":"div","classes":["c129a26c-54e3-1583-35f6-80650a8c484b"],"children":["309da320-e1df-c291-f3c3-e71eb4085e04","309da320-e1df-c291-f3c3-e71eb4085e0c","309da320-e1df-c291-f3c3-e71eb4085e0f"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e04","type":"FormForm","tag":"form","classes":["529a99d1-8fa9-5218-2c68-92ac22749c19"],"children":["3b5ac1db-4a46-2ac5-d59e-6d2d5c0f822d","116047eb-162a-aa1b-c966-81e3aaef2729","0618da42-15bc-d3bb-0355-b43cf1d3783c"],"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":"3b5ac1db-4a46-2ac5-d59e-6d2d5c0f822d","type":"Link","tag":"a","classes":["5db8b02e-1fed-98d3-fbbf-996021507261"],"children":["5eb46f85-edf3-9ec7-2497-246a17eaf192"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5eb46f85-edf3-9ec7-2497-246a17eaf192","type":"Image","tag":"img","classes":["a76933d7-f13a-ccc8-0a19-5b480f0cb25b"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4560a3d108633e726c30_log.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"643d4560a3d108633e726c30"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"116047eb-162a-aa1b-c966-81e3aaef2729","type":"Block","tag":"div","classes":["c940a997-f7f2-bbc3-eee2-9dc224d0a263"],"children":["a52c92c9-d7f6-770f-6e1b-c8b485730803","0e82e9fe-fa40-9e0d-6512-326b0f11ca02","4d1483a6-7dd1-283a-9662-debdf9686648"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a52c92c9-d7f6-770f-6e1b-c8b485730803","type":"Block","tag":"div","classes":["28762fec-488d-42f4-9922-c39da7eb023c"],"children":["ec597c28-870d-cad6-2962-5acc8718330d","6c95390b-a043-3877-4083-8cd52224991e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec597c28-870d-cad6-2962-5acc8718330d","type":"Heading","tag":"h1","classes":["806834d3-1446-a56e-e7ce-a002d2573fa8"],"children":["ec597c28-870d-cad6-2962-5acc8718330e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"ec597c28-870d-cad6-2962-5acc8718330e","text":true,"v":"Login"},{"_id":"6c95390b-a043-3877-4083-8cd52224991e","type":"Heading","tag":"h2","classes":[],"children":["6c95390b-a043-3877-4083-8cd52224991f"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"6c95390b-a043-3877-4083-8cd52224991f","text":true,"v":"Let’s continue your adventure"},{"_id":"0e82e9fe-fa40-9e0d-6512-326b0f11ca02","type":"Block","tag":"div","classes":["4aae3054-a419-5dfd-6d25-bfc078f2e01c"],"children":["4c08fdd9-cb2c-7cdd-5f35-62ba5bf3de1e","309da320-e1df-c291-f3c3-e71eb4085e07"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4c08fdd9-cb2c-7cdd-5f35-62ba5bf3de1e","type":"FormTextInput","tag":"input","classes":["32b50546-71e8-49bd-63ad-cc2164a5247d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Email","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":"309da320-e1df-c291-f3c3-e71eb4085e07","type":"FormTextInput","tag":"input","classes":["32b50546-71e8-49bd-63ad-cc2164a5247d"],"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":"4d1483a6-7dd1-283a-9662-debdf9686648","type":"Block","tag":"div","classes":["b641a42c-146a-59e4-158a-079e1407dcbd"],"children":["309da320-e1df-c291-f3c3-e71eb4085e0b","55cc63ff-49d9-2ef4-bf38-9b5086a1860c","ca79d030-5b12-7d67-5a4a-a765f9853c64"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0b","type":"FormButton","tag":"input","classes":["efaa0c6d-aef0-ea2d-0af4-5206846bee7c"],"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":"55cc63ff-49d9-2ef4-bf38-9b5086a1860c","type":"Link","tag":"a","classes":["03400dea-4da5-d876-4926-82d207fd93a1"],"children":["99736e6c-df1f-d964-518e-4da785f98865","73ec443a-affc-0a3c-f8d7-beca5c23ae7c"],"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":"99736e6c-df1f-d964-518e-4da785f98865","type":"Image","tag":"img","classes":["474c2d03-b158-8881-40bb-6063160f232a"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4b8651b7fc9b36e8dbc1_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"643d4b8651b7fc9b36e8dbc1"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"73ec443a-affc-0a3c-f8d7-beca5c23ae7c","type":"Paragraph","tag":"p","classes":[],"children":["73ec443a-affc-0a3c-f8d7-beca5c23ae7d"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"73ec443a-affc-0a3c-f8d7-beca5c23ae7d","text":true,"v":"Log in with Google"},{"_id":"ca79d030-5b12-7d67-5a4a-a765f9853c64","type":"Paragraph","tag":"p","classes":["abcfef49-8f8f-3a0a-69b6-d14d23b214b4"],"children":["ca79d030-5b12-7d67-5a4a-a765f9853c65","c38e0542-9686-77c1-2ca9-0735c9a07e57"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ca79d030-5b12-7d67-5a4a-a765f9853c65","text":true,"v":"Don't have account? "},{"_id":"c38e0542-9686-77c1-2ca9-0735c9a07e57","type":"Link","tag":"a","classes":["06b8e298-d765-9839-0067-b50bc39af2bb"],"children":["21839584-f931-9cd5-6e96-52b67dd7eb2e"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"21839584-f931-9cd5-6e96-52b67dd7eb2e","text":true,"v":"Sign up"},{"_id":"0618da42-15bc-d3bb-0355-b43cf1d3783c","type":"Block","tag":"div","classes":["f39a5f36-9daa-324f-52f4-8646fd7cb919"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0c","type":"FormSuccessMessage","tag":"div","classes":[],"children":["309da320-e1df-c291-f3c3-e71eb4085e0d"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0d","type":"Block","tag":"div","classes":[],"children":["309da320-e1df-c291-f3c3-e71eb4085e0e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0e","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0f","type":"FormErrorMessage","tag":"div","classes":[],"children":["309da320-e1df-c291-f3c3-e71eb4085e10"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e10","type":"Block","tag":"div","classes":[],"children":["309da320-e1df-c291-f3c3-e71eb4085e11"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e11","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"835d18de-71e6-549b-5278-f23e98226e1f","type":"Block","tag":"div","classes":["ffa6ab86-645f-465e-fd69-ebd07996cbbd"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"50e4642b-2583-c286-3818-2a2f36cd36cf","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 1920px; align-items: center;","variants":{"medium":{"styleLess":"height: auto;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c940a997-f7f2-bbc3-eee2-9dc224d0a263","fake":false,"type":"class","name":"form-wrap","namespace":"","comb":"","styleLess":"width: 100%; max-width: 350px; margin-top: 30px; margin-right: auto; margin-left: auto;","variants":{"medium":{"styleLess":"max-width: 470px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"06b8e298-d765-9839-0067-b50bc39af2bb","fake":false,"type":"class","name":"text-link","namespace":"","comb":"","styleLess":"color: hsla(245.99999999999997, 29.85%, 26.27%, 1.00); font-weight: 600;","variants":{"main_hover":{"styleLess":"color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"f39a5f36-9daa-324f-52f4-8646fd7cb919","fake":false,"type":"class","name":"space","namespace":"","comb":"","styleLess":"height: 22px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"32b50546-71e8-49bd-63ad-cc2164a5247d","fake":false,"type":"class","name":"text-field","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: gainsboro; border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.00); transition-property: border; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_placeholder":{"styleLess":"color: gainsboro;"},"main_hover":{"styleLess":"border-bottom-color: hsla(245.99999999999997, 29.85%, 26.27%, 1.00);"},"main_focus":{"styleLess":"border-top-color: hsla(0, 0.00%, 0.00%, 0.00); border-right-color: hsla(0, 0.00%, 0.00%, 0.00); border-bottom-color: hsla(245.99999999999997, 29.85%, 26.27%, 1.00); border-left-color: hsla(0, 0.00%, 0.00%, 0.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a76933d7-f13a-ccc8-0a19-5b480f0cb25b","fake":false,"type":"class","name":"logo-img","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b641a42c-146a-59e4-158a-079e1407dcbd","fake":false,"type":"class","name":"links-wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c129a26c-54e3-1583-35f6-80650a8c484b","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"474c2d03-b158-8881-40bb-6063160f232a","fake":false,"type":"class","name":"google","namespace":"","comb":"","styleLess":"width: 22px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"ffa6ab86-645f-465e-fd69-ebd07996cbbd","fake":false,"type":"class","name":"right","namespace":"","comb":"","styleLess":"width: 55%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); background-image: @img_643fb4f81bffce62ae060b58; background-position: 50% 50%; background-size: cover;","variants":{"medium":{"styleLess":"display: none; width: auto;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"efaa0c6d-aef0-ea2d-0af4-5206846bee7c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(243.2307692307692, 63.11%, 40.39%, 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(243.2307692307692, 63.11%, 40.39%, 1.00); transition-property: color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: transparent; color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"32dbe2a3-a599-7392-7b3f-d7ddbe730703","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;","variants":{"medium":{"styleLess":"padding-top: 0px; padding-right: 0px; padding-bottom: 0px; flex-direction: column;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ba53abef-8a1c-9b34-4212-053186f48a18","fake":false,"type":"class","name":"left","namespace":"","comb":"","styleLess":"display: flex; width: 45%; padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px;","variants":{"medium":{"styleLess":"width: 100%; height: 100vh;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"28762fec-488d-42f4-9922-c39da7eb023c","fake":false,"type":"class","name":"form-label","namespace":"","comb":"","styleLess":"margin-bottom: 40px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"03400dea-4da5-d876-4926-82d207fd93a1","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 45px; margin-top: 10px; margin-bottom: 20px; padding-top: 10px; padding-right: 19px; padding-bottom: 10px; padding-left: 19px; justify-content: center; align-items: center; grid-column-gap: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; transition-property: box-shadow, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 5px 2px 0 rgba(0,0,0,0.2); transform: translate(0px, -5px);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"806834d3-1446-a56e-e7ce-a002d2573fa8","fake":false,"type":"class","name":"mb-15","namespace":"","comb":"","styleLess":"margin-bottom: 15px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"529a99d1-8fa9-5218-2c68-92ac22749c19","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; height: 100%; padding-right: 40px; padding-left: 40px; flex-direction: column; justify-content: space-between;","variants":{"small":{"styleLess":"padding-right: 0px; padding-left: 0px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4aae3054-a419-5dfd-6d25-bfc078f2e01c","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"padding-bottom: 30px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"abcfef49-8f8f-3a0a-69b6-d14d23b214b4","fake":false,"type":"class","name":"center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"5db8b02e-1fed-98d3-fbbf-996021507261","fake":false,"type":"class","name":"logo-link","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4560a3d108633e726c30_log.svg","siteId":"643d41b7031352134dad92f0","width":90,"isHD":false,"height":22,"fileName":"643d4560a3d108633e726c30_log.svg","createdOn":"2023-04-17T13:10:56.178Z","origFileName":"log.svg","fileHash":"81323bcfae7a6649da0f4b4249d74728","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643d4560a3d108633e726c30_log.svg","thumbUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4560a3d108633e726c30_log.svg","_id":"643d4560a3d108633e726c30","updatedOn":"2023-04-17T13:10:56.178Z","fileSize":9653},{"cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4b8651b7fc9b36e8dbc1_google.svg","siteId":"643d41b7031352134dad92f0","width":30,"isHD":false,"height":31,"fileName":"643d4b8651b7fc9b36e8dbc1_google.svg","createdOn":"2023-04-17T13:37:10.497Z","origFileName":"google.svg","fileHash":"7615cf530c4bb53e1e8060a0b5743b0f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643d4b8651b7fc9b36e8dbc1_google.svg","thumbUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4b8651b7fc9b36e8dbc1_google.svg","_id":"643d4b8651b7fc9b36e8dbc1","updatedOn":"2023-04-17T13:37:10.497Z","fileSize":1375},{"cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657.jpg","siteId":"643d41b7031352134dad92f0","width":1920,"isHD":false,"height":2400,"fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bjørkli-1819657.jpg","createdOn":"2023-04-19T09:31:36.855Z","origFileName":"pexels-tobias-bjørkli-1819657.jpg","fileHash":"30711ca005c821187304fdaf1054bfe6","variants":[{"_id":"643fb4fca89c3331833178ab","origFileName":"pexels-tobias-bj%C3%B8rkli-1819657-p-500.jpg","fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-500.jpg","format":"jpg","size":57727,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-500.jpg"},{"_id":"643fb4fca89c33fe6f3178ac","origFileName":"pexels-tobias-bj%C3%B8rkli-1819657-p-800.jpg","fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-800.jpg","format":"jpg","size":138807,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-800.jpg"},{"_id":"643fb4fca89c3313b83178ad","origFileName":"pexels-tobias-bj%C3%B8rkli-1819657-p-1080.jpg","fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1080.jpg","format":"jpg","size":246295,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1080.jpg"},{"_id":"643fb4fca89c3313fa3178ae","origFileName":"pexels-tobias-bj%C3%B8rkli-1819657-p-1600.jpg","fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1600.jpg","format":"jpg","size":492850,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1600.jpg","cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657.jpg","thumbUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-130x130q80.jpg","_id":"643fb4f81bffce62ae060b58","updatedOn":"2023-04-19T09:37:40.393Z","fileSize":825755}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"536c35c4-9c6e-9446-5e53-4b748be853a9","type":"Block","tag":"section","classes":["50e4642b-2583-c286-3818-2a2f36cd36cf"],"children":["3d8ce6bb-5d29-90b3-1a1d-2f2632bc85c9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"3d8ce6bb-5d29-90b3-1a1d-2f2632bc85c9","type":"Block","tag":"div","classes":["32dbe2a3-a599-7392-7b3f-d7ddbe730703"],"children":["bc624048-4129-6f6c-aa5b-196b67c58fd5","835d18de-71e6-549b-5278-f23e98226e1f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bc624048-4129-6f6c-aa5b-196b67c58fd5","type":"Block","tag":"div","classes":["ba53abef-8a1c-9b34-4212-053186f48a18"],"children":["309da320-e1df-c291-f3c3-e71eb4085e03"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e03","type":"FormWrapper","tag":"div","classes":["c129a26c-54e3-1583-35f6-80650a8c484b"],"children":["309da320-e1df-c291-f3c3-e71eb4085e04","309da320-e1df-c291-f3c3-e71eb4085e0c","309da320-e1df-c291-f3c3-e71eb4085e0f"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e04","type":"FormForm","tag":"form","classes":["529a99d1-8fa9-5218-2c68-92ac22749c19"],"children":["3b5ac1db-4a46-2ac5-d59e-6d2d5c0f822d","116047eb-162a-aa1b-c966-81e3aaef2729","0618da42-15bc-d3bb-0355-b43cf1d3783c"],"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":"3b5ac1db-4a46-2ac5-d59e-6d2d5c0f822d","type":"Link","tag":"a","classes":["5db8b02e-1fed-98d3-fbbf-996021507261"],"children":["5eb46f85-edf3-9ec7-2497-246a17eaf192"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5eb46f85-edf3-9ec7-2497-246a17eaf192","type":"Image","tag":"img","classes":["a76933d7-f13a-ccc8-0a19-5b480f0cb25b"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4560a3d108633e726c30_log.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"643d4560a3d108633e726c30"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"116047eb-162a-aa1b-c966-81e3aaef2729","type":"Block","tag":"div","classes":["c940a997-f7f2-bbc3-eee2-9dc224d0a263"],"children":["a52c92c9-d7f6-770f-6e1b-c8b485730803","0e82e9fe-fa40-9e0d-6512-326b0f11ca02","4d1483a6-7dd1-283a-9662-debdf9686648"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a52c92c9-d7f6-770f-6e1b-c8b485730803","type":"Block","tag":"div","classes":["28762fec-488d-42f4-9922-c39da7eb023c"],"children":["ec597c28-870d-cad6-2962-5acc8718330d","6c95390b-a043-3877-4083-8cd52224991e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec597c28-870d-cad6-2962-5acc8718330d","type":"Heading","tag":"h1","classes":["806834d3-1446-a56e-e7ce-a002d2573fa8"],"children":["ec597c28-870d-cad6-2962-5acc8718330e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"ec597c28-870d-cad6-2962-5acc8718330e","text":true,"v":"Login"},{"_id":"6c95390b-a043-3877-4083-8cd52224991e","type":"Heading","tag":"h2","classes":[],"children":["6c95390b-a043-3877-4083-8cd52224991f"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"6c95390b-a043-3877-4083-8cd52224991f","text":true,"v":"Let’s continue your adventure"},{"_id":"0e82e9fe-fa40-9e0d-6512-326b0f11ca02","type":"Block","tag":"div","classes":["4aae3054-a419-5dfd-6d25-bfc078f2e01c"],"children":["4c08fdd9-cb2c-7cdd-5f35-62ba5bf3de1e","309da320-e1df-c291-f3c3-e71eb4085e07"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4c08fdd9-cb2c-7cdd-5f35-62ba5bf3de1e","type":"FormTextInput","tag":"input","classes":["32b50546-71e8-49bd-63ad-cc2164a5247d"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Email","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":"309da320-e1df-c291-f3c3-e71eb4085e07","type":"FormTextInput","tag":"input","classes":["32b50546-71e8-49bd-63ad-cc2164a5247d"],"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":"4d1483a6-7dd1-283a-9662-debdf9686648","type":"Block","tag":"div","classes":["b641a42c-146a-59e4-158a-079e1407dcbd"],"children":["309da320-e1df-c291-f3c3-e71eb4085e0b","55cc63ff-49d9-2ef4-bf38-9b5086a1860c","ca79d030-5b12-7d67-5a4a-a765f9853c64"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0b","type":"FormButton","tag":"input","classes":["efaa0c6d-aef0-ea2d-0af4-5206846bee7c"],"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":"55cc63ff-49d9-2ef4-bf38-9b5086a1860c","type":"Link","tag":"a","classes":["03400dea-4da5-d876-4926-82d207fd93a1"],"children":["99736e6c-df1f-d964-518e-4da785f98865","73ec443a-affc-0a3c-f8d7-beca5c23ae7c"],"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":"99736e6c-df1f-d964-518e-4da785f98865","type":"Image","tag":"img","classes":["474c2d03-b158-8881-40bb-6063160f232a"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4b8651b7fc9b36e8dbc1_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"643d4b8651b7fc9b36e8dbc1"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"73ec443a-affc-0a3c-f8d7-beca5c23ae7c","type":"Paragraph","tag":"p","classes":[],"children":["73ec443a-affc-0a3c-f8d7-beca5c23ae7d"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"73ec443a-affc-0a3c-f8d7-beca5c23ae7d","text":true,"v":"Log in with Google"},{"_id":"ca79d030-5b12-7d67-5a4a-a765f9853c64","type":"Paragraph","tag":"p","classes":["abcfef49-8f8f-3a0a-69b6-d14d23b214b4"],"children":["ca79d030-5b12-7d67-5a4a-a765f9853c65","c38e0542-9686-77c1-2ca9-0735c9a07e57"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ca79d030-5b12-7d67-5a4a-a765f9853c65","text":true,"v":"Don't have account? "},{"_id":"c38e0542-9686-77c1-2ca9-0735c9a07e57","type":"Link","tag":"a","classes":["06b8e298-d765-9839-0067-b50bc39af2bb"],"children":["21839584-f931-9cd5-6e96-52b67dd7eb2e"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"21839584-f931-9cd5-6e96-52b67dd7eb2e","text":true,"v":"Sign up"},{"_id":"0618da42-15bc-d3bb-0355-b43cf1d3783c","type":"Block","tag":"div","classes":["f39a5f36-9daa-324f-52f4-8646fd7cb919"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0c","type":"FormSuccessMessage","tag":"div","classes":[],"children":["309da320-e1df-c291-f3c3-e71eb4085e0d"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0d","type":"Block","tag":"div","classes":[],"children":["309da320-e1df-c291-f3c3-e71eb4085e0e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0e","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e0f","type":"FormErrorMessage","tag":"div","classes":[],"children":["309da320-e1df-c291-f3c3-e71eb4085e10"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e10","type":"Block","tag":"div","classes":[],"children":["309da320-e1df-c291-f3c3-e71eb4085e11"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309da320-e1df-c291-f3c3-e71eb4085e11","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"835d18de-71e6-549b-5278-f23e98226e1f","type":"Block","tag":"div","classes":["ffa6ab86-645f-465e-fd69-ebd07996cbbd"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"50e4642b-2583-c286-3818-2a2f36cd36cf","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 1920px; align-items: center;","variants":{"medium":{"styleLess":"height: auto;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c940a997-f7f2-bbc3-eee2-9dc224d0a263","fake":false,"type":"class","name":"form-wrap","namespace":"","comb":"","styleLess":"width: 100%; max-width: 350px; margin-top: 30px; margin-right: auto; margin-left: auto;","variants":{"medium":{"styleLess":"max-width: 470px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"06b8e298-d765-9839-0067-b50bc39af2bb","fake":false,"type":"class","name":"text-link","namespace":"","comb":"","styleLess":"color: hsla(245.99999999999997, 29.85%, 26.27%, 1.00); font-weight: 600;","variants":{"main_hover":{"styleLess":"color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"f39a5f36-9daa-324f-52f4-8646fd7cb919","fake":false,"type":"class","name":"space","namespace":"","comb":"","styleLess":"height: 22px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"32b50546-71e8-49bd-63ad-cc2164a5247d","fake":false,"type":"class","name":"text-field","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: gainsboro; border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.00); transition-property: border; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_placeholder":{"styleLess":"color: gainsboro;"},"main_hover":{"styleLess":"border-bottom-color: hsla(245.99999999999997, 29.85%, 26.27%, 1.00);"},"main_focus":{"styleLess":"border-top-color: hsla(0, 0.00%, 0.00%, 0.00); border-right-color: hsla(0, 0.00%, 0.00%, 0.00); border-bottom-color: hsla(245.99999999999997, 29.85%, 26.27%, 1.00); border-left-color: hsla(0, 0.00%, 0.00%, 0.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a76933d7-f13a-ccc8-0a19-5b480f0cb25b","fake":false,"type":"class","name":"logo-img","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b641a42c-146a-59e4-158a-079e1407dcbd","fake":false,"type":"class","name":"links-wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c129a26c-54e3-1583-35f6-80650a8c484b","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"474c2d03-b158-8881-40bb-6063160f232a","fake":false,"type":"class","name":"google","namespace":"","comb":"","styleLess":"width: 22px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"ffa6ab86-645f-465e-fd69-ebd07996cbbd","fake":false,"type":"class","name":"right","namespace":"","comb":"","styleLess":"width: 55%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); background-image: @img_643fb4f81bffce62ae060b58; background-position: 50% 50%; background-size: cover;","variants":{"medium":{"styleLess":"display: none; width: auto;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"efaa0c6d-aef0-ea2d-0af4-5206846bee7c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(243.2307692307692, 63.11%, 40.39%, 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(243.2307692307692, 63.11%, 40.39%, 1.00); transition-property: color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: transparent; color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"32dbe2a3-a599-7392-7b3f-d7ddbe730703","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;","variants":{"medium":{"styleLess":"padding-top: 0px; padding-right: 0px; padding-bottom: 0px; flex-direction: column;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ba53abef-8a1c-9b34-4212-053186f48a18","fake":false,"type":"class","name":"left","namespace":"","comb":"","styleLess":"display: flex; width: 45%; padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px;","variants":{"medium":{"styleLess":"width: 100%; height: 100vh;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"28762fec-488d-42f4-9922-c39da7eb023c","fake":false,"type":"class","name":"form-label","namespace":"","comb":"","styleLess":"margin-bottom: 40px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"03400dea-4da5-d876-4926-82d207fd93a1","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 45px; margin-top: 10px; margin-bottom: 20px; padding-top: 10px; padding-right: 19px; padding-bottom: 10px; padding-left: 19px; justify-content: center; align-items: center; grid-column-gap: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(243.2307692307692, 63.11%, 40.39%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; transition-property: box-shadow, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 5px 2px 0 rgba(0,0,0,0.2); transform: translate(0px, -5px);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"806834d3-1446-a56e-e7ce-a002d2573fa8","fake":false,"type":"class","name":"mb-15","namespace":"","comb":"","styleLess":"margin-bottom: 15px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"529a99d1-8fa9-5218-2c68-92ac22749c19","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; height: 100%; padding-right: 40px; padding-left: 40px; flex-direction: column; justify-content: space-between;","variants":{"small":{"styleLess":"padding-right: 0px; padding-left: 0px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4aae3054-a419-5dfd-6d25-bfc078f2e01c","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"padding-bottom: 30px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"abcfef49-8f8f-3a0a-69b6-d14d23b214b4","fake":false,"type":"class","name":"center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"5db8b02e-1fed-98d3-fbbf-996021507261","fake":false,"type":"class","name":"logo-link","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4560a3d108633e726c30_log.svg","siteId":"643d41b7031352134dad92f0","width":90,"isHD":false,"height":22,"fileName":"643d4560a3d108633e726c30_log.svg","createdOn":"2023-04-17T13:10:56.178Z","origFileName":"log.svg","fileHash":"81323bcfae7a6649da0f4b4249d74728","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643d4560a3d108633e726c30_log.svg","thumbUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4560a3d108633e726c30_log.svg","_id":"643d4560a3d108633e726c30","updatedOn":"2023-04-17T13:10:56.178Z","fileSize":9653},{"cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4b8651b7fc9b36e8dbc1_google.svg","siteId":"643d41b7031352134dad92f0","width":30,"isHD":false,"height":31,"fileName":"643d4b8651b7fc9b36e8dbc1_google.svg","createdOn":"2023-04-17T13:37:10.497Z","origFileName":"google.svg","fileHash":"7615cf530c4bb53e1e8060a0b5743b0f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643d4b8651b7fc9b36e8dbc1_google.svg","thumbUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643d4b8651b7fc9b36e8dbc1_google.svg","_id":"643d4b8651b7fc9b36e8dbc1","updatedOn":"2023-04-17T13:37:10.497Z","fileSize":1375},{"cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657.jpg","siteId":"643d41b7031352134dad92f0","width":1920,"isHD":false,"height":2400,"fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bjørkli-1819657.jpg","createdOn":"2023-04-19T09:31:36.855Z","origFileName":"pexels-tobias-bjørkli-1819657.jpg","fileHash":"30711ca005c821187304fdaf1054bfe6","variants":[{"_id":"643fb4fca89c3331833178ab","origFileName":"pexels-tobias-bj%C3%B8rkli-1819657-p-500.jpg","fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-500.jpg","format":"jpg","size":57727,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-500.jpg"},{"_id":"643fb4fca89c33fe6f3178ac","origFileName":"pexels-tobias-bj%C3%B8rkli-1819657-p-800.jpg","fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-800.jpg","format":"jpg","size":138807,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-800.jpg"},{"_id":"643fb4fca89c3313b83178ad","origFileName":"pexels-tobias-bj%C3%B8rkli-1819657-p-1080.jpg","fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1080.jpg","format":"jpg","size":246295,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1080.jpg"},{"_id":"643fb4fca89c3313fa3178ae","origFileName":"pexels-tobias-bj%C3%B8rkli-1819657-p-1600.jpg","fileName":"643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1600.jpg","format":"jpg","size":492850,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1600.jpg","cdnUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-1600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657.jpg","thumbUrl":"https://cdn.prod.website-files.com/643d41b7031352134dad92f0/643fb4f81bffce62ae060b58_pexels-tobias-bj%C3%B8rkli-1819657-p-130x130q80.jpg","_id":"643fb4f81bffce62ae060b58","updatedOn":"2023-04-19T09:37:40.393Z","fileSize":825755}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

This component features a full login screen that integrates Google Authentication alongside a prominent image on the right side, enhancing user engagement.

Key Features:

  • Includes Google Authentication option
  • Responsive design suitable for various devices
  • User-friendly layout with clear input fields
  • Success and error messages for form submissions
  • Customizable image background

Design Elements:

  • Flexbox layout for optimal alignment
  • Rounded corners for a modern aesthetic
  • Large, engaging images to capture user attention

Potential Use Cases:

  • Web applications requiring user login
  • E-commerce sites needing secure access
  • Membership platforms for user registration
  • Educational platforms for student logins
  • Corporate websites with employee access

Conclusion: The Login Form With Large Image component is versatile and visually appealing, making it an excellent choice for any website that requires user authentication while maintaining a strong visual presence.

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.