Chargement du composant...

Chargement

Plus de composants

Voir tout
Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Signup Card 11
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374dfb","type":"Section","tag":"div","classes":["b63691e0-0f41-d4a8-b327-02f2eae7063e","d9d8aa03-d0de-4992-9454-8360e4059fd2"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374dfc"],"data":{"grid":{"type":"section"},"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374dfc","type":"Block","tag":"div","classes":["35b6f83c-6b86-0945-9624-84866bb7e863","67cc2247-62ff-b2e0-1660-e4aa6475393f"],"children":["90dcf66b-a87a-3809-f5bc-5863d7bfb5e9"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"90dcf66b-a87a-3809-f5bc-5863d7bfb5e9","type":"Block","tag":"div","classes":["6386c2ad-edad-b4f5-0a61-75263ef728bd"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374dfd"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374dfd","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2156","6010170a-f0c1-cc17-ad20-b8e6523f155a"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374dff","c47048cb-7915-87d3-c117-35cd809b1b14","e1168976-7d7e-0ff6-108f-eab7ca374e29"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374dff","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374e00"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e00","text":true,"v":"Create an account"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b14","type":"FormWrapper","tag":"div","classes":["633d2f0c-2f9a-3429-5e17-35775852ed18"],"children":["c47048cb-7915-87d3-c117-35cd809b1b15","c47048cb-7915-87d3-c117-35cd809b1b2b","c47048cb-7915-87d3-c117-35cd809b1b2e"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b15","type":"FormForm","tag":"form","classes":["54d7dac6-aab1-dbb9-f2df-a7db77f7c4fd"],"children":["c47048cb-7915-87d3-c117-35cd809b1b16","c47048cb-7915-87d3-c117-35cd809b1b18","c47048cb-7915-87d3-c117-35cd809b1b1a","c47048cb-7915-87d3-c117-35cd809b1b1b","a1a08c84-f9a9-9f56-f6b6-92768831804f","c47048cb-7915-87d3-c117-35cd809b1b2a"],"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":"c47048cb-7915-87d3-c117-35cd809b1b16","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e","61b7702c-19ed-526f-623e-7568729402d9"],"children":["c47048cb-7915-87d3-c117-35cd809b1b17"],"data":{"form":{"type":"label"},"attr":{"for":"Email","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b17","text":true,"v":"Email"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b18","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d","85128dca-1257-b8aa-627b-21df72904f8d"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@email.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1a","type":"HtmlEmbed","tag":"div","classes":["54d7dac6-aab1-dbb9-f2df-a7db77f7c4fa"],"children":[],"v":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n .email-input:valid ~ .password-wrap{\n \theight: 135px;\n }\n</style>","data":{"embed":{"type":"html","meta":{"html":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n .email-input:valid ~ .password-wrap{\n \theight: 135px;\n }\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1b","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["c47048cb-7915-87d3-c117-35cd809b1b1c","c47048cb-7915-87d3-c117-35cd809b1b1e"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1c","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e","61b7702c-19ed-526f-623e-7568729402d9"],"children":["c47048cb-7915-87d3-c117-35cd809b1b1d"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1d","text":true,"v":"Password"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1e","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Password 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Password","type":"password","id":"Password-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a1a08c84-f9a9-9f56-f6b6-92768831804f","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["11d312f9-9292-dfc5-5d64-c424f58839cb"],"data":{"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"xattr":[]}},{"_id":"11d312f9-9292-dfc5-5d64-c424f58839cb","type":"FormCheckboxWrapper","tag":"div","classes":["fb0c8c7f-755c-9c80-f41e-1a4d783e3355"],"children":["11d312f9-9292-dfc5-5d64-c424f58839cc","11d312f9-9292-dfc5-5d64-c424f58839cd"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"11d312f9-9292-dfc5-5d64-c424f58839cc","type":"FormCheckboxInput","tag":"input","classes":["54d7dac6-aab1-dbb9-f2df-a7db77f7c4f5"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox"},"xattr":[{"name":"data-ms-member","value":"PLACEHOLDER"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"11d312f9-9292-dfc5-5d64-c424f58839cd","type":"FormInlineLabel","tag":"label","classes":[],"children":["11d312f9-9292-dfc5-5d64-c424f58839ce","7058257e-0041-4f91-18ef-097ae1bf451e","2c4dd270-9b46-45c6-f9cd-950bdcd3c678","4e0fd173-4700-74f1-d054-46f70c0e7bf2"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"11d312f9-9292-dfc5-5d64-c424f58839ce","text":true,"v":"I agree to the "},{"_id":"7058257e-0041-4f91-18ef-097ae1bf451e","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["1cc4eae0-d9d6-3377-637d-609d8161d90e"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"1cc4eae0-d9d6-3377-637d-609d8161d90e","text":true,"v":"Terms of Service"},{"_id":"2c4dd270-9b46-45c6-f9cd-950bdcd3c678","text":true,"v":" and "},{"_id":"4e0fd173-4700-74f1-d054-46f70c0e7bf2","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["91dbe561-6ae4-9b87-545d-291ce9105896"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"91dbe561-6ae4-9b87-545d-291ce9105896","text":true,"v":"Privacy Policy"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2a","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":"c47048cb-7915-87d3-c117-35cd809b1b2b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["c47048cb-7915-87d3-c117-35cd809b1b2c"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2c","type":"Block","tag":"div","classes":[],"children":["c47048cb-7915-87d3-c117-35cd809b1b2d"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2e","type":"FormErrorMessage","tag":"div","classes":[],"children":["c47048cb-7915-87d3-c117-35cd809b1b2f"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2f","type":"Block","tag":"div","classes":[],"children":["c47048cb-7915-87d3-c117-35cd809b1b30"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b30","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e29","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2165"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374e2a"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e2a","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2161"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374e2b","e1168976-7d7e-0ff6-108f-eab7ca374e2c"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e2b","text":true,"v":"Have an account? "},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e2c","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374e2d"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e2d","text":true,"v":"Sign In"}],"styles":[{"_id":"54d7dac6-aab1-dbb9-f2df-a7db77f7c4f5","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 14px; height: 14px; margin-top: 3px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-color: hsla(230, 22.16%, 76.88%, 1.00);","variants":{"main_redirected-checked":{"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); background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"}},"children":[],"selector":null},{"_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":"54d7dac6-aab1-dbb9-f2df-a7db77f7c4fa","fake":false,"type":"class","name":"hidden-code-block","namespace":"","comb":"","styleLess":"overflow: hidden; height: 0px;","variants":{},"children":[],"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-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":"54d7dac6-aab1-dbb9-f2df-a7db77f7c4fd","fake":false,"type":"class","name":"form-field-wrapper","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 10px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; align-items: stretch; text-align: left;","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":"633d2f0c-2f9a-3429-5e17-35775852ed18","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"fb0c8c7f-755c-9c80-f41e-1a4d783e3355","fake":false,"type":"class","name":"check-field","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00);","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-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":"85128dca-1257-b8aa-627b-21df72904f8d","fake":false,"type":"class","name":"email-input","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"6386c2ad-edad-b4f5-0a61-75263ef728bd","fake":false,"type":"class","name":"border-wrap","namespace":"","comb":"","styleLess":"display: flex; width: auto; max-width: none; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: center; 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":{},"children":["f78da530-5376-f0df-a644-90e2192e4ba3"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d9d8aa03-d0de-4992-9454-8360e4059fd2","fake":false,"type":"class","name":"blue-bg","namespace":"","comb":"&","styleLess":"background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","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":"61b7702c-19ed-526f-623e-7568729402d9","fake":false,"type":"class","name":"static","namespace":"","comb":"&","styleLess":"position: static; margin-top: 10px; margin-bottom: 5px; padding-right: 0px; padding-left: 0px;","variants":{},"children":[],"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":"6010170a-f0c1-cc17-ad20-b8e6523f155a","fake":false,"type":"class","name":"left-align","namespace":"","comb":"&","styleLess":"align-items: flex-start; text-align: left;","variants":{},"children":[],"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}}
Cloner dans Webflow
Composant de copie
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374dfb","type":"Section","tag":"div","classes":["b63691e0-0f41-d4a8-b327-02f2eae7063e","d9d8aa03-d0de-4992-9454-8360e4059fd2"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374dfc"],"data":{"grid":{"type":"section"},"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374dfc","type":"Block","tag":"div","classes":["35b6f83c-6b86-0945-9624-84866bb7e863","67cc2247-62ff-b2e0-1660-e4aa6475393f"],"children":["90dcf66b-a87a-3809-f5bc-5863d7bfb5e9"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"90dcf66b-a87a-3809-f5bc-5863d7bfb5e9","type":"Block","tag":"div","classes":["6386c2ad-edad-b4f5-0a61-75263ef728bd"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374dfd"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374dfd","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2156","6010170a-f0c1-cc17-ad20-b8e6523f155a"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374dff","c47048cb-7915-87d3-c117-35cd809b1b14","e1168976-7d7e-0ff6-108f-eab7ca374e29"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374dff","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374e00"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e00","text":true,"v":"Create an account"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b14","type":"FormWrapper","tag":"div","classes":["633d2f0c-2f9a-3429-5e17-35775852ed18"],"children":["c47048cb-7915-87d3-c117-35cd809b1b15","c47048cb-7915-87d3-c117-35cd809b1b2b","c47048cb-7915-87d3-c117-35cd809b1b2e"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b15","type":"FormForm","tag":"form","classes":["54d7dac6-aab1-dbb9-f2df-a7db77f7c4fd"],"children":["c47048cb-7915-87d3-c117-35cd809b1b16","c47048cb-7915-87d3-c117-35cd809b1b18","c47048cb-7915-87d3-c117-35cd809b1b1a","c47048cb-7915-87d3-c117-35cd809b1b1b","a1a08c84-f9a9-9f56-f6b6-92768831804f","c47048cb-7915-87d3-c117-35cd809b1b2a"],"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":"c47048cb-7915-87d3-c117-35cd809b1b16","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e","61b7702c-19ed-526f-623e-7568729402d9"],"children":["c47048cb-7915-87d3-c117-35cd809b1b17"],"data":{"form":{"type":"label"},"attr":{"for":"Email","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b17","text":true,"v":"Email"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b18","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d","85128dca-1257-b8aa-627b-21df72904f8d"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"e.g. howard.thurman@email.com","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1a","type":"HtmlEmbed","tag":"div","classes":["54d7dac6-aab1-dbb9-f2df-a7db77f7c4fa"],"children":[],"v":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n .email-input:valid ~ .password-wrap{\n \theight: 135px;\n }\n</style>","data":{"embed":{"type":"html","meta":{"html":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n .email-input:valid ~ .password-wrap{\n \theight: 135px;\n }\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1b","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["c47048cb-7915-87d3-c117-35cd809b1b1c","c47048cb-7915-87d3-c117-35cd809b1b1e"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1c","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e","61b7702c-19ed-526f-623e-7568729402d9"],"children":["c47048cb-7915-87d3-c117-35cd809b1b1d"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1d","text":true,"v":"Password"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b1e","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Password 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Password","type":"password","id":"Password-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a1a08c84-f9a9-9f56-f6b6-92768831804f","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["11d312f9-9292-dfc5-5d64-c424f58839cb"],"data":{"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false,"xattr":[]}},{"_id":"11d312f9-9292-dfc5-5d64-c424f58839cb","type":"FormCheckboxWrapper","tag":"div","classes":["fb0c8c7f-755c-9c80-f41e-1a4d783e3355"],"children":["11d312f9-9292-dfc5-5d64-c424f58839cc","11d312f9-9292-dfc5-5d64-c424f58839cd"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"11d312f9-9292-dfc5-5d64-c424f58839cc","type":"FormCheckboxInput","tag":"input","classes":["54d7dac6-aab1-dbb9-f2df-a7db77f7c4f5"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox"},"xattr":[{"name":"data-ms-member","value":"PLACEHOLDER"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"11d312f9-9292-dfc5-5d64-c424f58839cd","type":"FormInlineLabel","tag":"label","classes":[],"children":["11d312f9-9292-dfc5-5d64-c424f58839ce","7058257e-0041-4f91-18ef-097ae1bf451e","2c4dd270-9b46-45c6-f9cd-950bdcd3c678","4e0fd173-4700-74f1-d054-46f70c0e7bf2"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"11d312f9-9292-dfc5-5d64-c424f58839ce","text":true,"v":"I agree to the "},{"_id":"7058257e-0041-4f91-18ef-097ae1bf451e","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["1cc4eae0-d9d6-3377-637d-609d8161d90e"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"1cc4eae0-d9d6-3377-637d-609d8161d90e","text":true,"v":"Terms of Service"},{"_id":"2c4dd270-9b46-45c6-f9cd-950bdcd3c678","text":true,"v":" and "},{"_id":"4e0fd173-4700-74f1-d054-46f70c0e7bf2","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["91dbe561-6ae4-9b87-545d-291ce9105896"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"91dbe561-6ae4-9b87-545d-291ce9105896","text":true,"v":"Privacy Policy"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2a","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":"c47048cb-7915-87d3-c117-35cd809b1b2b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["c47048cb-7915-87d3-c117-35cd809b1b2c"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2c","type":"Block","tag":"div","classes":[],"children":["c47048cb-7915-87d3-c117-35cd809b1b2d"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2e","type":"FormErrorMessage","tag":"div","classes":[],"children":["c47048cb-7915-87d3-c117-35cd809b1b2f"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b2f","type":"Block","tag":"div","classes":[],"children":["c47048cb-7915-87d3-c117-35cd809b1b30"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"c47048cb-7915-87d3-c117-35cd809b1b30","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e29","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2165"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374e2a"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e2a","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2161"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374e2b","e1168976-7d7e-0ff6-108f-eab7ca374e2c"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e2b","text":true,"v":"Have an account? "},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e2c","type":"Link","tag":"a","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2163"],"children":["e1168976-7d7e-0ff6-108f-eab7ca374e2d"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"e1168976-7d7e-0ff6-108f-eab7ca374e2d","text":true,"v":"Sign In"}],"styles":[{"_id":"54d7dac6-aab1-dbb9-f2df-a7db77f7c4f5","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 14px; height: 14px; margin-top: 3px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-color: hsla(230, 22.16%, 76.88%, 1.00);","variants":{"main_redirected-checked":{"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); background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"}},"children":[],"selector":null},{"_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":"54d7dac6-aab1-dbb9-f2df-a7db77f7c4fa","fake":false,"type":"class","name":"hidden-code-block","namespace":"","comb":"","styleLess":"overflow: hidden; height: 0px;","variants":{},"children":[],"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-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":"54d7dac6-aab1-dbb9-f2df-a7db77f7c4fd","fake":false,"type":"class","name":"form-field-wrapper","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 10px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; align-items: stretch; text-align: left;","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":"633d2f0c-2f9a-3429-5e17-35775852ed18","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"fb0c8c7f-755c-9c80-f41e-1a4d783e3355","fake":false,"type":"class","name":"check-field","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00);","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-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":"85128dca-1257-b8aa-627b-21df72904f8d","fake":false,"type":"class","name":"email-input","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"6386c2ad-edad-b4f5-0a61-75263ef728bd","fake":false,"type":"class","name":"border-wrap","namespace":"","comb":"","styleLess":"display: flex; width: auto; max-width: none; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: center; 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":{},"children":["f78da530-5376-f0df-a644-90e2192e4ba3"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"d9d8aa03-d0de-4992-9454-8360e4059fd2","fake":false,"type":"class","name":"blue-bg","namespace":"","comb":"&","styleLess":"background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","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":"61b7702c-19ed-526f-623e-7568729402d9","fake":false,"type":"class","name":"static","namespace":"","comb":"&","styleLess":"position: static; margin-top: 10px; margin-bottom: 5px; padding-right: 0px; padding-left: 0px;","variants":{},"children":[],"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":"6010170a-f0c1-cc17-ad20-b8e6523f155a","fake":false,"type":"class","name":"left-align","namespace":"","comb":"&","styleLess":"align-items: flex-start; text-align: left;","variants":{},"children":[],"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}}
Navigateur non pris en charge. Utilisez
CC Chrome ou SS Safari.

A propos de ce composant

Généré par l'IA

Description du composant (générée par l'IA)

Signup Card 11 is a visually appealing registration form designed to facilitate user account creation with a clean and modern interface.

Caractéristiques principales :

  • Conception adaptée à différents appareils
  • Comprend des champs pour la saisie de l'adresse électronique et du mot de passe
  • Checkbox for terms of service agreement
  • Success and error messages for user feedback
  • Customizable styles and classes

Éléments de conception :

  • Flexbox layout for alignment and spacing
  • Soft color palette with a blue background
  • Rounded corners and shadow effects for depth
  • Centered text alignment for a clean look

Cas d'utilisation potentiels :

  • Web applications requiring user registration
  • E-commerce sites needing customer account creation
  • SaaS platforms for onboarding new users
  • Event registration pages for collecting attendee information
  • Membership sites for user signups

Conclusion: Signup Card 11 is a versatile and stylish component that enhances user experience during the registration process, making it an excellent choice for various online platforms.

Commencer à construire

Commencez à construire vos rêves

Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.