Komponente laden...
Laden
Ich danke Ihnen! Ich werde
dieses Projekt so schnell wie möglich aktualisieren.
dieses Projekt so schnell wie möglich aktualisieren.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
So aktivieren Sie die Google-Authentifizierung
So aktivieren Sie die Facebook-Authentifizierung
So aktivieren Sie die Spotify-Authentifizierung
Wie man die Dribbble-Authentifizierung aktiviert
Wie man die Github-Authentifizierung aktiviert
So aktivieren Sie die LinkedIn-Authentifizierung
So aktivieren Sie passwortlose Anmeldungen
So konfigurieren Sie die Kennwortüberprüfung
Passwort ein-/ausblenden
Wie man mit Profilbildern arbeitet
So fügen Sie einen Fluss für vergessene Passwörter hinzu
Wie man mit Kontrollkästchen arbeitet
Wie man Preistabellen konfiguriert
Über das Stripe-Kundenportal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5d786964-89af-749f-15b8-20e7b2ffa24b","type":"FormWrapper","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa256","5d786964-89af-749f-15b8-20e7b2ffa284","5d786964-89af-749f-15b8-20e7b2ffa287"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa256","type":"FormForm","tag":"form","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bd"],"children":["5d786964-89af-749f-15b8-20e7b2ffa257","5d786964-89af-749f-15b8-20e7b2ffa269","5d786964-89af-749f-15b8-20e7b2ffa26d","5d786964-89af-749f-15b8-20e7b2ffa281","5d786964-89af-749f-15b8-20e7b2ffa282","5d786964-89af-749f-15b8-20e7b2ffa283"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa257","type":"Block","tag":"div","classes":["52965c47-964c-d7d9-9521-4da039b6d478"],"children":["5d786964-89af-749f-15b8-20e7b2ffa258","5d786964-89af-749f-15b8-20e7b2ffa25a","5d786964-89af-749f-15b8-20e7b2ffa261"],"data":{"search":{"exclude":false},"xattr":[{"name":"password-reset","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa258","type":"Heading","tag":"h1","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171b5"],"children":["5d786964-89af-749f-15b8-20e7b2ffa259"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa259","text":true,"v":"Welcome back 👋"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25a","type":"Link","tag":"a","classes":["66225d0f-e770-0d5b-ae5c-fe893e889235","66225d0f-e770-0d5b-ae5c-fe893e88923b"],"children":["5d786964-89af-749f-15b8-20e7b2ffa25b"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25b","type":"Block","tag":"div","classes":["66225d0f-e770-0d5b-ae5c-fe893e889236"],"children":["5d786964-89af-749f-15b8-20e7b2ffa25c","5d786964-89af-749f-15b8-20e7b2ffa25d","5d786964-89af-749f-15b8-20e7b2ffa25f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25c","type":"Image","tag":"img","classes":["66225d0f-e770-0d5b-ae5c-fe893e889237"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f3d4d287f0d_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"633c8e7d413a6f3d4d287f0d"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25d","type":"Block","tag":"div","classes":["66225d0f-e770-0d5b-ae5c-fe893e889238"],"children":["5d786964-89af-749f-15b8-20e7b2ffa25e"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Google"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25e","text":true,"v":"Continue with Google"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25f","type":"Block","tag":"div","classes":["66225d0f-e770-0d5b-ae5c-fe893e889239"],"children":["5d786964-89af-749f-15b8-20e7b2ffa260"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa260","type":"Image","tag":"img","classes":["66225d0f-e770-0d5b-ae5c-fe893e88923a"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"633c8e7d413a6f1ac6287f0e"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa261","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171c0","82e11cbd-f4fe-f824-a8a3-c562e2945f06"],"children":["5d786964-89af-749f-15b8-20e7b2ffa262","5d786964-89af-749f-15b8-20e7b2ffa267"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa262","type":"Block","tag":"div","classes":["c076cdbe-7bef-8983-47cc-17fc301e26c4","57a1c617-d123-7042-7f5b-feedb10778b8"],"children":["5d786964-89af-749f-15b8-20e7b2ffa263","5d786964-89af-749f-15b8-20e7b2ffa264","5d786964-89af-749f-15b8-20e7b2ffa266"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa263","type":"Block","tag":"div","classes":["c076cdbe-7bef-8983-47cc-17fc301e26c6","24e7ee80-e870-5959-8ab7-9d8d45f393dc"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa264","type":"Block","tag":"div","classes":["a9443aef-0913-adaf-2aad-26da8ad137c0"],"children":["5d786964-89af-749f-15b8-20e7b2ffa265"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa265","text":true,"v":"or"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa266","type":"Block","tag":"div","classes":["c076cdbe-7bef-8983-47cc-17fc301e26c6","24e7ee80-e870-5959-8ab7-9d8d45f393dc"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa267","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171c0"],"children":["5d786964-89af-749f-15b8-20e7b2ffa268"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa268","text":true,"v":"Login with your email. "},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa269","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bf"],"children":["5d786964-89af-749f-15b8-20e7b2ffa26a","5d786964-89af-749f-15b8-20e7b2ffa26c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26a","type":"FormBlockLabel","tag":"label","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171be"],"children":["5d786964-89af-749f-15b8-20e7b2ffa26b"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26b","text":true,"v":"Email"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26c","type":"FormTextInput","tag":"input","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bb"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26d","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bf"],"children":["5d786964-89af-749f-15b8-20e7b2ffa26e","5d786964-89af-749f-15b8-20e7b2ffa270","5d786964-89af-749f-15b8-20e7b2ffa271","5d786964-89af-749f-15b8-20e7b2ffa272","5d786964-89af-749f-15b8-20e7b2ffa27f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26e","type":"FormBlockLabel","tag":"label","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171be"],"children":["5d786964-89af-749f-15b8-20e7b2ffa26f"],"data":{"form":{"type":"label"},"attr":{"for":"Password-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26f","text":true,"v":"Password"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa270","type":"FormTextInput","tag":"input","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bb"],"children":[],"data":{"form":{"name":"Password 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-2","data-name":"Password 2","placeholder":"e.g. *********","type":"password","id":"Password-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa271","type":"Block","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456b"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa272","type":"TabsWrapper","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456c"],"children":["5d786964-89af-749f-15b8-20e7b2ffa273","5d786964-89af-749f-15b8-20e7b2ffa27c"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tabs":{"type":"wrapper","current":"Hide","easing":"ease","fadeIn":300,"fadeOut":100},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa273","type":"TabsMenu","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa274","5d786964-89af-749f-15b8-20e7b2ffa278"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-transform","value":"true"}],"displayName":"","attr":{"id":"transformButton"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"menu"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa274","type":"TabsLink","tag":"a","classes":["46b98fcc-484c-9d89-cf22-a5c455294568"],"children":["5d786964-89af-749f-15b8-20e7b2ffa275","5d786964-89af-749f-15b8-20e7b2ffa276"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":"","data-w-tab":"Show"},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa275","type":"HtmlEmbed","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456d"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa276","type":"Block","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa277"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa277","text":true,"v":"Hide"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa278","type":"TabsLink","tag":"a","classes":["46b98fcc-484c-9d89-cf22-a5c455294568"],"children":["5d786964-89af-749f-15b8-20e7b2ffa279","5d786964-89af-749f-15b8-20e7b2ffa27a"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":"","data-w-tab":"Hide"},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa279","type":"HtmlEmbed","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456d"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27a","type":"Block","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa27b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27b","text":true,"v":"Show"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27c","type":"TabsContent","tag":"div","classes":["b0934d9a-875a-bb42-0630-12090a77fc21"],"children":["5d786964-89af-749f-15b8-20e7b2ffa27d","5d786964-89af-749f-15b8-20e7b2ffa27e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"content"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27d","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":"","data-w-tab":"Show"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"pane"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27e","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":"","data-w-tab":"Hide"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"pane"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27f","type":"Link","tag":"a","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171b3","ae832da1-7d29-23d1-4094-263348fbcbc8"],"children":["5d786964-89af-749f-15b8-20e7b2ffa280"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa280","text":true,"v":"Forgot Password"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa281","type":"Block","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456b"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa282","type":"FormButton","tag":"input","classes":["b0934d9a-875a-bb42-0630-12090a77fbf1"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Login","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa283","type":"HtmlEmbed","tag":"div","classes":["83b8a08a-c20e-96d4-d818-fca589a77328"],"children":[],"v":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa284","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa285"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa285","type":"Block","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa286"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa286","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa287","type":"FormErrorMessage","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa288"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa288","type":"Block","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa289"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa289","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"a9443aef-0913-adaf-2aad-26da8ad137c0","fake":false,"type":"class","name":"or-text","namespace":"","comb":"","styleLess":"width: 150px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e88923b","fake":false,"type":"class","name":"google","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-right-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-bottom-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-left-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889235","fake":false,"type":"class","name":"social-btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 3px 6px -1px rgba(29, 1, 80, 0.1); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(216, 11.36%, 17.25%, 1.00); text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["66225d0f-e770-0d5b-ae5c-fe893e88923b","c279f6d7-170d-3999-c880-562117fb8e81"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889239","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; line-height: 1.3; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889236","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171be","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 0.9rem; line-height: 15px; font-weight: 600;","variants":{"tiny":{"styleLess":"font-size: 0.8rem;"}},"children":[],"selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c455294568","fake":false,"type":"class","name":"Show Password","namespace":"","comb":"","styleLess":"bottom: 5px; display: flex; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px;","variants":{"main_current":{"styleLess":"display: none;"},"tiny":{"styleLess":"font-size: 12px;"}},"children":[],"selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171b5","fake":false,"type":"class","name":"signup_h1","namespace":"","comb":"","styleLess":"margin-bottom: 2rem; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"font-size: 1.4rem;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bd","fake":false,"type":"class","name":"form_card","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 400px; margin-bottom: 0px; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; justify-content: center; align-items: stretch; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10);","variants":{"tiny":{"styleLess":"padding-right: 8%; padding-left: 8%; font-size: 0.8rem;"}},"children":["79977434-13f0-1b4f-9d64-34fbfc1459a3","d870b9bb-17d4-c2f6-2913-8a0dde7b2b13"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"82e11cbd-f4fe-f824-a8a3-c562e2945f06","fake":false,"type":"class","name":"or","namespace":"","comb":"&","styleLess":"margin-top: 1rem; margin-bottom: 1rem; color: hsla(0, 0.00%, 52.55%, 1.00); font-size: 0.9rem;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889237","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fc21","fake":false,"type":"class","name":"👀 hidden-classes","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c45529456c","fake":false,"type":"class","name":"Show Password Wrap","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 12px; right: 3%; bottom: auto; z-index: 4;","variants":{},"children":[],"selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c45529456d","fake":false,"type":"class","name":"Eye SVG","namespace":"","comb":"","styleLess":"display: flex; width: 16px; margin-right: 4px; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"24e7ee80-e870-5959-8ab7-9d8d45f393dc","fake":false,"type":"class","name":"or-line","namespace":"","comb":"","styleLess":"width: 100%; height: 1px; background-color: hsla(230, 22.16%, 76.88%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"83b8a08a-c20e-96d4-d818-fca589a77328","fake":false,"type":"class","name":"🌟 Show/hide Code","namespace":"","comb":"","styleLess":"max-width: 300px; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"52965c47-964c-d7d9-9521-4da039b6d478","fake":false,"type":"class","name":"not-email","namespace":"","comb":"","styleLess":"","variants":{},"children":["35b86f04-2ada-e7e9-c3b8-ae144db7f1ce"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e88923a","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fbf1","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 1.25rem; padding-right: 1.875rem; padding-bottom: 1.2rem; padding-left: 1.875rem; justify-content: center; align-items: center; border-top-left-radius: 50vw; border-top-right-radius: 50vw; border-bottom-left-radius: 50vw; border-bottom-right-radius: 50vw; background-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: hsla(231.42857142857142, 0.00%, 100.00%, 1.00); font-size: 1.125rem; line-height: 1; font-weight: 500; text-align: center;","variants":{"main_hover":{"styleLess":"transform: translate(0px, -4px);"},"tiny":{"styleLess":"padding-top: 1.25rem; padding-bottom: 1.25rem;"}},"children":["b0934d9a-875a-bb42-0630-12090a77fcbf","3912df24-69f8-5634-d066-f25702453e58","9b47bbc4-1b1e-e0eb-bcff-06826a56977e","1b8ae01d-932f-6a92-b53b-96f81dc533c7","a5f2d4cb-6be8-0f10-ecc6-11c7359f094a","69058fe3-48bc-3167-f302-4972e86757ff","2fe7c160-e127-c5d9-1eb6-650443987ab8","a5e724be-4b79-f2e5-9c87-002787ccfa60","1eb29cf1-8d09-3aba-f593-dda6d6585e20"],"selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 0.5rem; flex-direction: column; align-items: flex-start;","variants":{},"children":["46b98fcc-484c-9d89-cf22-a5c45529456e"],"selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bb","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(231.42857142857142, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 1rem;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-right-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-bottom-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-left-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"},"tiny":{"styleLess":"font-size: 0.9rem;"}},"children":["0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244","3c3585a8-7b39-7d98-69f4-40d2a877d53b","049950cc-fc52-6b14-32f3-b75053deec2a"],"selector":null},{"_id":"57a1c617-d123-7042-7f5b-feedb10778b8","fake":false,"type":"class","name":"or-row","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-bottom: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889238","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171b3","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["ae832da1-7d29-23d1-4094-263348fbcbc8"],"selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c45529456b","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ae832da1-7d29-23d1-4094-263348fbcbc8","fake":false,"type":"class","name":"is-forgot-password","namespace":"","comb":"&","styleLess":"width: 100%; text-align: right;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171c0","fake":false,"type":"class","name":"content-wrap-center","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":["82e11cbd-f4fe-f824-a8a3-c562e2945f06","f500ffb0-3156-098d-580b-24e828bd1ffd"],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f3d4d287f0d_google.svg","siteId":"631f36b3dcdf08774497dc21","width":24,"isHD":false,"height":24,"fileName":"633c8e7d413a6f3d4d287f0d_google.svg","createdOn":"2022-10-04T19:50:21.011Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/631f36b3dcdf08774497dc21/633c8e7d413a6f3d4d287f0d_google.svg","thumbUrl":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f3d4d287f0d_google.svg","_id":"633c8e7d413a6f3d4d287f0d","updatedOn":"2022-10-04T19:50:21.157Z","fileSize":1307},{"cdnUrl":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","siteId":"631f36b3dcdf08774497dc21","width":24,"isHD":false,"height":24,"fileName":"633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","createdOn":"2022-10-04T19:50:21.016Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/631f36b3dcdf08774497dc21/633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","_id":"633c8e7d413a6f1ac6287f0e","updatedOn":"2022-10-04T19:50:21.120Z","fileSize":430}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5d786964-89af-749f-15b8-20e7b2ffa24b","type":"FormWrapper","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa256","5d786964-89af-749f-15b8-20e7b2ffa284","5d786964-89af-749f-15b8-20e7b2ffa287"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa256","type":"FormForm","tag":"form","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bd"],"children":["5d786964-89af-749f-15b8-20e7b2ffa257","5d786964-89af-749f-15b8-20e7b2ffa269","5d786964-89af-749f-15b8-20e7b2ffa26d","5d786964-89af-749f-15b8-20e7b2ffa281","5d786964-89af-749f-15b8-20e7b2ffa282","5d786964-89af-749f-15b8-20e7b2ffa283"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa257","type":"Block","tag":"div","classes":["52965c47-964c-d7d9-9521-4da039b6d478"],"children":["5d786964-89af-749f-15b8-20e7b2ffa258","5d786964-89af-749f-15b8-20e7b2ffa25a","5d786964-89af-749f-15b8-20e7b2ffa261"],"data":{"search":{"exclude":false},"xattr":[{"name":"password-reset","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa258","type":"Heading","tag":"h1","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171b5"],"children":["5d786964-89af-749f-15b8-20e7b2ffa259"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa259","text":true,"v":"Welcome back 👋"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25a","type":"Link","tag":"a","classes":["66225d0f-e770-0d5b-ae5c-fe893e889235","66225d0f-e770-0d5b-ae5c-fe893e88923b"],"children":["5d786964-89af-749f-15b8-20e7b2ffa25b"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25b","type":"Block","tag":"div","classes":["66225d0f-e770-0d5b-ae5c-fe893e889236"],"children":["5d786964-89af-749f-15b8-20e7b2ffa25c","5d786964-89af-749f-15b8-20e7b2ffa25d","5d786964-89af-749f-15b8-20e7b2ffa25f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25c","type":"Image","tag":"img","classes":["66225d0f-e770-0d5b-ae5c-fe893e889237"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f3d4d287f0d_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"633c8e7d413a6f3d4d287f0d"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25d","type":"Block","tag":"div","classes":["66225d0f-e770-0d5b-ae5c-fe893e889238"],"children":["5d786964-89af-749f-15b8-20e7b2ffa25e"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Google"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25e","text":true,"v":"Continue with Google"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa25f","type":"Block","tag":"div","classes":["66225d0f-e770-0d5b-ae5c-fe893e889239"],"children":["5d786964-89af-749f-15b8-20e7b2ffa260"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa260","type":"Image","tag":"img","classes":["66225d0f-e770-0d5b-ae5c-fe893e88923a"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"633c8e7d413a6f1ac6287f0e"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa261","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171c0","82e11cbd-f4fe-f824-a8a3-c562e2945f06"],"children":["5d786964-89af-749f-15b8-20e7b2ffa262","5d786964-89af-749f-15b8-20e7b2ffa267"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa262","type":"Block","tag":"div","classes":["c076cdbe-7bef-8983-47cc-17fc301e26c4","57a1c617-d123-7042-7f5b-feedb10778b8"],"children":["5d786964-89af-749f-15b8-20e7b2ffa263","5d786964-89af-749f-15b8-20e7b2ffa264","5d786964-89af-749f-15b8-20e7b2ffa266"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa263","type":"Block","tag":"div","classes":["c076cdbe-7bef-8983-47cc-17fc301e26c6","24e7ee80-e870-5959-8ab7-9d8d45f393dc"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa264","type":"Block","tag":"div","classes":["a9443aef-0913-adaf-2aad-26da8ad137c0"],"children":["5d786964-89af-749f-15b8-20e7b2ffa265"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa265","text":true,"v":"or"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa266","type":"Block","tag":"div","classes":["c076cdbe-7bef-8983-47cc-17fc301e26c6","24e7ee80-e870-5959-8ab7-9d8d45f393dc"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa267","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171c0"],"children":["5d786964-89af-749f-15b8-20e7b2ffa268"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa268","text":true,"v":"Login with your email. "},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa269","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bf"],"children":["5d786964-89af-749f-15b8-20e7b2ffa26a","5d786964-89af-749f-15b8-20e7b2ffa26c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26a","type":"FormBlockLabel","tag":"label","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171be"],"children":["5d786964-89af-749f-15b8-20e7b2ffa26b"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26b","text":true,"v":"Email"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26c","type":"FormTextInput","tag":"input","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bb"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26d","type":"Block","tag":"div","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bf"],"children":["5d786964-89af-749f-15b8-20e7b2ffa26e","5d786964-89af-749f-15b8-20e7b2ffa270","5d786964-89af-749f-15b8-20e7b2ffa271","5d786964-89af-749f-15b8-20e7b2ffa272","5d786964-89af-749f-15b8-20e7b2ffa27f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26e","type":"FormBlockLabel","tag":"label","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171be"],"children":["5d786964-89af-749f-15b8-20e7b2ffa26f"],"data":{"form":{"type":"label"},"attr":{"for":"Password-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa26f","text":true,"v":"Password"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa270","type":"FormTextInput","tag":"input","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171bb"],"children":[],"data":{"form":{"name":"Password 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-2","data-name":"Password 2","placeholder":"e.g. *********","type":"password","id":"Password-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa271","type":"Block","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456b"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa272","type":"TabsWrapper","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456c"],"children":["5d786964-89af-749f-15b8-20e7b2ffa273","5d786964-89af-749f-15b8-20e7b2ffa27c"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tabs":{"type":"wrapper","current":"Hide","easing":"ease","fadeIn":300,"fadeOut":100},"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa273","type":"TabsMenu","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa274","5d786964-89af-749f-15b8-20e7b2ffa278"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-transform","value":"true"}],"displayName":"","attr":{"id":"transformButton"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"menu"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa274","type":"TabsLink","tag":"a","classes":["46b98fcc-484c-9d89-cf22-a5c455294568"],"children":["5d786964-89af-749f-15b8-20e7b2ffa275","5d786964-89af-749f-15b8-20e7b2ffa276"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":"","data-w-tab":"Show"},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa275","type":"HtmlEmbed","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456d"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa276","type":"Block","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa277"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa277","text":true,"v":"Hide"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa278","type":"TabsLink","tag":"a","classes":["46b98fcc-484c-9d89-cf22-a5c455294568"],"children":["5d786964-89af-749f-15b8-20e7b2ffa279","5d786964-89af-749f-15b8-20e7b2ffa27a"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":"","data-w-tab":"Hide"},"visibility":{"conditions":[]},"tabs":{"type":"link"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa279","type":"HtmlEmbed","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456d"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/>\n\n<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"/></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27a","type":"Block","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa27b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27b","text":true,"v":"Show"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27c","type":"TabsContent","tag":"div","classes":["b0934d9a-875a-bb42-0630-12090a77fc21"],"children":["5d786964-89af-749f-15b8-20e7b2ffa27d","5d786964-89af-749f-15b8-20e7b2ffa27e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"content"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27d","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":"","data-w-tab":"Show"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"pane"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27e","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":"","data-w-tab":"Hide"},"visibility":{"conditions":[]},"tag":"div","tabs":{"type":"pane"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa27f","type":"Link","tag":"a","classes":["d8dfed4c-7389-eb4b-ed49-4264e9b171b3","ae832da1-7d29-23d1-4094-263348fbcbc8"],"children":["5d786964-89af-749f-15b8-20e7b2ffa280"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa280","text":true,"v":"Forgot Password"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa281","type":"Block","tag":"div","classes":["46b98fcc-484c-9d89-cf22-a5c45529456b"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa282","type":"FormButton","tag":"input","classes":["b0934d9a-875a-bb42-0630-12090a77fbf1"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Login","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa283","type":"HtmlEmbed","tag":"div","classes":["83b8a08a-c20e-96d4-d818-fca589a77328"],"children":[],"v":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","data":{"insideRTE":false,"search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<script>\n//attach a click handler to the button to make it transform when clicked, via our transform() function below\n document.querySelector(\"[data-transform]\").addEventListener(\"click\", transform);\n //flag of whether or not it is a password field or text field\n var isPassword = true;\n //this function will toggle the input between being a password or a text input\n function transform() {\n //copy the element itself, its html source, and value text to a variable\n var myInput = document.querySelector(\"[data-show]\");\n var oldHtml = myInput.outerHTML;\n var text = myInput.value;\n if (isPassword)\n {\n //replace \"password\" with \"text\" in the html if it is a password field\n var newHtml = oldHtml.replace(/password/g, \"text\");\n }\n else\n {\n //replace \"text\" with \"password\" if it is a text field\n newHtml = oldHtml.replace(/text/g, \"password\");\n }\n //update the html\n myInput.outerHTML = newHtml;\n //restore the text value\n myInput = document.querySelector(\"[data-show]\");\n myInput.value = text;\n //toggle the isPassword flag\n isPassword = !isPassword;\n }\n</script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa284","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa285"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa285","type":"Block","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa286"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa286","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa287","type":"FormErrorMessage","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa288"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa288","type":"Block","tag":"div","classes":[],"children":["5d786964-89af-749f-15b8-20e7b2ffa289"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5d786964-89af-749f-15b8-20e7b2ffa289","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"a9443aef-0913-adaf-2aad-26da8ad137c0","fake":false,"type":"class","name":"or-text","namespace":"","comb":"","styleLess":"width: 150px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e88923b","fake":false,"type":"class","name":"google","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-right-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-bottom-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00); border-left-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889235","fake":false,"type":"class","name":"social-btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 3px 6px -1px rgba(29, 1, 80, 0.1); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(216, 11.36%, 17.25%, 1.00); text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["66225d0f-e770-0d5b-ae5c-fe893e88923b","c279f6d7-170d-3999-c880-562117fb8e81"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889239","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; line-height: 1.3; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889236","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171be","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 0.9rem; line-height: 15px; font-weight: 600;","variants":{"tiny":{"styleLess":"font-size: 0.8rem;"}},"children":[],"selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c455294568","fake":false,"type":"class","name":"Show Password","namespace":"","comb":"","styleLess":"bottom: 5px; display: flex; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px;","variants":{"main_current":{"styleLess":"display: none;"},"tiny":{"styleLess":"font-size: 12px;"}},"children":[],"selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171b5","fake":false,"type":"class","name":"signup_h1","namespace":"","comb":"","styleLess":"margin-bottom: 2rem; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"font-size: 1.4rem;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bd","fake":false,"type":"class","name":"form_card","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 400px; margin-bottom: 0px; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; justify-content: center; align-items: stretch; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10);","variants":{"tiny":{"styleLess":"padding-right: 8%; padding-left: 8%; font-size: 0.8rem;"}},"children":["79977434-13f0-1b4f-9d64-34fbfc1459a3","d870b9bb-17d4-c2f6-2913-8a0dde7b2b13"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"82e11cbd-f4fe-f824-a8a3-c562e2945f06","fake":false,"type":"class","name":"or","namespace":"","comb":"&","styleLess":"margin-top: 1rem; margin-bottom: 1rem; color: hsla(0, 0.00%, 52.55%, 1.00); font-size: 0.9rem;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889237","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fc21","fake":false,"type":"class","name":"👀 hidden-classes","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c45529456c","fake":false,"type":"class","name":"Show Password Wrap","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 12px; right: 3%; bottom: auto; z-index: 4;","variants":{},"children":[],"selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c45529456d","fake":false,"type":"class","name":"Eye SVG","namespace":"","comb":"","styleLess":"display: flex; width: 16px; margin-right: 4px; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"24e7ee80-e870-5959-8ab7-9d8d45f393dc","fake":false,"type":"class","name":"or-line","namespace":"","comb":"","styleLess":"width: 100%; height: 1px; background-color: hsla(230, 22.16%, 76.88%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"83b8a08a-c20e-96d4-d818-fca589a77328","fake":false,"type":"class","name":"🌟 Show/hide Code","namespace":"","comb":"","styleLess":"max-width: 300px; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"52965c47-964c-d7d9-9521-4da039b6d478","fake":false,"type":"class","name":"not-email","namespace":"","comb":"","styleLess":"","variants":{},"children":["35b86f04-2ada-e7e9-c3b8-ae144db7f1ce"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e88923a","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b0934d9a-875a-bb42-0630-12090a77fbf1","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 1.25rem; padding-right: 1.875rem; padding-bottom: 1.2rem; padding-left: 1.875rem; justify-content: center; align-items: center; border-top-left-radius: 50vw; border-top-right-radius: 50vw; border-bottom-left-radius: 50vw; border-bottom-right-radius: 50vw; background-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: hsla(231.42857142857142, 0.00%, 100.00%, 1.00); font-size: 1.125rem; line-height: 1; font-weight: 500; text-align: center;","variants":{"main_hover":{"styleLess":"transform: translate(0px, -4px);"},"tiny":{"styleLess":"padding-top: 1.25rem; padding-bottom: 1.25rem;"}},"children":["b0934d9a-875a-bb42-0630-12090a77fcbf","3912df24-69f8-5634-d066-f25702453e58","9b47bbc4-1b1e-e0eb-bcff-06826a56977e","1b8ae01d-932f-6a92-b53b-96f81dc533c7","a5f2d4cb-6be8-0f10-ecc6-11c7359f094a","69058fe3-48bc-3167-f302-4972e86757ff","2fe7c160-e127-c5d9-1eb6-650443987ab8","a5e724be-4b79-f2e5-9c87-002787ccfa60","1eb29cf1-8d09-3aba-f593-dda6d6585e20"],"selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 0.5rem; flex-direction: column; align-items: flex-start;","variants":{},"children":["46b98fcc-484c-9d89-cf22-a5c45529456e"],"selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171bb","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(231.42857142857142, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 1rem;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-right-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-bottom-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); border-left-color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"},"tiny":{"styleLess":"font-size: 0.9rem;"}},"children":["0ccbe436-08b7-fa4c-a2a9-5dadfa2dd244","3c3585a8-7b39-7d98-69f4-40d2a877d53b","049950cc-fc52-6b14-32f3-b75053deec2a"],"selector":null},{"_id":"57a1c617-d123-7042-7f5b-feedb10778b8","fake":false,"type":"class","name":"or-row","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-bottom: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"66225d0f-e770-0d5b-ae5c-fe893e889238","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171b3","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(243.99999999999997, 91.16%, 64.51%, 1.00); font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["ae832da1-7d29-23d1-4094-263348fbcbc8"],"selector":null},{"_id":"46b98fcc-484c-9d89-cf22-a5c45529456b","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ae832da1-7d29-23d1-4094-263348fbcbc8","fake":false,"type":"class","name":"is-forgot-password","namespace":"","comb":"&","styleLess":"width: 100%; text-align: right;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8dfed4c-7389-eb4b-ed49-4264e9b171c0","fake":false,"type":"class","name":"content-wrap-center","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":["82e11cbd-f4fe-f824-a8a3-c562e2945f06","f500ffb0-3156-098d-580b-24e828bd1ffd"],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f3d4d287f0d_google.svg","siteId":"631f36b3dcdf08774497dc21","width":24,"isHD":false,"height":24,"fileName":"633c8e7d413a6f3d4d287f0d_google.svg","createdOn":"2022-10-04T19:50:21.011Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/631f36b3dcdf08774497dc21/633c8e7d413a6f3d4d287f0d_google.svg","thumbUrl":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f3d4d287f0d_google.svg","_id":"633c8e7d413a6f3d4d287f0d","updatedOn":"2022-10-04T19:50:21.157Z","fileSize":1307},{"cdnUrl":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","siteId":"631f36b3dcdf08774497dc21","width":24,"isHD":false,"height":24,"fileName":"633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","createdOn":"2022-10-04T19:50:21.016Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/631f36b3dcdf08774497dc21/633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/631f36b3dcdf08774497dc21/633c8e7d413a6f1ac6287f0e_close_black_24dp.svg","_id":"633c8e7d413a6f1ac6287f0e","updatedOn":"2022-10-04T19:50:21.120Z","fileSize":430}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
Chrome oder Safari.
Chrome oder Safari.
Über diese Komponente
AI-generiert
Komponentenbeschreibung (von AI generiert)
The Startup Login Form is a user-friendly component designed for easy user authentication, featuring both email and social media login options. It includes clear input fields and a sleek design to enhance user experience.
Wesentliche Merkmale:
- Email and password login functionality
- Social login option with Google
- Responsive Design für verschiedene Geräte geeignet
- Erfolgs- und Fehlermeldungen für Benutzer-Feedback
- Customizable styles for branding
Gestaltungselemente:
- Modern and clean layout
- Color scheme featuring soft blues and whites
- Rounded input fields and buttons
- Clear typography for labels and headings
- Icons for social media login options
Potenzielle Anwendungsfälle:
- Startups looking to implement user authentication on their websites
- Web applications requiring secure login features
- E-commerce platforms needing customer account access
- SaaS products that require user registration and login
- Portfolio websites that offer client access to private sections
Conclusion: The Startup Login Form is a versatile and visually appealing component that can be easily integrated into various web projects, making it an excellent choice for businesses aiming to streamline user authentication.
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.