Loading Component...

Loading

More Components

View All

Signup | Show Password 11

Clone in Webflow
Signup | Show Password 11
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5dacb417-533f-ed06-89a7-681c934dccdd","type":"Section","tag":"div","classes":["b63691e0-0f41-d4a8-b327-02f2eae7063e"],"children":["5dacb417-533f-ed06-89a7-681c934dccde"],"data":{"grid":{"type":"section"},"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccde","type":"Block","tag":"div","classes":["35b6f83c-6b86-0945-9624-84866bb7e863","67cc2247-62ff-b2e0-1660-e4aa6475393f"],"children":["5dacb417-533f-ed06-89a7-681c934dccdf","5dacb417-533f-ed06-89a7-681c934dcd21"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccdf","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2156"],"children":["5dacb417-533f-ed06-89a7-681c934dcce0","5dacb417-533f-ed06-89a7-681c934dcce1","5dacb417-533f-ed06-89a7-681c934dcce3","5dacb417-533f-ed06-89a7-681c934dcd1c"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce0","type":"HtmlEmbed","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2158"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewbox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","data":{"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" viewBox=\"0 0 24 24\" width=\"1000px\" fill=\"currentColor\">\n<rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M6.07,9.8c-0.2,0.2-0.2,0.51,0,0.71l0,0c1.07,1.07,1.16,2.75,0.28,3.92c-0.15,0.2-0.12,0.47,0.05,0.65 c0.22,0.22,0.57,0.19,0.76-0.05c1.07-1.43,1.06-3.43-0.04-4.85l7.62-7.62c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-5.13,5.13 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l6.54-6.54c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.54,6.54 c-0.2,0.2-0.2,0.51,0,0.71s0.51,0.2,0.71,0l5.48-5.48c0.49-0.49,1.28-0.49,1.77,0s0.49,1.28,0,1.77l-6.19,6.19 c-0.2,0.2-0.2,0.51,0,0.71c0.2,0.2,0.51,0.2,0.71,0l4.07-4.07c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77l-7.07,7.07 c-3.22,3.22-8.45,3.22-11.67,0s-3.22-8.45,0-11.67l4.6-4.6c0.49-0.49,1.28-0.49,1.77,0c0.49,0.49,0.49,1.28,0,1.77L6.07,9.8z M7,1.8 c0-0.41-0.34-0.75-0.75-0.75c-0.04,0-0.07,0-0.11,0.01c-2.63,0.38-4.7,2.46-5.08,5.08c0,0.03-0.01,0.07-0.01,0.11 C1.05,6.66,1.39,7,1.8,7c0.38,0,0.69-0.28,0.74-0.64c0.28-1.97,1.84-3.53,3.81-3.81C6.72,2.49,7,2.18,7,1.8z M17,22.2 c0,0.41,0.34,0.75,0.75,0.75c0.04,0,0.07,0,0.11-0.01c2.63-0.38,4.7-2.46,5.08-5.08c0-0.03,0.01-0.07,0.01-0.11 c0-0.41-0.34-0.75-0.75-0.75c-0.38,0-0.69,0.28-0.74,0.64c-0.28,1.97-1.84,3.53-3.81,3.81C17.28,21.51,17,21.82,17,22.2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce1","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["5dacb417-533f-ed06-89a7-681c934dcce2"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce2","text":true,"v":"Create an account"},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce3","type":"FormWrapper","tag":"div","classes":["633d2f0c-2f9a-3429-5e17-35775852ed18"],"children":["5dacb417-533f-ed06-89a7-681c934dcce4","5dacb417-533f-ed06-89a7-681c934dcd16","5dacb417-533f-ed06-89a7-681c934dcd19"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce4","type":"FormForm","tag":"form","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2159"],"children":["d19bd323-c91f-a786-34fe-55bfe3ad2831","5dacb417-533f-ed06-89a7-681c934dcce5","5dacb417-533f-ed06-89a7-681c934dcce9","5dacb417-533f-ed06-89a7-681c934dccfa","5dacb417-533f-ed06-89a7-681c934dcd15"],"data":{"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"Source":{"tag":"Default form","val":{}},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2831","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["d19bd323-c91f-a786-34fe-55bfe3ad2832","d19bd323-c91f-a786-34fe-55bfe3ad2836"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2832","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["d19bd323-c91f-a786-34fe-55bfe3ad2833","d19bd323-c91f-a786-34fe-55bfe3ad2835"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2833","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["d19bd323-c91f-a786-34fe-55bfe3ad2834"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2834","text":true,"v":"First Name"},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2835","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"First Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"e.g. Howard","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2836","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["d19bd323-c91f-a786-34fe-55bfe3ad2837","d19bd323-c91f-a786-34fe-55bfe3ad2839"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2837","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["d19bd323-c91f-a786-34fe-55bfe3ad2838"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2838","text":true,"v":"Last Name"},{"_id":"d19bd323-c91f-a786-34fe-55bfe3ad2839","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Last Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"e.g. Thurman","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce5","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["5dacb417-533f-ed06-89a7-681c934dcce6","5dacb417-533f-ed06-89a7-681c934dcce8"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce6","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["5dacb417-533f-ed06-89a7-681c934dcce7"],"data":{"form":{"type":"label"},"attr":{"for":"Email","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce7","text":true,"v":"Email"},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce8","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcce9","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["5dacb417-533f-ed06-89a7-681c934dccea","5dacb417-533f-ed06-89a7-681c934dccec","5dacb417-533f-ed06-89a7-681c934dcced"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccea","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["5dacb417-533f-ed06-89a7-681c934dcceb"],"data":{"form":{"type":"label"},"attr":{"for":"Password","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcceb","text":true,"v":"Password"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccec","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcced","type":"TabsWrapper","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215c"],"children":["5dacb417-533f-ed06-89a7-681c934dccee","5dacb417-533f-ed06-89a7-681c934dccf7"],"data":{"tabs":{"type":"wrapper","current":"Show","easing":"ease","fadeIn":300,"fadeOut":100},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccee","type":"TabsMenu","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccef","5dacb417-533f-ed06-89a7-681c934dccf3"],"data":{"tag":"div","tabs":{"type":"menu"},"attr":{"id":"transformButton"},"xattr":[{"name":"data-transform","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccef","type":"TabsLink","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2157"],"children":["5dacb417-533f-ed06-89a7-681c934dccf0","5dacb417-533f-ed06-89a7-681c934dccf1"],"data":{"block":"inline","tabs":{"type":"link"},"attr":{"data-w-tab":"Show","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf0","type":"HtmlEmbed","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2164"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" 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":{"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" 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"},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf1","type":"Block","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccf2"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf2","text":true,"v":"Hide"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf3","type":"TabsLink","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2157"],"children":["5dacb417-533f-ed06-89a7-681c934dccf4","5dacb417-533f-ed06-89a7-681c934dccf5"],"data":{"block":"inline","tabs":{"type":"link"},"attr":{"data-w-tab":"Hide","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf4","type":"HtmlEmbed","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2164"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" 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":{"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"auto\" 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"},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf5","type":"Block","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dccf6"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf6","text":true,"v":"Show"},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf7","type":"TabsContent","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215a"],"children":["5dacb417-533f-ed06-89a7-681c934dccf8","5dacb417-533f-ed06-89a7-681c934dccf9"],"data":{"tag":"div","tabs":{"type":"content"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf8","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"tag":"div","tabs":{"type":"pane"},"attr":{"data-w-tab":"Show","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccf9","type":"TabsPane","tag":"div","classes":[],"children":[],"data":{"tag":"div","tabs":{"type":"pane"},"attr":{"data-w-tab":"Hide","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dccfa","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd15","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","8c446ac4-3184-9859-3ae8-a84aa836fb30"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Sign Up","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd16","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dcd17"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd17","type":"Block","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dcd18"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd18","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd19","type":"FormErrorMessage","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dcd1a"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd1a","type":"Block","tag":"div","classes":[],"children":["5dacb417-533f-ed06-89a7-681c934dcd1b"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd1b","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd1c","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2165"],"children":["5dacb417-533f-ed06-89a7-681c934dcd1d"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd1d","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2161"],"children":["5dacb417-533f-ed06-89a7-681c934dcd1e","5dacb417-533f-ed06-89a7-681c934dcd1f"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd1e","text":true,"v":"Have an account? "},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd1f","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["5dacb417-533f-ed06-89a7-681c934dcd20"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd20","text":true,"v":"Sign In"},{"_id":"5dacb417-533f-ed06-89a7-681c934dcd21","type":"HtmlEmbed","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215f"],"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":{"embed":{"type":"html","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,"iframe":false,"script":true,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2163","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["25637cc0-e259-47f5-5d30-f85789ba9765"],"selector":null},{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2167","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":["41a35abb-8f5c-62bb-fe37-0c6149af216a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2165","fake":false,"type":"class","name":"flex-row-center","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":["8b922bc3-614c-d7eb-03d2-5e73fe69fd02"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2161","fake":false,"type":"class","name":"faint-text","namespace":"","comb":"","styleLess":"color: hsla(225, 0.00%, 0.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2159","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2157","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;"}},"children":[],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215f","fake":false,"type":"class","name":"🌟 Show/hide Code","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"8c446ac4-3184-9859-3ae8-a84aa836fb30","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"display: flex; width: 100%; height: 48px; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215a","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null},{"_id":"633d2f0c-2f9a-3429-5e17-35775852ed18","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"67cc2247-62ff-b2e0-1660-e4aa6475393f","fake":false,"type":"class","name":"100-p-width","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2158","fake":false,"type":"class","name":"large-icon","namespace":"","comb":"","styleLess":"display: flex; width: 50px; height: 50px; min-height: 50px; min-width: 50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(235, 100.00%, 97.54%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{"small":{"styleLess":"width: 36px;"}},"children":["b3fbf8e9-ecfe-8a88-3108-8cd924f0d002","a6ade597-1955-3596-ef95-2268bf6180d9"],"selector":null},{"_id":"3a8e6476-20fd-8bf1-d742-ebe54d706e8f","fake":false,"type":"class","name":"15p-right","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","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(243, 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: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215c","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":"41a35abb-8f5c-62bb-fe37-0c6149af2164","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":"41a35abb-8f5c-62bb-fe37-0c6149af2156","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; padding-right: 0px; padding-left: 0px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["6010170a-f0c1-cc17-ad20-b8e6523f155a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","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: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"selector":null},{"_id":"35b6f83c-6b86-0945-9624-84866bb7e863","fake":false,"type":"class","name":"content-wrap-center","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":["56d438fd-221e-b981-a529-83d02475c54a","67cc2247-62ff-b2e0-1660-e4aa6475393f"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"b63691e0-0f41-d4a8-b327-02f2eae7063e","fake":false,"type":"class","name":"main-section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 100px; padding-right: 5%; padding-bottom: 100px; padding-left: 5%; flex-direction: column; align-items: center;","variants":{},"children":["8e96678a-a8d5-daf1-9c96-5606f240ea10","d9d8aa03-d0de-4992-9454-8360e4059fd2","7b80cf08-5d0c-afcf-5675-d6bd4a2a1780","7a397730-1450-e6d8-5dad-abbcbadfd0e5"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b"],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

More Signup Components

View All

More #11 - Generic SaaS Template Components

View All