Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Teil von

Fun Log In Screen

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Fun Log In Screen
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"06478003-22e1-17e3-5531-4adade8984ff","type":"Block","tag":"section","classes":["ecfd24bf-c02e-71b5-1d72-f9927e5b8591"],"children":["d59a0ab8-19c7-d90e-8a25-c09903fb446c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"d59a0ab8-19c7-d90e-8a25-c09903fb446c","type":"Block","tag":"div","classes":["9f0a0ddf-cf7d-343e-dd6d-7b8c253275dc"],"children":["29ec5a52-e7a3-9fbe-821b-b446382042de"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042de","type":"FormWrapper","tag":"div","classes":["da124470-f9c6-4de3-a70c-6e92b26be316"],"children":["29ec5a52-e7a3-9fbe-821b-b446382042df","29ec5a52-e7a3-9fbe-821b-b446382042e7","29ec5a52-e7a3-9fbe-821b-b446382042ea"],"data":{"form":{"type":"wrapper"},"xattr":[],"search":{"exclude":true},"displayName":"","attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042df","type":"FormForm","tag":"form","classes":["90bfb7bc-526e-90ea-85b0-5ee71a1902ce"],"children":["f361196c-0023-ace8-d026-1473ada95e45","9c152144-e5d2-65aa-20ce-579ee8c74825","6726f25b-2c4d-53ad-843e-2fef4fab5768","a8efeb72-b786-3ea2-3c31-fe183bfb484a","d397d5d7-23d4-fd3b-743f-87990dd04c96","29ec5a52-e7a3-9fbe-821b-b446382042e6","ddcaa36f-e092-6ffd-4b27-b23c25bee701","37e9573b-62a0-8b0d-bc7b-cdca72c6ef13","52b83ecf-38b9-83e7-383b-d272c8f5ace6"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","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":"f361196c-0023-ace8-d026-1473ada95e45","type":"Link","tag":"a","classes":["02984630-2a16-49fa-b4d6-ba0e0ed16c00"],"children":["ab836946-b5ed-2fff-5cfd-e06b40ec5cc3"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{}},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"ab836946-b5ed-2fff-5cfd-e06b40ec5cc3","type":"Image","tag":"img","classes":["91c2a674-69ab-000a-37f5-93150353e51f"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d043957859ff81ee37883_template%20logo%203.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"638d043957859ff81ee37883"}}},{"_id":"9c152144-e5d2-65aa-20ce-579ee8c74825","type":"Heading","tag":"h1","classes":["3af22af7-7733-c3f5-987c-9ea2164b0f59"],"children":["9c152144-e5d2-65aa-20ce-579ee8c74826"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9c152144-e5d2-65aa-20ce-579ee8c74826","text":true,"v":"Welcome back to Template"},{"_id":"6726f25b-2c4d-53ad-843e-2fef4fab5768","type":"Paragraph","tag":"p","classes":["2ec91830-81f4-782e-efc5-72075c01dfa7"],"children":["6726f25b-2c4d-53ad-843e-2fef4fab5769","979f27f6-34b0-4397-f540-6ebe2e44d731"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6726f25b-2c4d-53ad-843e-2fef4fab5769","text":true,"v":"New here? "},{"_id":"979f27f6-34b0-4397-f540-6ebe2e44d731","type":"Link","tag":"a","classes":["b6b16c03-5bf2-0849-c2f6-045eee3957c9"],"children":["15caa368-7c08-07b2-5dbf-b4c3e7294992"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{}},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"15caa368-7c08-07b2-5dbf-b4c3e7294992","text":true,"v":"Create an account"},{"_id":"a8efeb72-b786-3ea2-3c31-fe183bfb484a","type":"Block","tag":"div","classes":["a076b9d3-bc49-10cf-e760-84899c46d542"],"children":["29ec5a52-e7a3-9fbe-821b-b446382042e0","29ec5a52-e7a3-9fbe-821b-b446382042e2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e0","type":"FormBlockLabel","tag":"label","classes":["68357d62-5b54-6b85-0591-198386fd9a11"],"children":["29ec5a52-e7a3-9fbe-821b-b446382042e1"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e1","text":true,"v":"Email"},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e2","type":"FormTextInput","tag":"input","classes":["56528456-ea38-db9a-a376-7990bce5b04a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"","type":"email","id":"Email","disabled":false,"required":false},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email","type":"input","passwordPage":false}}},{"_id":"d397d5d7-23d4-fd3b-743f-87990dd04c96","type":"Block","tag":"div","classes":["a076b9d3-bc49-10cf-e760-84899c46d542","1ffb81f4-516a-e130-6e35-edc7b125006d"],"children":["b201c254-2fb9-943e-cdfb-e19d5f89cf5d","d397d5d7-23d4-fd3b-743f-87990dd04c99"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b201c254-2fb9-943e-cdfb-e19d5f89cf5d","type":"Block","tag":"div","classes":["1a126c03-84a7-64d7-2bdc-c38672274efb"],"children":["d397d5d7-23d4-fd3b-743f-87990dd04c97","d6d53f9d-f29c-5278-f096-fc71d22899b3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d397d5d7-23d4-fd3b-743f-87990dd04c97","type":"FormBlockLabel","tag":"label","classes":["68357d62-5b54-6b85-0591-198386fd9a11","68ec40c2-fc80-7120-6417-f09833d5ae3e"],"children":["d397d5d7-23d4-fd3b-743f-87990dd04c98"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"Email-2","id":""},"visibility":{"conditions":[]}}},{"_id":"d397d5d7-23d4-fd3b-743f-87990dd04c98","text":true,"v":"Password"},{"_id":"d6d53f9d-f29c-5278-f096-fc71d22899b3","type":"Link","tag":"a","classes":["cfaa6cd2-8be6-44fc-1db8-f867e52e0b57"],"children":["78c4fd3b-7d9b-46b6-8efc-04a7b8d2f9b3"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","displayName":"","devlink":{"runtimeProps":{}},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"78c4fd3b-7d9b-46b6-8efc-04a7b8d2f9b3","text":true,"v":"Forgot your password?"},{"_id":"d397d5d7-23d4-fd3b-743f-87990dd04c99","type":"FormTextInput","tag":"input","classes":["56528456-ea38-db9a-a376-7990bce5b04a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"password","disabled":false,"required":false},"xattr":[{"name":"data-ms-member","value":"password"}],"form":{"name":"Password","type":"input","passwordPage":false}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e6","type":"FormButton","tag":"input","classes":["6f4d0ebb-3959-43d9-b833-e7b7d33bc50f"],"children":[],"data":{"attr":{"type":"submit","value":"Sign In","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"ddcaa36f-e092-6ffd-4b27-b23c25bee701","type":"Block","tag":"div","classes":["4b81537c-dd32-a0c3-e7b3-f5c082cb732e"],"children":["0dadcfa5-46fd-e898-f48e-01b945f34b9c","98af5ad6-5441-7d4a-3cab-99eb948acaa2","b7b0a744-6b99-cd4c-a4c5-1638522eff4e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0dadcfa5-46fd-e898-f48e-01b945f34b9c","type":"Block","tag":"div","classes":["a57d90d2-5914-e252-e7a0-9148de3ca7d4"],"children":[],"data":{"tag":"div","text":false}},{"_id":"98af5ad6-5441-7d4a-3cab-99eb948acaa2","type":"Paragraph","tag":"p","classes":["1128cf89-96a1-8822-f599-8e97f1d6bb31"],"children":["98af5ad6-5441-7d4a-3cab-99eb948acaa3"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"98af5ad6-5441-7d4a-3cab-99eb948acaa3","text":true,"v":"or sign in with"},{"_id":"b7b0a744-6b99-cd4c-a4c5-1638522eff4e","type":"Block","tag":"div","classes":["a57d90d2-5914-e252-e7a0-9148de3ca7d4"],"children":[],"data":{"tag":"div","text":false}},{"_id":"37e9573b-62a0-8b0d-bc7b-cdca72c6ef13","type":"Link","tag":"a","classes":["6f4d0ebb-3959-43d9-b833-e7b7d33bc50f","33c05c77-2e96-03fd-a4b1-eb308d4e2777"],"children":["25fe0d4a-36be-6a19-cbc9-722cb34ac371","2bf36487-1a25-2fa6-1d9f-f653e997efb7"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{}},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"25fe0d4a-36be-6a19-cbc9-722cb34ac371","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d0eda086408395b4fedd6_google%20icon.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"638d0eda086408395b4fedd6"}}},{"_id":"2bf36487-1a25-2fa6-1d9f-f653e997efb7","type":"Paragraph","tag":"p","classes":[],"children":["2bf36487-1a25-2fa6-1d9f-f653e997efb8"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2bf36487-1a25-2fa6-1d9f-f653e997efb8","text":true,"v":"Google"},{"_id":"52b83ecf-38b9-83e7-383b-d272c8f5ace6","type":"Block","tag":"div","classes":["83c7ffc5-e97e-acc3-9778-2b33ceba8319"],"children":["7eef2cb5-c1d1-9fec-7614-c462b605e98f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7eef2cb5-c1d1-9fec-7614-c462b605e98f","type":"Link","tag":"a","classes":["6f4d0ebb-3959-43d9-b833-e7b7d33bc50f","33c05c77-2e96-03fd-a4b1-eb308d4e2777"],"children":["7eef2cb5-c1d1-9fec-7614-c462b605e990","7eef2cb5-c1d1-9fec-7614-c462b605e991"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"facebook"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{}},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"7eef2cb5-c1d1-9fec-7614-c462b605e990","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d108d95fb4360b44a667f_facebook%20icon-2.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"638d108d95fb4360b44a667f"}}},{"_id":"7eef2cb5-c1d1-9fec-7614-c462b605e991","type":"Paragraph","tag":"p","classes":[],"children":["7eef2cb5-c1d1-9fec-7614-c462b605e992"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7eef2cb5-c1d1-9fec-7614-c462b605e992","text":true,"v":"Facebook"},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e7","type":"FormSuccessMessage","tag":"div","classes":[],"children":["29ec5a52-e7a3-9fbe-821b-b446382042e8"],"data":{"form":{"type":"msg-done"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e8","type":"Block","tag":"div","classes":[],"children":["29ec5a52-e7a3-9fbe-821b-b446382042e9"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e9","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042ea","type":"FormErrorMessage","tag":"div","classes":[],"children":["29ec5a52-e7a3-9fbe-821b-b446382042eb"],"data":{"form":{"type":"msg-fail"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042eb","type":"Block","tag":"div","classes":[],"children":["29ec5a52-e7a3-9fbe-821b-b446382042ec"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042ec","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"cfaa6cd2-8be6-44fc-1db8-f867e52e0b57","fake":false,"type":"class","name":"forgot-pw","namespace":"","comb":"","styleLess":"color: hsla(180, 85.51%, 27.06%, 1.00); font-size: 14px; font-weight: 500; text-decoration: none;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"da124470-f9c6-4de3-a70c-6e92b26be316","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{"small":{"styleLess":"margin-top: 35px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1128cf89-96a1-8822-f599-8e97f1d6bb31","fake":false,"type":"class","name":"label-p","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 47.06%, 1.00); font-size: 14px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6f4d0ebb-3959-43d9-b833-e7b7d33bc50f","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 25px; padding-top: 14px; padding-bottom: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(180, 85.51%, 27.06%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(180, 85.51%, 27.06%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(180, 85.51%, 27.06%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(180, 85.51%, 27.06%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(180, 85.51%, 27.06%, 1.00); transition-property: color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: transparent; color: hsla(180, 85.51%, 27.06%, 1.00);"}},"children":["33c05c77-2e96-03fd-a4b1-eb308d4e2777"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"83c7ffc5-e97e-acc3-9778-2b33ceba8319","fake":false,"type":"class","name":"button-flex","namespace":"","comb":"","styleLess":"display: flex; margin-top: 10px; align-items: center; grid-column-gap: 10px;","variants":{"tiny":{"styleLess":"flex-direction: column; grid-row-gap: 10px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"3af22af7-7733-c3f5-987c-9ea2164b0f59","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ecfd24bf-c02e-71b5-1d72-f9927e5b8591","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 1920px; min-height: 100vh; margin-right: auto; margin-left: auto; padding-top: 70px; padding-right: 40px; padding-bottom: 70px; padding-left: 40px; justify-content: center; align-items: center; background-image: @img_638cfe3e77d1c71e56aff965; background-position: 50% 50%; background-size: cover;","variants":{"small":{"styleLess":"padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px;"},"tiny":{"styleLess":"padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"56528456-ea38-db9a-a376-7990bce5b04a","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: #8c8c93; border-right-style: solid; border-right-width: 1px; border-right-color: #8c8c93; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #8c8c93; border-left-style: solid; border-left-width: 1px; border-left-color: #8c8c93; 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":"1ffb81f4-516a-e130-6e35-edc7b125006d","fake":false,"type":"class","name":"m-20","namespace":"","comb":"&","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b6b16c03-5bf2-0849-c2f6-045eee3957c9","fake":false,"type":"class","name":"green-link","namespace":"","comb":"","styleLess":"color: hsla(180, 85.51%, 27.06%, 1.00);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4b81537c-dd32-a0c3-e7b3-f5c082cb732e","fake":false,"type":"class","name":"label-flex","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 25px; align-items: center; grid-column-gap: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a57d90d2-5914-e252-e7a0-9148de3ca7d4","fake":false,"type":"class","name":"label-border","namespace":"","comb":"","styleLess":"height: 1px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-color: #e4e4e4;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"02984630-2a16-49fa-b4d6-ba0e0ed16c00","fake":false,"type":"class","name":"logo-link","namespace":"","comb":"","styleLess":"max-width: 110px; margin-bottom: 35px;","variants":{"tiny":{"styleLess":"margin-bottom: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"90bfb7bc-526e-90ea-85b0-5ee71a1902ce","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"91c2a674-69ab-000a-37f5-93150353e51f","fake":false,"type":"class","name":"logo","namespace":"","comb":"","styleLess":"","variants":{"small":{"styleLess":"max-width: 75%;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"9f0a0ddf-cf7d-343e-dd6d-7b8c253275dc","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 550px; margin-right: auto; margin-left: auto; padding-top: 45px; padding-right: 50px; padding-bottom: 45px; padding-left: 50px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 3.31%, 78.63%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 3.31%, 78.63%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 3.31%, 78.63%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 3.31%, 78.63%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 1px 40px 0 hsla(0, 0.00%, 10.98%, 0.20);","variants":{"small":{"styleLess":"padding-top: 30px; padding-right: 25px; padding-bottom: 30px; padding-left: 25px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"33c05c77-2e96-03fd-a4b1-eb308d4e2777","fake":false,"type":"class","name":"outline","namespace":"","comb":"&","styleLess":"display: flex; margin-bottom: 0px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(180, 85.51%, 27.06%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(180, 85.51%, 27.06%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(180, 85.51%, 27.06%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(180, 85.51%, 27.06%, 1.00); background-color: transparent; transition-property: box-shadow, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(180, 85.51%, 27.06%, 1.00);","variants":{"main_hover":{"styleLess":"box-shadow: 0 3px 10px 0 hsla(180, 85.51%, 27.06%, 0.70); transform: translate(0px, -3px);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1a126c03-84a7-64d7-2bdc-c38672274efb","fake":false,"type":"class","name":"label-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 10px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"68357d62-5b54-6b85-0591-198386fd9a11","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; color: #6e6e74; font-size: 14px; font-weight: 500;","variants":{},"children":["68ec40c2-fc80-7120-6417-f09833d5ae3e"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a076b9d3-bc49-10cf-e760-84899c46d542","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"margin-bottom: 30px;","variants":{},"children":["1ffb81f4-516a-e130-6e35-edc7b125006d"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2ec91830-81f4-782e-efc5-72075c01dfa7","fake":false,"type":"class","name":"p-big","namespace":"","comb":"","styleLess":"margin-bottom: 50px; color: hsla(0, 0.00%, 47.06%, 1.00);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"68ec40c2-fc80-7120-6417-f09833d5ae3e","fake":false,"type":"class","name":"no-m","namespace":"","comb":"&","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d043957859ff81ee37883_template%20logo%203.svg","siteId":"638cfd1e10a6ce348466820b","isHD":false,"fileName":"638d043957859ff81ee37883_template logo 3.svg","createdOn":"2022-12-04T20:34:01.857Z","origFileName":"template logo 3.svg","fileHash":"b315cb995b84c72fa097241ca6924c44","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638d043957859ff81ee37883_template%20logo%203.svg","thumbUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d043957859ff81ee37883_template%20logo%203.svg","_id":"638d043957859ff81ee37883","updatedOn":"2022-12-04T20:34:01.857Z","fileSize":9515},{"cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d0eda086408395b4fedd6_google%20icon.svg","siteId":"638cfd1e10a6ce348466820b","isHD":false,"fileName":"638d0eda086408395b4fedd6_google icon.svg","createdOn":"2022-12-04T21:19:22.057Z","origFileName":"google icon.svg","fileHash":"9d1918d2f1acd959900f35933d70eccd","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638d0eda086408395b4fedd6_google%20icon.svg","thumbUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d0eda086408395b4fedd6_google%20icon.svg","_id":"638d0eda086408395b4fedd6","updatedOn":"2022-12-04T21:19:22.057Z","fileSize":1179},{"cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d108d95fb4360b44a667f_facebook%20icon-2.svg","siteId":"638cfd1e10a6ce348466820b","isHD":false,"fileName":"638d108d95fb4360b44a667f_facebook icon-2.svg","createdOn":"2022-12-04T21:26:37.730Z","origFileName":"facebook icon-2.svg","fileHash":"4efdea50e8552268c437ee581aa9360e","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638d108d95fb4360b44a667f_facebook%20icon-2.svg","thumbUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d108d95fb4360b44a667f_facebook%20icon-2.svg","_id":"638d108d95fb4360b44a667f","updatedOn":"2022-12-04T21:26:37.730Z","fileSize":522},{"cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2.jpg","siteId":"638cfd1e10a6ce348466820b","width":1920,"isHD":false,"height":1280,"fileName":"638cfe3e77d1c71e56aff965_image 28-2.jpg","createdOn":"2022-12-04T20:08:30.885Z","origFileName":"image 28-2.jpg","fileHash":"5cb445a495f48007986c6166f2212f38","variants":[{"_id":"638cfe4144a03f9fe9b4b79e","origFileName":"image%2028-2-p-500.jpg","fileName":"638cfe3e77d1c71e56aff965_image%2028-2-p-500.jpg","format":"jpg","size":23393,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-500.jpg"},{"_id":"638cfe4144a03fd735b4b79f","origFileName":"image%2028-2-p-800.jpg","fileName":"638cfe3e77d1c71e56aff965_image%2028-2-p-800.jpg","format":"jpg","size":50729,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-800.jpg"},{"_id":"638cfe4144a03f5539b4b7a0","origFileName":"image%2028-2-p-1080.jpg","fileName":"638cfe3e77d1c71e56aff965_image%2028-2-p-1080.jpg","format":"jpg","size":82139,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-1080.jpg"},{"_id":"638cfe4144a03ff8bfb4b7a1","origFileName":"image%2028-2-p-1600.jpg","fileName":"638cfe3e77d1c71e56aff965_image%2028-2-p-1600.jpg","format":"jpg","size":151048,"width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2.jpg","thumbUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-130x130q80.jpg","_id":"638cfe3e77d1c71e56aff965","updatedOn":"2022-12-04T20:13:42.161Z","fileSize":148950}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"06478003-22e1-17e3-5531-4adade8984ff","type":"Block","tag":"section","classes":["ecfd24bf-c02e-71b5-1d72-f9927e5b8591"],"children":["d59a0ab8-19c7-d90e-8a25-c09903fb446c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"d59a0ab8-19c7-d90e-8a25-c09903fb446c","type":"Block","tag":"div","classes":["9f0a0ddf-cf7d-343e-dd6d-7b8c253275dc"],"children":["29ec5a52-e7a3-9fbe-821b-b446382042de"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042de","type":"FormWrapper","tag":"div","classes":["da124470-f9c6-4de3-a70c-6e92b26be316"],"children":["29ec5a52-e7a3-9fbe-821b-b446382042df","29ec5a52-e7a3-9fbe-821b-b446382042e7","29ec5a52-e7a3-9fbe-821b-b446382042ea"],"data":{"form":{"type":"wrapper"},"xattr":[],"search":{"exclude":true},"displayName":"","attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042df","type":"FormForm","tag":"form","classes":["90bfb7bc-526e-90ea-85b0-5ee71a1902ce"],"children":["f361196c-0023-ace8-d026-1473ada95e45","9c152144-e5d2-65aa-20ce-579ee8c74825","6726f25b-2c4d-53ad-843e-2fef4fab5768","a8efeb72-b786-3ea2-3c31-fe183bfb484a","d397d5d7-23d4-fd3b-743f-87990dd04c96","29ec5a52-e7a3-9fbe-821b-b446382042e6","ddcaa36f-e092-6ffd-4b27-b23c25bee701","37e9573b-62a0-8b0d-bc7b-cdca72c6ef13","52b83ecf-38b9-83e7-383b-d272c8f5ace6"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","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":"f361196c-0023-ace8-d026-1473ada95e45","type":"Link","tag":"a","classes":["02984630-2a16-49fa-b4d6-ba0e0ed16c00"],"children":["ab836946-b5ed-2fff-5cfd-e06b40ec5cc3"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{}},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"ab836946-b5ed-2fff-5cfd-e06b40ec5cc3","type":"Image","tag":"img","classes":["91c2a674-69ab-000a-37f5-93150353e51f"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d043957859ff81ee37883_template%20logo%203.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"638d043957859ff81ee37883"}}},{"_id":"9c152144-e5d2-65aa-20ce-579ee8c74825","type":"Heading","tag":"h1","classes":["3af22af7-7733-c3f5-987c-9ea2164b0f59"],"children":["9c152144-e5d2-65aa-20ce-579ee8c74826"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9c152144-e5d2-65aa-20ce-579ee8c74826","text":true,"v":"Welcome back to Template"},{"_id":"6726f25b-2c4d-53ad-843e-2fef4fab5768","type":"Paragraph","tag":"p","classes":["2ec91830-81f4-782e-efc5-72075c01dfa7"],"children":["6726f25b-2c4d-53ad-843e-2fef4fab5769","979f27f6-34b0-4397-f540-6ebe2e44d731"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6726f25b-2c4d-53ad-843e-2fef4fab5769","text":true,"v":"New here? "},{"_id":"979f27f6-34b0-4397-f540-6ebe2e44d731","type":"Link","tag":"a","classes":["b6b16c03-5bf2-0849-c2f6-045eee3957c9"],"children":["15caa368-7c08-07b2-5dbf-b4c3e7294992"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{}},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"15caa368-7c08-07b2-5dbf-b4c3e7294992","text":true,"v":"Create an account"},{"_id":"a8efeb72-b786-3ea2-3c31-fe183bfb484a","type":"Block","tag":"div","classes":["a076b9d3-bc49-10cf-e760-84899c46d542"],"children":["29ec5a52-e7a3-9fbe-821b-b446382042e0","29ec5a52-e7a3-9fbe-821b-b446382042e2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e0","type":"FormBlockLabel","tag":"label","classes":["68357d62-5b54-6b85-0591-198386fd9a11"],"children":["29ec5a52-e7a3-9fbe-821b-b446382042e1"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e1","text":true,"v":"Email"},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e2","type":"FormTextInput","tag":"input","classes":["56528456-ea38-db9a-a376-7990bce5b04a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"","type":"email","id":"Email","disabled":false,"required":false},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email","type":"input","passwordPage":false}}},{"_id":"d397d5d7-23d4-fd3b-743f-87990dd04c96","type":"Block","tag":"div","classes":["a076b9d3-bc49-10cf-e760-84899c46d542","1ffb81f4-516a-e130-6e35-edc7b125006d"],"children":["b201c254-2fb9-943e-cdfb-e19d5f89cf5d","d397d5d7-23d4-fd3b-743f-87990dd04c99"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b201c254-2fb9-943e-cdfb-e19d5f89cf5d","type":"Block","tag":"div","classes":["1a126c03-84a7-64d7-2bdc-c38672274efb"],"children":["d397d5d7-23d4-fd3b-743f-87990dd04c97","d6d53f9d-f29c-5278-f096-fc71d22899b3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d397d5d7-23d4-fd3b-743f-87990dd04c97","type":"FormBlockLabel","tag":"label","classes":["68357d62-5b54-6b85-0591-198386fd9a11","68ec40c2-fc80-7120-6417-f09833d5ae3e"],"children":["d397d5d7-23d4-fd3b-743f-87990dd04c98"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"for":"Email-2","id":""},"visibility":{"conditions":[]}}},{"_id":"d397d5d7-23d4-fd3b-743f-87990dd04c98","text":true,"v":"Password"},{"_id":"d6d53f9d-f29c-5278-f096-fc71d22899b3","type":"Link","tag":"a","classes":["cfaa6cd2-8be6-44fc-1db8-f867e52e0b57"],"children":["78c4fd3b-7d9b-46b6-8efc-04a7b8d2f9b3"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","displayName":"","devlink":{"runtimeProps":{}},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"78c4fd3b-7d9b-46b6-8efc-04a7b8d2f9b3","text":true,"v":"Forgot your password?"},{"_id":"d397d5d7-23d4-fd3b-743f-87990dd04c99","type":"FormTextInput","tag":"input","classes":["56528456-ea38-db9a-a376-7990bce5b04a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"password","disabled":false,"required":false},"xattr":[{"name":"data-ms-member","value":"password"}],"form":{"name":"Password","type":"input","passwordPage":false}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e6","type":"FormButton","tag":"input","classes":["6f4d0ebb-3959-43d9-b833-e7b7d33bc50f"],"children":[],"data":{"attr":{"type":"submit","value":"Sign In","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"ddcaa36f-e092-6ffd-4b27-b23c25bee701","type":"Block","tag":"div","classes":["4b81537c-dd32-a0c3-e7b3-f5c082cb732e"],"children":["0dadcfa5-46fd-e898-f48e-01b945f34b9c","98af5ad6-5441-7d4a-3cab-99eb948acaa2","b7b0a744-6b99-cd4c-a4c5-1638522eff4e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0dadcfa5-46fd-e898-f48e-01b945f34b9c","type":"Block","tag":"div","classes":["a57d90d2-5914-e252-e7a0-9148de3ca7d4"],"children":[],"data":{"tag":"div","text":false}},{"_id":"98af5ad6-5441-7d4a-3cab-99eb948acaa2","type":"Paragraph","tag":"p","classes":["1128cf89-96a1-8822-f599-8e97f1d6bb31"],"children":["98af5ad6-5441-7d4a-3cab-99eb948acaa3"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"98af5ad6-5441-7d4a-3cab-99eb948acaa3","text":true,"v":"or sign in with"},{"_id":"b7b0a744-6b99-cd4c-a4c5-1638522eff4e","type":"Block","tag":"div","classes":["a57d90d2-5914-e252-e7a0-9148de3ca7d4"],"children":[],"data":{"tag":"div","text":false}},{"_id":"37e9573b-62a0-8b0d-bc7b-cdca72c6ef13","type":"Link","tag":"a","classes":["6f4d0ebb-3959-43d9-b833-e7b7d33bc50f","33c05c77-2e96-03fd-a4b1-eb308d4e2777"],"children":["25fe0d4a-36be-6a19-cbc9-722cb34ac371","2bf36487-1a25-2fa6-1d9f-f653e997efb7"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{}},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"25fe0d4a-36be-6a19-cbc9-722cb34ac371","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d0eda086408395b4fedd6_google%20icon.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"638d0eda086408395b4fedd6"}}},{"_id":"2bf36487-1a25-2fa6-1d9f-f653e997efb7","type":"Paragraph","tag":"p","classes":[],"children":["2bf36487-1a25-2fa6-1d9f-f653e997efb8"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2bf36487-1a25-2fa6-1d9f-f653e997efb8","text":true,"v":"Google"},{"_id":"52b83ecf-38b9-83e7-383b-d272c8f5ace6","type":"Block","tag":"div","classes":["83c7ffc5-e97e-acc3-9778-2b33ceba8319"],"children":["7eef2cb5-c1d1-9fec-7614-c462b605e98f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7eef2cb5-c1d1-9fec-7614-c462b605e98f","type":"Link","tag":"a","classes":["6f4d0ebb-3959-43d9-b833-e7b7d33bc50f","33c05c77-2e96-03fd-a4b1-eb308d4e2777"],"children":["7eef2cb5-c1d1-9fec-7614-c462b605e990","7eef2cb5-c1d1-9fec-7614-c462b605e991"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"facebook"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{}},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"7eef2cb5-c1d1-9fec-7614-c462b605e990","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d108d95fb4360b44a667f_facebook%20icon-2.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"638d108d95fb4360b44a667f"}}},{"_id":"7eef2cb5-c1d1-9fec-7614-c462b605e991","type":"Paragraph","tag":"p","classes":[],"children":["7eef2cb5-c1d1-9fec-7614-c462b605e992"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7eef2cb5-c1d1-9fec-7614-c462b605e992","text":true,"v":"Facebook"},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e7","type":"FormSuccessMessage","tag":"div","classes":[],"children":["29ec5a52-e7a3-9fbe-821b-b446382042e8"],"data":{"form":{"type":"msg-done"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e8","type":"Block","tag":"div","classes":[],"children":["29ec5a52-e7a3-9fbe-821b-b446382042e9"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042e9","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042ea","type":"FormErrorMessage","tag":"div","classes":[],"children":["29ec5a52-e7a3-9fbe-821b-b446382042eb"],"data":{"form":{"type":"msg-fail"},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042eb","type":"Block","tag":"div","classes":[],"children":["29ec5a52-e7a3-9fbe-821b-b446382042ec"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"29ec5a52-e7a3-9fbe-821b-b446382042ec","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"cfaa6cd2-8be6-44fc-1db8-f867e52e0b57","fake":false,"type":"class","name":"forgot-pw","namespace":"","comb":"","styleLess":"color: hsla(180, 85.51%, 27.06%, 1.00); font-size: 14px; font-weight: 500; text-decoration: none;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"da124470-f9c6-4de3-a70c-6e92b26be316","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{"small":{"styleLess":"margin-top: 35px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1128cf89-96a1-8822-f599-8e97f1d6bb31","fake":false,"type":"class","name":"label-p","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 47.06%, 1.00); font-size: 14px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6f4d0ebb-3959-43d9-b833-e7b7d33bc50f","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 25px; padding-top: 14px; padding-bottom: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(180, 85.51%, 27.06%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(180, 85.51%, 27.06%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(180, 85.51%, 27.06%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(180, 85.51%, 27.06%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(180, 85.51%, 27.06%, 1.00); transition-property: color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: transparent; color: hsla(180, 85.51%, 27.06%, 1.00);"}},"children":["33c05c77-2e96-03fd-a4b1-eb308d4e2777"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"83c7ffc5-e97e-acc3-9778-2b33ceba8319","fake":false,"type":"class","name":"button-flex","namespace":"","comb":"","styleLess":"display: flex; margin-top: 10px; align-items: center; grid-column-gap: 10px;","variants":{"tiny":{"styleLess":"flex-direction: column; grid-row-gap: 10px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"3af22af7-7733-c3f5-987c-9ea2164b0f59","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ecfd24bf-c02e-71b5-1d72-f9927e5b8591","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 1920px; min-height: 100vh; margin-right: auto; margin-left: auto; padding-top: 70px; padding-right: 40px; padding-bottom: 70px; padding-left: 40px; justify-content: center; align-items: center; background-image: @img_638cfe3e77d1c71e56aff965; background-position: 50% 50%; background-size: cover;","variants":{"small":{"styleLess":"padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px;"},"tiny":{"styleLess":"padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"56528456-ea38-db9a-a376-7990bce5b04a","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: #8c8c93; border-right-style: solid; border-right-width: 1px; border-right-color: #8c8c93; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #8c8c93; border-left-style: solid; border-left-width: 1px; border-left-color: #8c8c93; 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":"1ffb81f4-516a-e130-6e35-edc7b125006d","fake":false,"type":"class","name":"m-20","namespace":"","comb":"&","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b6b16c03-5bf2-0849-c2f6-045eee3957c9","fake":false,"type":"class","name":"green-link","namespace":"","comb":"","styleLess":"color: hsla(180, 85.51%, 27.06%, 1.00);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4b81537c-dd32-a0c3-e7b3-f5c082cb732e","fake":false,"type":"class","name":"label-flex","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 25px; align-items: center; grid-column-gap: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a57d90d2-5914-e252-e7a0-9148de3ca7d4","fake":false,"type":"class","name":"label-border","namespace":"","comb":"","styleLess":"height: 1px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-color: #e4e4e4;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"02984630-2a16-49fa-b4d6-ba0e0ed16c00","fake":false,"type":"class","name":"logo-link","namespace":"","comb":"","styleLess":"max-width: 110px; margin-bottom: 35px;","variants":{"tiny":{"styleLess":"margin-bottom: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"90bfb7bc-526e-90ea-85b0-5ee71a1902ce","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"91c2a674-69ab-000a-37f5-93150353e51f","fake":false,"type":"class","name":"logo","namespace":"","comb":"","styleLess":"","variants":{"small":{"styleLess":"max-width: 75%;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"9f0a0ddf-cf7d-343e-dd6d-7b8c253275dc","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 550px; margin-right: auto; margin-left: auto; padding-top: 45px; padding-right: 50px; padding-bottom: 45px; padding-left: 50px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 3.31%, 78.63%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 3.31%, 78.63%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 3.31%, 78.63%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 3.31%, 78.63%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 1px 40px 0 hsla(0, 0.00%, 10.98%, 0.20);","variants":{"small":{"styleLess":"padding-top: 30px; padding-right: 25px; padding-bottom: 30px; padding-left: 25px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"33c05c77-2e96-03fd-a4b1-eb308d4e2777","fake":false,"type":"class","name":"outline","namespace":"","comb":"&","styleLess":"display: flex; margin-bottom: 0px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(180, 85.51%, 27.06%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(180, 85.51%, 27.06%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(180, 85.51%, 27.06%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(180, 85.51%, 27.06%, 1.00); background-color: transparent; transition-property: box-shadow, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(180, 85.51%, 27.06%, 1.00);","variants":{"main_hover":{"styleLess":"box-shadow: 0 3px 10px 0 hsla(180, 85.51%, 27.06%, 0.70); transform: translate(0px, -3px);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1a126c03-84a7-64d7-2bdc-c38672274efb","fake":false,"type":"class","name":"label-wrap","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 10px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"68357d62-5b54-6b85-0591-198386fd9a11","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; color: #6e6e74; font-size: 14px; font-weight: 500;","variants":{},"children":["68ec40c2-fc80-7120-6417-f09833d5ae3e"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a076b9d3-bc49-10cf-e760-84899c46d542","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"margin-bottom: 30px;","variants":{},"children":["1ffb81f4-516a-e130-6e35-edc7b125006d"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2ec91830-81f4-782e-efc5-72075c01dfa7","fake":false,"type":"class","name":"p-big","namespace":"","comb":"","styleLess":"margin-bottom: 50px; color: hsla(0, 0.00%, 47.06%, 1.00);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"68ec40c2-fc80-7120-6417-f09833d5ae3e","fake":false,"type":"class","name":"no-m","namespace":"","comb":"&","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d043957859ff81ee37883_template%20logo%203.svg","siteId":"638cfd1e10a6ce348466820b","isHD":false,"fileName":"638d043957859ff81ee37883_template logo 3.svg","createdOn":"2022-12-04T20:34:01.857Z","origFileName":"template logo 3.svg","fileHash":"b315cb995b84c72fa097241ca6924c44","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638d043957859ff81ee37883_template%20logo%203.svg","thumbUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d043957859ff81ee37883_template%20logo%203.svg","_id":"638d043957859ff81ee37883","updatedOn":"2022-12-04T20:34:01.857Z","fileSize":9515},{"cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d0eda086408395b4fedd6_google%20icon.svg","siteId":"638cfd1e10a6ce348466820b","isHD":false,"fileName":"638d0eda086408395b4fedd6_google icon.svg","createdOn":"2022-12-04T21:19:22.057Z","origFileName":"google icon.svg","fileHash":"9d1918d2f1acd959900f35933d70eccd","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638d0eda086408395b4fedd6_google%20icon.svg","thumbUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d0eda086408395b4fedd6_google%20icon.svg","_id":"638d0eda086408395b4fedd6","updatedOn":"2022-12-04T21:19:22.057Z","fileSize":1179},{"cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d108d95fb4360b44a667f_facebook%20icon-2.svg","siteId":"638cfd1e10a6ce348466820b","isHD":false,"fileName":"638d108d95fb4360b44a667f_facebook icon-2.svg","createdOn":"2022-12-04T21:26:37.730Z","origFileName":"facebook icon-2.svg","fileHash":"4efdea50e8552268c437ee581aa9360e","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638d108d95fb4360b44a667f_facebook%20icon-2.svg","thumbUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638d108d95fb4360b44a667f_facebook%20icon-2.svg","_id":"638d108d95fb4360b44a667f","updatedOn":"2022-12-04T21:26:37.730Z","fileSize":522},{"cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2.jpg","siteId":"638cfd1e10a6ce348466820b","width":1920,"isHD":false,"height":1280,"fileName":"638cfe3e77d1c71e56aff965_image 28-2.jpg","createdOn":"2022-12-04T20:08:30.885Z","origFileName":"image 28-2.jpg","fileHash":"5cb445a495f48007986c6166f2212f38","variants":[{"_id":"638cfe4144a03f9fe9b4b79e","origFileName":"image%2028-2-p-500.jpg","fileName":"638cfe3e77d1c71e56aff965_image%2028-2-p-500.jpg","format":"jpg","size":23393,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-500.jpg","cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-500.jpg"},{"_id":"638cfe4144a03fd735b4b79f","origFileName":"image%2028-2-p-800.jpg","fileName":"638cfe3e77d1c71e56aff965_image%2028-2-p-800.jpg","format":"jpg","size":50729,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-800.jpg","cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-800.jpg"},{"_id":"638cfe4144a03f5539b4b7a0","origFileName":"image%2028-2-p-1080.jpg","fileName":"638cfe3e77d1c71e56aff965_image%2028-2-p-1080.jpg","format":"jpg","size":82139,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-1080.jpg","cdnUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-1080.jpg"},{"_id":"638cfe4144a03ff8bfb4b7a1","origFileName":"image%2028-2-p-1600.jpg","fileName":"638cfe3e77d1c71e56aff965_image%2028-2-p-1600.jpg","format":"jpg","size":151048,"width":1600,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2.jpg","thumbUrl":"https://cdn.prod.website-files.com/638cfd1e10a6ce348466820b/638cfe3e77d1c71e56aff965_image%2028-2-p-130x130q80.jpg","_id":"638cfe3e77d1c71e56aff965","updatedOn":"2022-12-04T20:13:42.161Z","fileSize":148950}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
CC Chrome oder SS Safari.

Über diese Komponente

AI-generiert

Komponentenbeschreibung (von AI generiert)

The Fun Log In Screen enhances the user login experience with a vibrant and picturesque design, making it visually appealing and engaging.

Wesentliche Merkmale:

  • Responsive Design für verschiedene Geräte geeignet
  • Includes social media login options (Google and Facebook)
  • Customizable form fields for email and password
  • Erfolgs- und Fehlermeldungen für Benutzer-Feedback
  • Attractive background image to enhance aesthetics

Gestaltungselemente:

  • Bright color scheme with a focus on green hues
  • Use of images for logos and social media icons
  • Flexible layout with padding and margins for a clean look
  • Interactive elements such as buttons and links

Potenzielle Anwendungsfälle:

  • Web applications requiring user authentication
  • E-commerce platforms needing a user-friendly login interface
  • Social media sites that prioritize user engagement
  • Online services offering subscription-based models
  • Educational platforms for student and teacher logins

Conclusion: The Fun Log In Screen is a versatile and visually appealing component that can significantly enhance user engagement and satisfaction during the login process.

Mit dem Bau beginnen

Bauen Sie Ihre Träume

Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.