Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"dad70f7d-c6a6-b1f6-dd37-158a2066a961","type":"Block","tag":"div","classes":["479e8f81-8c80-2632-802e-89ad8b490fb9"],"children":["d8db1484-e22e-f4d1-6d15-a2fa2798d03a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d8db1484-e22e-f4d1-6d15-a2fa2798d03a","type":"Block","tag":"div","classes":["fb710312-7380-e41e-72f5-87f6d7604d2d"],"children":["17b424ef-0df0-a427-b740-4845b35cdcbb","5f153e55-bc88-5abd-8f0d-5011e019a46f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"17b424ef-0df0-a427-b740-4845b35cdcbb","type":"Block","tag":"div","classes":["5790a996-f25c-c69a-7e16-4b5fa0a30aac"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"5f153e55-bc88-5abd-8f0d-5011e019a46f","type":"Block","tag":"div","classes":["146df2c2-2e6b-dcb0-0c89-8d4d517f5fbd"],"children":["18e89ffc-0837-8e64-03c8-c716c1170759"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170759","type":"FormWrapper","tag":"div","classes":["f04a0efe-72bc-103e-4b05-218bfa6d6bdb"],"children":["18e89ffc-0837-8e64-03c8-c716c117075a","18e89ffc-0837-8e64-03c8-c716c1170762","18e89ffc-0837-8e64-03c8-c716c1170765"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"18e89ffc-0837-8e64-03c8-c716c117075a","type":"FormForm","tag":"form","classes":["82c74d20-8c0f-43dd-0665-109d40b0f741"],"children":["dd89fa92-2185-8250-a72b-fe867caa38e5"],"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":"dd89fa92-2185-8250-a72b-fe867caa38e5","type":"Block","tag":"div","classes":["1248b338-f678-ef09-f367-c79970d77b7a"],"children":["0dc49ff9-ea58-c176-dd06-6fde9590abbc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0dc49ff9-ea58-c176-dd06-6fde9590abbc","type":"Block","tag":"div","classes":["4e94deb6-5624-01c0-04d9-29fc04c8396f"],"children":["002005eb-a4f0-8f24-a8bd-04d4f0d52848","d0b07ebc-4d94-be1e-d949-ac4c03834d4b","61165f84-3db5-896c-0edb-7bdb172e557e","b66bb182-e32b-7ea4-bbce-7115b80861dc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"002005eb-a4f0-8f24-a8bd-04d4f0d52848","type":"Block","tag":"div","classes":["d9fdd296-399a-d98b-109a-b44e04a42a80"],"children":["92e13c8f-a148-9da2-5164-cd3e9164ae92","ab6e566d-4268-7e59-b65c-7b21095b1954"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"92e13c8f-a148-9da2-5164-cd3e9164ae92","type":"Heading","tag":"h1","classes":["0a88b037-4f9c-deb4-7de7-6a4949c868e4"],"children":["92e13c8f-a148-9da2-5164-cd3e9164ae93"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"92e13c8f-a148-9da2-5164-cd3e9164ae93","text":true,"v":"Login"},{"_id":"ab6e566d-4268-7e59-b65c-7b21095b1954","type":"Paragraph","tag":"p","classes":["b071293f-71c2-5047-0567-b8fd9ec78d40"],"children":["ab6e566d-4268-7e59-b65c-7b21095b1955"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ab6e566d-4268-7e59-b65c-7b21095b1955","text":true,"v":"Log in to access all of our content"},{"_id":"d0b07ebc-4d94-be1e-d949-ac4c03834d4b","type":"Block","tag":"div","classes":["c6bb13e2-6ad4-1210-f9be-747cdd730fd0"],"children":["29417fd9-d444-cc86-0884-d6c6d896dacd","62227a33-a843-6439-69ef-8c9cc1279bb6","d90e5728-35c8-74db-dda2-bed948367fbb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29417fd9-d444-cc86-0884-d6c6d896dacd","type":"Block","tag":"div","classes":["0564846a-c466-0498-b14e-1aded3bcd3f2"],"children":["18e89ffc-0837-8e64-03c8-c716c117075b","18e89ffc-0837-8e64-03c8-c716c117075d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c117075b","type":"FormBlockLabel","tag":"label","classes":["03643d6c-b738-0c47-b2d1-9b7f7b6442eb"],"children":["18e89ffc-0837-8e64-03c8-c716c117075c"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":"","xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"18e89ffc-0837-8e64-03c8-c716c117075c","text":true,"v":"E-mail"},{"_id":"18e89ffc-0837-8e64-03c8-c716c117075d","type":"FormTextInput","tag":"input","classes":["fc2dc96a-4bdf-49a2-18b3-e66b1d0e02a8"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"example@email.com","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"62227a33-a843-6439-69ef-8c9cc1279bb6","type":"Block","tag":"div","classes":["0564846a-c466-0498-b14e-1aded3bcd3f2"],"children":["62227a33-a843-6439-69ef-8c9cc1279bb7","62227a33-a843-6439-69ef-8c9cc1279bb9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"62227a33-a843-6439-69ef-8c9cc1279bb7","type":"FormBlockLabel","tag":"label","classes":["03643d6c-b738-0c47-b2d1-9b7f7b6442eb"],"children":["62227a33-a843-6439-69ef-8c9cc1279bb8"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":"","xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"62227a33-a843-6439-69ef-8c9cc1279bb8","text":true,"v":"Password"},{"_id":"62227a33-a843-6439-69ef-8c9cc1279bb9","type":"FormTextInput","tag":"input","classes":["fc2dc96a-4bdf-49a2-18b3-e66b1d0e02a8"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"**********","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}]}},{"_id":"d90e5728-35c8-74db-dda2-bed948367fbb","type":"Block","tag":"div","classes":["ea5736d5-6acd-977d-af75-d9121cb58d12"],"children":["59e15cf3-d87f-7c9f-d57d-82dbbc22f8c3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"59e15cf3-d87f-7c9f-d57d-82dbbc22f8c3","type":"Link","tag":"a","classes":["88a7020c-ab61-78f5-ae09-df3a0103878d"],"children":["59e15cf3-d87f-7c9f-d57d-82dbbc22f8c4"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"59e15cf3-d87f-7c9f-d57d-82dbbc22f8c4","text":true,"v":"Forgot password"},{"_id":"61165f84-3db5-896c-0edb-7bdb172e557e","type":"Block","tag":"div","classes":["dbbdb0a2-e7e8-d6d7-52ea-2535d6aae44d"],"children":["18e89ffc-0837-8e64-03c8-c716c1170761","089729cb-e043-6b30-570e-d83d01777edf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170761","type":"FormButton","tag":"input","classes":["d6dfd418-6a7e-35e1-8ec9-f538c96b2530"],"children":[],"data":{"attr":{"type":"submit","value":"Log in","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"","value":""}]}},{"_id":"089729cb-e043-6b30-570e-d83d01777edf","type":"Link","tag":"a","classes":["78aa666c-71ea-7f7e-2a77-06b359b0da96"],"children":["eebf1271-dd9c-f002-e070-ada235a9726d","1874e7ca-a13c-1f27-a1af-1f930e541980"],"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":"eebf1271-dd9c-f002-e070-ada235a9726d","type":"Image","tag":"img","classes":["503d9b49-4356-14e4-d273-4e2948d9247a"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fbfa7363d24b36215e02c_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"643fbfa7363d24b36215e02c"}}},{"_id":"1874e7ca-a13c-1f27-a1af-1f930e541980","type":"Paragraph","tag":"p","classes":[],"children":["1874e7ca-a13c-1f27-a1af-1f930e541981"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1874e7ca-a13c-1f27-a1af-1f930e541981","text":true,"v":"Log in with Google"},{"_id":"b66bb182-e32b-7ea4-bbce-7115b80861dc","type":"Block","tag":"div","classes":["39dfe74c-b78f-3a53-11fd-d4b504d015b8"],"children":["98b7e102-1787-2bfe-15e5-68277fd39772"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"98b7e102-1787-2bfe-15e5-68277fd39772","type":"Paragraph","tag":"p","classes":[],"children":["98b7e102-1787-2bfe-15e5-68277fd39773","178b02c9-be36-7858-2cb3-f3101cef71c0"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"98b7e102-1787-2bfe-15e5-68277fd39773","text":true,"v":"Don't have an account? "},{"_id":"178b02c9-be36-7858-2cb3-f3101cef71c0","type":"Link","tag":"a","classes":["882775f1-3187-ac76-78c6-57fcf0f0ab82"],"children":["a3ff6281-d4a9-0c1d-80d0-79c630d01dfe"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"a3ff6281-d4a9-0c1d-80d0-79c630d01dfe","text":true,"v":"Sign up for free!"},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170762","type":"FormSuccessMessage","tag":"div","classes":[],"children":["18e89ffc-0837-8e64-03c8-c716c1170763"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170763","type":"Block","tag":"div","classes":[],"children":["18e89ffc-0837-8e64-03c8-c716c1170764"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170764","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170765","type":"FormErrorMessage","tag":"div","classes":[],"children":["18e89ffc-0837-8e64-03c8-c716c1170766"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170766","type":"Block","tag":"div","classes":[],"children":["18e89ffc-0837-8e64-03c8-c716c1170767"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170767","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"03643d6c-b738-0c47-b2d1-9b7f7b6442eb","fake":false,"type":"class","name":"form-label","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"503d9b49-4356-14e4-d273-4e2948d9247a","fake":false,"type":"class","name":"link-img","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"f04a0efe-72bc-103e-4b05-218bfa6d6bdb","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; height: auto; max-width: 260px; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"0564846a-c466-0498-b14e-1aded3bcd3f2","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 25px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"82c74d20-8c0f-43dd-0665-109d40b0f741","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; height: 100%; flex-direction: column; justify-content: space-between;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"39dfe74c-b78f-3a53-11fd-d4b504d015b8","fake":false,"type":"class","name":"form-link","namespace":"","comb":"","styleLess":"margin-top: 15px; text-align: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"0a88b037-4f9c-deb4-7de7-6a4949c868e4","fake":false,"type":"class","name":"mb-20","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"882775f1-3187-ac76-78c6-57fcf0f0ab82","fake":false,"type":"class","name":"link-text","namespace":"","comb":"","styleLess":"transition-property: color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00);","variants":{"main_hover":{"styleLess":"color: #cf3b55;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fb710312-7380-e41e-72f5-87f6d7604d2d","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b071293f-71c2-5047-0567-b8fd9ec78d40","fake":false,"type":"class","name":"p-15","namespace":"","comb":"","styleLess":"font-size: 15px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fc2dc96a-4bdf-49a2-18b3-e66b1d0e02a8","fake":false,"type":"class","name":"field-field","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ea5736d5-6acd-977d-af75-d9121cb58d12","fake":false,"type":"class","name":"checkbox-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 40px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"479e8f81-8c80-2632-802e-89ad8b490fb9","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 1920px; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1248b338-f678-ef09-f367-c79970d77b7a","fake":false,"type":"class","name":"form-flex","namespace":"","comb":"","styleLess":"display: flex; height: 100%; flex-direction: column; justify-content: space-between;","variants":{"small":{"styleLess":"justify-content: center;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d9fdd296-399a-d98b-109a-b44e04a42a80","fake":false,"type":"class","name":"form-text","namespace":"","comb":"","styleLess":"margin-bottom: 60px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"dbbdb0a2-e7e8-d6d7-52ea-2535d6aae44d","fake":false,"type":"class","name":"links-wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"146df2c2-2e6b-dcb0-0c89-8d4d517f5fbd","fake":false,"type":"class","name":"right","namespace":"","comb":"","styleLess":"display: flex; width: 50%; padding-top: 100px; padding-right: 40px; padding-bottom: 100px; padding-left: 40px; justify-content: center; align-items: center;","variants":{"medium":{"styleLess":"width: 100%;"},"small":{"styleLess":"padding-top: 20px; padding-bottom: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"78aa666c-71ea-7f7e-2a77-06b359b0da96","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 40px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(213.10344827586206, 38.67%, 14.71%, 1.00); font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00); border-right-color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00); border-bottom-color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00); border-left-color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00); box-shadow: 0 4px 5px 0 hsla(16.61538461538462, 82.98%, 53.92%, 0.20);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"88a7020c-ab61-78f5-ae09-df3a0103878d","fake":false,"type":"class","name":"text-link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.99999999999994, 6.67%, 70.59%, 0.00); transition-property: border; transition-duration: 200ms; transition-timing-function: ease; color: #afb4b9; text-decoration: none;","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"5790a996-f25c-c69a-7e16-4b5fa0a30aac","fake":false,"type":"class","name":"left","namespace":"","comb":"","styleLess":"width: 50%; background-image: @img_643fc33ba89c332373327ea1; background-position: 0px 0px; background-size: cover; background-repeat: no-repeat;","variants":{"medium":{"styleLess":"display: none;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d6dfd418-6a7e-35e1-8ec9-f538c96b2530","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 40px; margin-bottom: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #eb5e28; transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"background-color: #cf3b55;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4e94deb6-5624-01c0-04d9-29fc04c8396f","fake":false,"type":"class","name":"form-content","namespace":"","comb":"","styleLess":"","variants":{"small":{"styleLess":"margin-bottom: 60px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c6bb13e2-6ad4-1210-f9be-747cdd730fd0","fake":false,"type":"class","name":"form-wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fbfa7363d24b36215e02c_google.svg","siteId":"643f09d953f12c39fa8e0a73","width":15,"isHD":false,"height":16,"fileName":"643fbfa7363d24b36215e02c_google.svg","createdOn":"2023-04-19T10:17:11.673Z","origFileName":"google.svg","fileHash":"858c798092d53335f9ff95d935c1c4ff","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fbfa7363d24b36215e02c_google.svg","thumbUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fbfa7363d24b36215e02c_google.svg","_id":"643fbfa7363d24b36215e02c","updatedOn":"2023-04-19T10:17:11.673Z","fileSize":1379},{"cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458.jpg","siteId":"643f09d953f12c39fa8e0a73","width":4479,"isHD":false,"height":4479,"fileName":"643fc33ba89c332373327ea1_1306759_458.jpg","createdOn":"2023-04-19T10:32:27.680Z","origFileName":"1306759_458.jpg","fileHash":"edfd2ce04f98f0007b072cc5c01b9bde","variants":[{"_id":"643fc340f4145e5bbfe98b67","origFileName":"1306759_458-p-500.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-500.jpg","format":"jpg","size":13180,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-500.jpg"},{"_id":"643fc340f4145e6548e98b68","origFileName":"1306759_458-p-800.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-800.jpg","format":"jpg","size":24681,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-800.jpg"},{"_id":"643fc340f4145e6c04e98b69","origFileName":"1306759_458-p-1080.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-1080.jpg","format":"jpg","size":36374,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-1080.jpg"},{"_id":"643fc340f4145eff82e98b6a","origFileName":"1306759_458-p-1600.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-1600.jpg","format":"jpg","size":61777,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-1600.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-1600.jpg"},{"_id":"643fc340f4145e1124e98b6b","origFileName":"1306759_458-p-2000.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-2000.jpg","format":"jpg","size":83625,"width":2000,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-2000.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-2000.jpg"},{"_id":"643fc340f4145e1341e98b6c","origFileName":"1306759_458-p-2600.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-2600.jpg","format":"jpg","size":122511,"width":2600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-2600.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-2600.jpg"},{"_id":"643fc340f4145e098ee98b6d","origFileName":"1306759_458-p-3200.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-3200.jpg","format":"jpg","size":165358,"width":3200,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-3200.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-3200.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458.jpg","thumbUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-130x130q80.jpg","_id":"643fc33ba89c332373327ea1","updatedOn":"2023-04-19T10:39:10.160Z","fileSize":214573}],"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":"dad70f7d-c6a6-b1f6-dd37-158a2066a961","type":"Block","tag":"div","classes":["479e8f81-8c80-2632-802e-89ad8b490fb9"],"children":["d8db1484-e22e-f4d1-6d15-a2fa2798d03a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d8db1484-e22e-f4d1-6d15-a2fa2798d03a","type":"Block","tag":"div","classes":["fb710312-7380-e41e-72f5-87f6d7604d2d"],"children":["17b424ef-0df0-a427-b740-4845b35cdcbb","5f153e55-bc88-5abd-8f0d-5011e019a46f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"17b424ef-0df0-a427-b740-4845b35cdcbb","type":"Block","tag":"div","classes":["5790a996-f25c-c69a-7e16-4b5fa0a30aac"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"5f153e55-bc88-5abd-8f0d-5011e019a46f","type":"Block","tag":"div","classes":["146df2c2-2e6b-dcb0-0c89-8d4d517f5fbd"],"children":["18e89ffc-0837-8e64-03c8-c716c1170759"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170759","type":"FormWrapper","tag":"div","classes":["f04a0efe-72bc-103e-4b05-218bfa6d6bdb"],"children":["18e89ffc-0837-8e64-03c8-c716c117075a","18e89ffc-0837-8e64-03c8-c716c1170762","18e89ffc-0837-8e64-03c8-c716c1170765"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"18e89ffc-0837-8e64-03c8-c716c117075a","type":"FormForm","tag":"form","classes":["82c74d20-8c0f-43dd-0665-109d40b0f741"],"children":["dd89fa92-2185-8250-a72b-fe867caa38e5"],"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":"dd89fa92-2185-8250-a72b-fe867caa38e5","type":"Block","tag":"div","classes":["1248b338-f678-ef09-f367-c79970d77b7a"],"children":["0dc49ff9-ea58-c176-dd06-6fde9590abbc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0dc49ff9-ea58-c176-dd06-6fde9590abbc","type":"Block","tag":"div","classes":["4e94deb6-5624-01c0-04d9-29fc04c8396f"],"children":["002005eb-a4f0-8f24-a8bd-04d4f0d52848","d0b07ebc-4d94-be1e-d949-ac4c03834d4b","61165f84-3db5-896c-0edb-7bdb172e557e","b66bb182-e32b-7ea4-bbce-7115b80861dc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"002005eb-a4f0-8f24-a8bd-04d4f0d52848","type":"Block","tag":"div","classes":["d9fdd296-399a-d98b-109a-b44e04a42a80"],"children":["92e13c8f-a148-9da2-5164-cd3e9164ae92","ab6e566d-4268-7e59-b65c-7b21095b1954"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"92e13c8f-a148-9da2-5164-cd3e9164ae92","type":"Heading","tag":"h1","classes":["0a88b037-4f9c-deb4-7de7-6a4949c868e4"],"children":["92e13c8f-a148-9da2-5164-cd3e9164ae93"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"92e13c8f-a148-9da2-5164-cd3e9164ae93","text":true,"v":"Login"},{"_id":"ab6e566d-4268-7e59-b65c-7b21095b1954","type":"Paragraph","tag":"p","classes":["b071293f-71c2-5047-0567-b8fd9ec78d40"],"children":["ab6e566d-4268-7e59-b65c-7b21095b1955"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ab6e566d-4268-7e59-b65c-7b21095b1955","text":true,"v":"Log in to access all of our content"},{"_id":"d0b07ebc-4d94-be1e-d949-ac4c03834d4b","type":"Block","tag":"div","classes":["c6bb13e2-6ad4-1210-f9be-747cdd730fd0"],"children":["29417fd9-d444-cc86-0884-d6c6d896dacd","62227a33-a843-6439-69ef-8c9cc1279bb6","d90e5728-35c8-74db-dda2-bed948367fbb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29417fd9-d444-cc86-0884-d6c6d896dacd","type":"Block","tag":"div","classes":["0564846a-c466-0498-b14e-1aded3bcd3f2"],"children":["18e89ffc-0837-8e64-03c8-c716c117075b","18e89ffc-0837-8e64-03c8-c716c117075d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c117075b","type":"FormBlockLabel","tag":"label","classes":["03643d6c-b738-0c47-b2d1-9b7f7b6442eb"],"children":["18e89ffc-0837-8e64-03c8-c716c117075c"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":"","xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"18e89ffc-0837-8e64-03c8-c716c117075c","text":true,"v":"E-mail"},{"_id":"18e89ffc-0837-8e64-03c8-c716c117075d","type":"FormTextInput","tag":"input","classes":["fc2dc96a-4bdf-49a2-18b3-e66b1d0e02a8"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"example@email.com","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"62227a33-a843-6439-69ef-8c9cc1279bb6","type":"Block","tag":"div","classes":["0564846a-c466-0498-b14e-1aded3bcd3f2"],"children":["62227a33-a843-6439-69ef-8c9cc1279bb7","62227a33-a843-6439-69ef-8c9cc1279bb9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"62227a33-a843-6439-69ef-8c9cc1279bb7","type":"FormBlockLabel","tag":"label","classes":["03643d6c-b738-0c47-b2d1-9b7f7b6442eb"],"children":["62227a33-a843-6439-69ef-8c9cc1279bb8"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":"","xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"62227a33-a843-6439-69ef-8c9cc1279bb8","text":true,"v":"Password"},{"_id":"62227a33-a843-6439-69ef-8c9cc1279bb9","type":"FormTextInput","tag":"input","classes":["fc2dc96a-4bdf-49a2-18b3-e66b1d0e02a8"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"**********","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}]}},{"_id":"d90e5728-35c8-74db-dda2-bed948367fbb","type":"Block","tag":"div","classes":["ea5736d5-6acd-977d-af75-d9121cb58d12"],"children":["59e15cf3-d87f-7c9f-d57d-82dbbc22f8c3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"59e15cf3-d87f-7c9f-d57d-82dbbc22f8c3","type":"Link","tag":"a","classes":["88a7020c-ab61-78f5-ae09-df3a0103878d"],"children":["59e15cf3-d87f-7c9f-d57d-82dbbc22f8c4"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"59e15cf3-d87f-7c9f-d57d-82dbbc22f8c4","text":true,"v":"Forgot password"},{"_id":"61165f84-3db5-896c-0edb-7bdb172e557e","type":"Block","tag":"div","classes":["dbbdb0a2-e7e8-d6d7-52ea-2535d6aae44d"],"children":["18e89ffc-0837-8e64-03c8-c716c1170761","089729cb-e043-6b30-570e-d83d01777edf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170761","type":"FormButton","tag":"input","classes":["d6dfd418-6a7e-35e1-8ec9-f538c96b2530"],"children":[],"data":{"attr":{"type":"submit","value":"Log in","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"","value":""}]}},{"_id":"089729cb-e043-6b30-570e-d83d01777edf","type":"Link","tag":"a","classes":["78aa666c-71ea-7f7e-2a77-06b359b0da96"],"children":["eebf1271-dd9c-f002-e070-ada235a9726d","1874e7ca-a13c-1f27-a1af-1f930e541980"],"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":"eebf1271-dd9c-f002-e070-ada235a9726d","type":"Image","tag":"img","classes":["503d9b49-4356-14e4-d273-4e2948d9247a"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fbfa7363d24b36215e02c_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"643fbfa7363d24b36215e02c"}}},{"_id":"1874e7ca-a13c-1f27-a1af-1f930e541980","type":"Paragraph","tag":"p","classes":[],"children":["1874e7ca-a13c-1f27-a1af-1f930e541981"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1874e7ca-a13c-1f27-a1af-1f930e541981","text":true,"v":"Log in with Google"},{"_id":"b66bb182-e32b-7ea4-bbce-7115b80861dc","type":"Block","tag":"div","classes":["39dfe74c-b78f-3a53-11fd-d4b504d015b8"],"children":["98b7e102-1787-2bfe-15e5-68277fd39772"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"98b7e102-1787-2bfe-15e5-68277fd39772","type":"Paragraph","tag":"p","classes":[],"children":["98b7e102-1787-2bfe-15e5-68277fd39773","178b02c9-be36-7858-2cb3-f3101cef71c0"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"98b7e102-1787-2bfe-15e5-68277fd39773","text":true,"v":"Don't have an account? "},{"_id":"178b02c9-be36-7858-2cb3-f3101cef71c0","type":"Link","tag":"a","classes":["882775f1-3187-ac76-78c6-57fcf0f0ab82"],"children":["a3ff6281-d4a9-0c1d-80d0-79c630d01dfe"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"a3ff6281-d4a9-0c1d-80d0-79c630d01dfe","text":true,"v":"Sign up for free!"},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170762","type":"FormSuccessMessage","tag":"div","classes":[],"children":["18e89ffc-0837-8e64-03c8-c716c1170763"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170763","type":"Block","tag":"div","classes":[],"children":["18e89ffc-0837-8e64-03c8-c716c1170764"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170764","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170765","type":"FormErrorMessage","tag":"div","classes":[],"children":["18e89ffc-0837-8e64-03c8-c716c1170766"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170766","type":"Block","tag":"div","classes":[],"children":["18e89ffc-0837-8e64-03c8-c716c1170767"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"18e89ffc-0837-8e64-03c8-c716c1170767","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"03643d6c-b738-0c47-b2d1-9b7f7b6442eb","fake":false,"type":"class","name":"form-label","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"503d9b49-4356-14e4-d273-4e2948d9247a","fake":false,"type":"class","name":"link-img","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"f04a0efe-72bc-103e-4b05-218bfa6d6bdb","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; height: auto; max-width: 260px; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"0564846a-c466-0498-b14e-1aded3bcd3f2","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 25px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"82c74d20-8c0f-43dd-0665-109d40b0f741","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"display: flex; height: 100%; flex-direction: column; justify-content: space-between;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"39dfe74c-b78f-3a53-11fd-d4b504d015b8","fake":false,"type":"class","name":"form-link","namespace":"","comb":"","styleLess":"margin-top: 15px; text-align: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"0a88b037-4f9c-deb4-7de7-6a4949c868e4","fake":false,"type":"class","name":"mb-20","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"882775f1-3187-ac76-78c6-57fcf0f0ab82","fake":false,"type":"class","name":"link-text","namespace":"","comb":"","styleLess":"transition-property: color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00);","variants":{"main_hover":{"styleLess":"color: #cf3b55;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fb710312-7380-e41e-72f5-87f6d7604d2d","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b071293f-71c2-5047-0567-b8fd9ec78d40","fake":false,"type":"class","name":"p-15","namespace":"","comb":"","styleLess":"font-size: 15px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fc2dc96a-4bdf-49a2-18b3-e66b1d0e02a8","fake":false,"type":"class","name":"field-field","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ea5736d5-6acd-977d-af75-d9121cb58d12","fake":false,"type":"class","name":"checkbox-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 40px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"479e8f81-8c80-2632-802e-89ad8b490fb9","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 1920px; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1248b338-f678-ef09-f367-c79970d77b7a","fake":false,"type":"class","name":"form-flex","namespace":"","comb":"","styleLess":"display: flex; height: 100%; flex-direction: column; justify-content: space-between;","variants":{"small":{"styleLess":"justify-content: center;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d9fdd296-399a-d98b-109a-b44e04a42a80","fake":false,"type":"class","name":"form-text","namespace":"","comb":"","styleLess":"margin-bottom: 60px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"dbbdb0a2-e7e8-d6d7-52ea-2535d6aae44d","fake":false,"type":"class","name":"links-wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"146df2c2-2e6b-dcb0-0c89-8d4d517f5fbd","fake":false,"type":"class","name":"right","namespace":"","comb":"","styleLess":"display: flex; width: 50%; padding-top: 100px; padding-right: 40px; padding-bottom: 100px; padding-left: 40px; justify-content: center; align-items: center;","variants":{"medium":{"styleLess":"width: 100%;"},"small":{"styleLess":"padding-top: 20px; padding-bottom: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"78aa666c-71ea-7f7e-2a77-06b359b0da96","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 40px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(213.10344827586206, 38.67%, 14.71%, 1.00); font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00); border-right-color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00); border-bottom-color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00); border-left-color: hsla(16.61538461538462, 82.98%, 53.92%, 1.00); box-shadow: 0 4px 5px 0 hsla(16.61538461538462, 82.98%, 53.92%, 0.20);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"88a7020c-ab61-78f5-ae09-df3a0103878d","fake":false,"type":"class","name":"text-link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.99999999999994, 6.67%, 70.59%, 0.00); transition-property: border; transition-duration: 200ms; transition-timing-function: ease; color: #afb4b9; text-decoration: none;","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(209.99999999999994, 6.67%, 70.59%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"5790a996-f25c-c69a-7e16-4b5fa0a30aac","fake":false,"type":"class","name":"left","namespace":"","comb":"","styleLess":"width: 50%; background-image: @img_643fc33ba89c332373327ea1; background-position: 0px 0px; background-size: cover; background-repeat: no-repeat;","variants":{"medium":{"styleLess":"display: none;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d6dfd418-6a7e-35e1-8ec9-f538c96b2530","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 40px; margin-bottom: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #eb5e28; transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"background-color: #cf3b55;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4e94deb6-5624-01c0-04d9-29fc04c8396f","fake":false,"type":"class","name":"form-content","namespace":"","comb":"","styleLess":"","variants":{"small":{"styleLess":"margin-bottom: 60px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"c6bb13e2-6ad4-1210-f9be-747cdd730fd0","fake":false,"type":"class","name":"form-wrap","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fbfa7363d24b36215e02c_google.svg","siteId":"643f09d953f12c39fa8e0a73","width":15,"isHD":false,"height":16,"fileName":"643fbfa7363d24b36215e02c_google.svg","createdOn":"2023-04-19T10:17:11.673Z","origFileName":"google.svg","fileHash":"858c798092d53335f9ff95d935c1c4ff","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fbfa7363d24b36215e02c_google.svg","thumbUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fbfa7363d24b36215e02c_google.svg","_id":"643fbfa7363d24b36215e02c","updatedOn":"2023-04-19T10:17:11.673Z","fileSize":1379},{"cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458.jpg","siteId":"643f09d953f12c39fa8e0a73","width":4479,"isHD":false,"height":4479,"fileName":"643fc33ba89c332373327ea1_1306759_458.jpg","createdOn":"2023-04-19T10:32:27.680Z","origFileName":"1306759_458.jpg","fileHash":"edfd2ce04f98f0007b072cc5c01b9bde","variants":[{"_id":"643fc340f4145e5bbfe98b67","origFileName":"1306759_458-p-500.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-500.jpg","format":"jpg","size":13180,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-500.jpg"},{"_id":"643fc340f4145e6548e98b68","origFileName":"1306759_458-p-800.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-800.jpg","format":"jpg","size":24681,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-800.jpg"},{"_id":"643fc340f4145e6c04e98b69","origFileName":"1306759_458-p-1080.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-1080.jpg","format":"jpg","size":36374,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-1080.jpg"},{"_id":"643fc340f4145eff82e98b6a","origFileName":"1306759_458-p-1600.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-1600.jpg","format":"jpg","size":61777,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-1600.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-1600.jpg"},{"_id":"643fc340f4145e1124e98b6b","origFileName":"1306759_458-p-2000.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-2000.jpg","format":"jpg","size":83625,"width":2000,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-2000.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-2000.jpg"},{"_id":"643fc340f4145e1341e98b6c","origFileName":"1306759_458-p-2600.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-2600.jpg","format":"jpg","size":122511,"width":2600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-2600.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-2600.jpg"},{"_id":"643fc340f4145e098ee98b6d","origFileName":"1306759_458-p-3200.jpg","fileName":"643fc33ba89c332373327ea1_1306759_458-p-3200.jpg","format":"jpg","size":165358,"width":3200,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-3200.jpg","cdnUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-3200.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458.jpg","thumbUrl":"https://cdn.prod.website-files.com/643f09d953f12c39fa8e0a73/643fc33ba89c332373327ea1_1306759_458-p-130x130q80.jpg","_id":"643fc33ba89c332373327ea1","updatedOn":"2023-04-19T10:39:10.160Z","fileSize":214573}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
A visually engaging login page featuring a splitscreen layout with a large image on the left and Google authentication options on the right.
Key Features:
- Responsive design suitable for various devices
- Integration with Google authentication
- Customizable form fields for email and password
- Success and error messages for form submissions
- Clear call-to-action for users to sign up
Design Elements:
- Splitscreen layout with a prominent left-side image
- Modern and clean typography
- Colorful buttons with hover effects
- Use of icons for social login options
- Consistent spacing and alignment for a polished look
Potential Use Cases:
- Web applications requiring user login
- E-commerce websites needing secure access
- Membership sites offering exclusive content
- Online services with user accounts
- Startups looking for a professional login interface
Conclusion: The Splitscreen Login Page is a versatile and attractive solution for any website needing a login feature, combining functionality with modern design aesthetics.
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.