Chargement du composant...

Chargement

Plus de composants

Voir tout
Une partie de

Skincare Themed Signup Screen

Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Skincare Themed Signup Screen
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"06cc99aa-2098-bdbd-615f-0971f04d5510","type":"Section","tag":"section","classes":["eb424b5a-5334-625e-9eb8-597e8ceb3798"],"children":["bb38dca2-d7e3-cb39-e373-f884f84d65fc","1080ccd4-8d4c-a950-90b4-33f7b7b837c2"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"bb38dca2-d7e3-cb39-e373-f884f84d65fc","type":"Block","tag":"div","classes":["0afbada9-c8d9-c91d-807a-2a291375b0e0"],"children":["bb7822ac-aa93-82d9-7774-7265a9917cef","f252a1ca-1468-2238-7826-c39d0b92ca91"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bb7822ac-aa93-82d9-7774-7265a9917cef","type":"Block","tag":"div","classes":["f5cf06bd-7014-0319-ce43-34d37b963b9e"],"children":["05898ebb-dcdd-4e6b-0e83-4b3bfa39b1d9","b054c0e3-6b08-b5f9-cae5-93f2f7f6024b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05898ebb-dcdd-4e6b-0e83-4b3bfa39b1d9","type":"Heading","tag":"h1","classes":["1651e2ea-77fd-af06-d2d4-7b8aa7c2b6b5"],"children":["05898ebb-dcdd-4e6b-0e83-4b3bfa39b1da"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"05898ebb-dcdd-4e6b-0e83-4b3bfa39b1da","text":true,"v":"Find a skincare routine that works."},{"_id":"b054c0e3-6b08-b5f9-cae5-93f2f7f6024b","type":"Paragraph","tag":"p","classes":["95132915-2162-0441-db60-d04f98140860"],"children":["b054c0e3-6b08-b5f9-cae5-93f2f7f6024c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b054c0e3-6b08-b5f9-cae5-93f2f7f6024c","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla"},{"_id":"f252a1ca-1468-2238-7826-c39d0b92ca91","type":"Image","tag":"img","classes":["53966b68-c427-9761-f950-5ea669c829f5"],"children":[],"data":{"img":{"id":"64958e24c6f2b79e11259adb","sizes":[{"max":991,"size":"100vw"},{"max":10000,"size":"50vw"}]},"attr":{"src":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328.jpg","loading":"lazy","width":"auto","height":"auto","id":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1080ccd4-8d4c-a950-90b4-33f7b7b837c2","type":"Block","tag":"div","classes":["e61070a8-25de-22b6-b0b6-c5a51197280b"],"children":["1080ccd4-8d4c-a950-90b4-33f7b7b837c3","1080ccd4-8d4c-a950-90b4-33f7b7b837c8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1080ccd4-8d4c-a950-90b4-33f7b7b837c3","type":"Block","tag":"div","classes":["f5cf06bd-7014-0319-ce43-34d37b963b9e","ad7baba8-99bd-fd65-8dba-d8c287f94443"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd5fd"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd5fd","type":"FormWrapper","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb39"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd5fe","dc391c7f-828b-6520-3a52-9ac7dd1dd60f","dc391c7f-828b-6520-3a52-9ac7dd1dd612"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd5fe","type":"FormForm","tag":"form","classes":["17052a59-1c99-903a-cc7d-c272f00bcb40"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd5ff","dc391c7f-828b-6520-3a52-9ac7dd1dd603","dc391c7f-828b-6520-3a52-9ac7dd1dd605","dc391c7f-828b-6520-3a52-9ac7dd1dd607","dc391c7f-828b-6520-3a52-9ac7dd1dd60a","dc391c7f-828b-6520-3a52-9ac7dd1dd60b"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd5ff","type":"Heading","tag":"h2","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3a"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd600"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd600","text":true,"v":"Create a free account"},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd603","type":"Block","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb38"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd604"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd604","type":"FormTextInput","tag":"input","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3f"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"Enter your name","type":"email","id":"Email-3","disabled":false,"required":false},"form":{"name":"Email 3","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd605","type":"Block","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb38"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd606"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd606","type":"FormTextInput","tag":"input","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3f"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Enter your email","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd607","type":"Block","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb38"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd608","dc391c7f-828b-6520-3a52-9ac7dd1dd609"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd608","type":"FormTextInput","tag":"input","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3f"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd609","type":"Block","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3e"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60a","type":"FormButton","tag":"input","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3b"],"children":[],"data":{"attr":{"type":"submit","value":"Sign up","data-wait":"Please wait...","id":""},"form":{"type":"button"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60b","type":"Link","tag":"a","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3b","17052a59-1c99-903a-cc7d-c272f00bcb41"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd60c","dc391c7f-828b-6520-3a52-9ac7dd1dd60d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60c","type":"Image","tag":"img","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3c"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958ea6d34ea0dba20a9292_google.svg","loading":"lazy","width":20,"height":"auto","id":""},"img":{"id":"64958ea6d34ea0dba20a9292"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60d","type":"Paragraph","tag":"p","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd60e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60e","text":true,"v":"Continue with Google"},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60f","type":"FormSuccessMessage","tag":"div","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd610"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd610","type":"Block","tag":"div","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd611"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd611","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd612","type":"FormErrorMessage","tag":"div","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd613"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd613","type":"Block","tag":"div","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd614"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd614","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"1080ccd4-8d4c-a950-90b4-33f7b7b837c8","type":"Image","tag":"img","classes":["53966b68-c427-9761-f950-5ea669c829f5"],"children":[],"data":{"img":{"id":"64958e627c779f4ff01add59","sizes":[{"max":479,"size":"96vw"},{"max":767,"size":"95vw"},{"max":991,"size":"96vw"},{"max":10000,"size":"50vw"}]},"attr":{"src":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096.jpg","loading":"lazy","width":"auto","height":"auto","id":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb39","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"small":{"styleLess":"width: 90%;"},"tiny":{"styleLess":"width: 100%; padding-right: 0px; padding-left: 0px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"53966b68-c427-9761-f950-5ea669c829f5","fake":false,"type":"class","name":"image","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 85%; border-top-style: solid; border-top-width: 15px; border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-style: solid; border-right-width: 15px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-style: solid; border-bottom-width: 15px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-width: 15px; border-left-color: hsla(0, 0.00%, 100.00%, 1.00); object-fit: cover;","variants":{"medium":{"styleLess":"height: 75%;"},"tiny":{"styleLess":"margin-top: 100px; border-top-width: 10px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb41","fake":false,"type":"class","name":"social","namespace":"","comb":"&","styleLess":"display: flex; margin-top: 15px; margin-bottom: 0px; justify-content: center; align-items: center; grid-column-gap: 13px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); background-color: hsla(0, 0.00%, 100.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(357.89473684210526, 96.61%, 11.57%, 1.00);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"95132915-2162-0441-db60-d04f98140860","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 0px; font-size: 16px; line-height: 1.6; font-weight: 200;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb40","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1651e2ea-77fd-af06-d2d4-7b8aa7c2b6b5","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; font-family: Playfair Display; font-size: 45px; line-height: 1.3; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3e","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3c","fake":false,"type":"class","name":"google","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3a","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-family: Playfair Display; font-size: 31px; line-height: 1.3; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"f5cf06bd-7014-0319-ce43-34d37b963b9e","fake":false,"type":"class","name":"content-block","namespace":"","comb":"","styleLess":"position: absolute; top: 0px; z-index: 1; width: 80%; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-style: solid; border-top-width: 15px; border-top-color: hsla(0, 83.33%, 97.65%, 1.00); border-right-style: solid; border-right-width: 15px; border-right-color: hsla(0, 83.33%, 97.65%, 1.00); border-bottom-style: solid; border-bottom-width: 15px; border-bottom-color: hsla(0, 83.33%, 97.65%, 1.00); border-left-style: solid; border-left-width: 15px; border-left-color: hsla(0, 83.33%, 97.65%, 1.00); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["ad7baba8-99bd-fd65-8dba-d8c287f94443"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"eb424b5a-5334-625e-9eb8-597e8ceb3798","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: flex; height: 90vh; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: space-between; grid-column-gap: 20px;","variants":{"medium":{"styleLess":"flex-direction: column;"},"tiny":{"styleLess":"height: auto; padding-right: 10px; padding-left: 10px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb38","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3f","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; border-top-style: none; border-top-width: 1.5px; border-top-color: hsla(0, 0.00%, 90.59%, 1.00); border-right-style: none; border-right-width: 1.5px; border-right-color: hsla(0, 0.00%, 90.59%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.59%, 1.00); border-left-style: none; border-left-width: 1.5px; border-left-color: hsla(0, 0.00%, 90.59%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; font-weight: 300;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ad7baba8-99bd-fd65-8dba-d8c287f94443","fake":false,"type":"class","name":"form","namespace":"","comb":"&","styleLess":"top: auto; bottom: 0px;","variants":{"medium":{"styleLess":"top: 0px; bottom: auto;"},"small":{"styleLess":"width: 90%;"},"tiny":{"styleLess":"padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-width: 10px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0afbada9-c8d9-c91d-807a-2a291375b0e0","fake":false,"type":"class","name":"left","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 50%; flex-direction: column; justify-content: flex-end; align-items: center;","variants":{"medium":{"styleLess":"display: none; width: 100%;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e61070a8-25de-22b6-b0b6-c5a51197280b","fake":false,"type":"class","name":"right","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 50%; flex-direction: column; justify-content: flex-start; align-items: center;","variants":{"medium":{"styleLess":"width: 100%; justify-content: flex-end;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3b","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; font-size: 16px; font-weight: 300; text-decoration: none;","variants":{},"children":["17052a59-1c99-903a-cc7d-c272f00bcb41","47eceba8-71d2-4914-1407-6056a021e1f0"],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328.jpg","siteId":"64958b85ad3aa0c1f3af6a5f","width":1920,"isHD":false,"height":2880,"fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328.jpg","createdOn":"2023-06-23T12:20:52.652Z","origFileName":"pexels-karolina-grabowska-4202328.jpg","fileHash":"47481a2f83db91d93d6eb8bf1b5cca51","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-500.jpg","origFileName":"pexels-karolina-grabowska-4202328-p-500.jpg","fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-500.jpg","size":16075,"format":"jpg","width":500,"quality":100,"_id":"64958e2735a4b63827556c7a","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-800.jpg","origFileName":"pexels-karolina-grabowska-4202328-p-800.jpg","fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-800.jpg","size":33461,"format":"jpg","width":800,"quality":100,"_id":"64958e2735a4b63827556c7b","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1080.jpg","origFileName":"pexels-karolina-grabowska-4202328-p-1080.jpg","fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1080.jpg","size":54046,"format":"jpg","width":1080,"quality":100,"_id":"64958e2735a4b63827556c7c","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1600.jpg","origFileName":"pexels-karolina-grabowska-4202328-p-1600.jpg","fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1600.jpg","size":99963,"format":"jpg","width":1600,"quality":100,"_id":"64958e2735a4b63827556c7d","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328.jpg","thumbUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-130x130q80.jpg","_id":"64958e24c6f2b79e11259adb","updatedOn":"2023-07-03T07:30:07.856Z","fileSize":179396},{"cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958ea6d34ea0dba20a9292_google.svg","siteId":"64958b85ad3aa0c1f3af6a5f","width":25,"isHD":false,"height":25,"fileName":"64958ea6d34ea0dba20a9292_google.svg","createdOn":"2023-06-23T12:23:02.303Z","origFileName":"google.svg","fileHash":"91ee5a9327706079f6f40eda7b2a7509","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958ea6d34ea0dba20a9292_google.svg","thumbUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958ea6d34ea0dba20a9292_google.svg","_id":"64958ea6d34ea0dba20a9292","updatedOn":"2023-06-23T12:23:02.414Z","fileSize":1190},{"cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096.jpg","siteId":"64958b85ad3aa0c1f3af6a5f","width":1920,"isHD":false,"height":2880,"fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096.jpg","createdOn":"2023-06-23T12:21:54.204Z","origFileName":"pexels-mohammadreza-babaei-15327096.jpg","fileHash":"53d8140ddf371b329cbb7ec116bc8286","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-500.jpg","origFileName":"pexels-mohammadreza-babaei-15327096-p-500.jpg","fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-500.jpg","size":66510,"format":"jpg","width":500,"quality":100,"_id":"64958e677c779f4ff01ae090","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-800.jpg","origFileName":"pexels-mohammadreza-babaei-15327096-p-800.jpg","fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-800.jpg","size":176258,"format":"jpg","width":800,"quality":100,"_id":"64958e677c779f4ff01ae091","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1080.jpg","origFileName":"pexels-mohammadreza-babaei-15327096-p-1080.jpg","fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1080.jpg","size":317519,"format":"jpg","width":1080,"quality":100,"_id":"64958e677c779f4ff01ae092","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1600.jpg","origFileName":"pexels-mohammadreza-babaei-15327096-p-1600.jpg","fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1600.jpg","size":655802,"format":"jpg","width":1600,"quality":100,"_id":"64958e677c779f4ff01ae093","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096.jpg","thumbUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-130x130q80.jpg","_id":"64958e627c779f4ff01add59","updatedOn":"2023-07-03T07:30:07.854Z","fileSize":1179460}],"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":"06cc99aa-2098-bdbd-615f-0971f04d5510","type":"Section","tag":"section","classes":["eb424b5a-5334-625e-9eb8-597e8ceb3798"],"children":["bb38dca2-d7e3-cb39-e373-f884f84d65fc","1080ccd4-8d4c-a950-90b4-33f7b7b837c2"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"bb38dca2-d7e3-cb39-e373-f884f84d65fc","type":"Block","tag":"div","classes":["0afbada9-c8d9-c91d-807a-2a291375b0e0"],"children":["bb7822ac-aa93-82d9-7774-7265a9917cef","f252a1ca-1468-2238-7826-c39d0b92ca91"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bb7822ac-aa93-82d9-7774-7265a9917cef","type":"Block","tag":"div","classes":["f5cf06bd-7014-0319-ce43-34d37b963b9e"],"children":["05898ebb-dcdd-4e6b-0e83-4b3bfa39b1d9","b054c0e3-6b08-b5f9-cae5-93f2f7f6024b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"05898ebb-dcdd-4e6b-0e83-4b3bfa39b1d9","type":"Heading","tag":"h1","classes":["1651e2ea-77fd-af06-d2d4-7b8aa7c2b6b5"],"children":["05898ebb-dcdd-4e6b-0e83-4b3bfa39b1da"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"05898ebb-dcdd-4e6b-0e83-4b3bfa39b1da","text":true,"v":"Find a skincare routine that works."},{"_id":"b054c0e3-6b08-b5f9-cae5-93f2f7f6024b","type":"Paragraph","tag":"p","classes":["95132915-2162-0441-db60-d04f98140860"],"children":["b054c0e3-6b08-b5f9-cae5-93f2f7f6024c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b054c0e3-6b08-b5f9-cae5-93f2f7f6024c","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla"},{"_id":"f252a1ca-1468-2238-7826-c39d0b92ca91","type":"Image","tag":"img","classes":["53966b68-c427-9761-f950-5ea669c829f5"],"children":[],"data":{"img":{"id":"64958e24c6f2b79e11259adb","sizes":[{"max":991,"size":"100vw"},{"max":10000,"size":"50vw"}]},"attr":{"src":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328.jpg","loading":"lazy","width":"auto","height":"auto","id":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"1080ccd4-8d4c-a950-90b4-33f7b7b837c2","type":"Block","tag":"div","classes":["e61070a8-25de-22b6-b0b6-c5a51197280b"],"children":["1080ccd4-8d4c-a950-90b4-33f7b7b837c3","1080ccd4-8d4c-a950-90b4-33f7b7b837c8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1080ccd4-8d4c-a950-90b4-33f7b7b837c3","type":"Block","tag":"div","classes":["f5cf06bd-7014-0319-ce43-34d37b963b9e","ad7baba8-99bd-fd65-8dba-d8c287f94443"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd5fd"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd5fd","type":"FormWrapper","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb39"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd5fe","dc391c7f-828b-6520-3a52-9ac7dd1dd60f","dc391c7f-828b-6520-3a52-9ac7dd1dd612"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd5fe","type":"FormForm","tag":"form","classes":["17052a59-1c99-903a-cc7d-c272f00bcb40"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd5ff","dc391c7f-828b-6520-3a52-9ac7dd1dd603","dc391c7f-828b-6520-3a52-9ac7dd1dd605","dc391c7f-828b-6520-3a52-9ac7dd1dd607","dc391c7f-828b-6520-3a52-9ac7dd1dd60a","dc391c7f-828b-6520-3a52-9ac7dd1dd60b"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd5ff","type":"Heading","tag":"h2","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3a"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd600"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd600","text":true,"v":"Create a free account"},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd603","type":"Block","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb38"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd604"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd604","type":"FormTextInput","tag":"input","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3f"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"Enter your name","type":"email","id":"Email-3","disabled":false,"required":false},"form":{"name":"Email 3","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd605","type":"Block","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb38"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd606"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd606","type":"FormTextInput","tag":"input","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3f"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Enter your email","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd607","type":"Block","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb38"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd608","dc391c7f-828b-6520-3a52-9ac7dd1dd609"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd608","type":"FormTextInput","tag":"input","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3f"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd609","type":"Block","tag":"div","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3e"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60a","type":"FormButton","tag":"input","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3b"],"children":[],"data":{"attr":{"type":"submit","value":"Sign up","data-wait":"Please wait...","id":""},"form":{"type":"button"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60b","type":"Link","tag":"a","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3b","17052a59-1c99-903a-cc7d-c272f00bcb41"],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd60c","dc391c7f-828b-6520-3a52-9ac7dd1dd60d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60c","type":"Image","tag":"img","classes":["17052a59-1c99-903a-cc7d-c272f00bcb3c"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958ea6d34ea0dba20a9292_google.svg","loading":"lazy","width":20,"height":"auto","id":""},"img":{"id":"64958ea6d34ea0dba20a9292"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60d","type":"Paragraph","tag":"p","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd60e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60e","text":true,"v":"Continue with Google"},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd60f","type":"FormSuccessMessage","tag":"div","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd610"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd610","type":"Block","tag":"div","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd611"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd611","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd612","type":"FormErrorMessage","tag":"div","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd613"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd613","type":"Block","tag":"div","classes":[],"children":["dc391c7f-828b-6520-3a52-9ac7dd1dd614"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc391c7f-828b-6520-3a52-9ac7dd1dd614","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"1080ccd4-8d4c-a950-90b4-33f7b7b837c8","type":"Image","tag":"img","classes":["53966b68-c427-9761-f950-5ea669c829f5"],"children":[],"data":{"img":{"id":"64958e627c779f4ff01add59","sizes":[{"max":479,"size":"96vw"},{"max":767,"size":"95vw"},{"max":991,"size":"96vw"},{"max":10000,"size":"50vw"}]},"attr":{"src":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096.jpg","loading":"lazy","width":"auto","height":"auto","id":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb39","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"small":{"styleLess":"width: 90%;"},"tiny":{"styleLess":"width: 100%; padding-right: 0px; padding-left: 0px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"53966b68-c427-9761-f950-5ea669c829f5","fake":false,"type":"class","name":"image","namespace":"","comb":"","styleLess":"position: relative; width: 100%; height: 85%; border-top-style: solid; border-top-width: 15px; border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-style: solid; border-right-width: 15px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-style: solid; border-bottom-width: 15px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-width: 15px; border-left-color: hsla(0, 0.00%, 100.00%, 1.00); object-fit: cover;","variants":{"medium":{"styleLess":"height: 75%;"},"tiny":{"styleLess":"margin-top: 100px; border-top-width: 10px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb41","fake":false,"type":"class","name":"social","namespace":"","comb":"&","styleLess":"display: flex; margin-top: 15px; margin-bottom: 0px; justify-content: center; align-items: center; grid-column-gap: 13px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); background-color: hsla(0, 0.00%, 100.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(357.89473684210526, 96.61%, 11.57%, 1.00);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"95132915-2162-0441-db60-d04f98140860","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 0px; font-size: 16px; line-height: 1.6; font-weight: 200;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb40","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"1651e2ea-77fd-af06-d2d4-7b8aa7c2b6b5","fake":false,"type":"class","name":"h1","namespace":"","comb":"","styleLess":"margin-top: 0px; font-family: Playfair Display; font-size: 45px; line-height: 1.3; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3e","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3c","fake":false,"type":"class","name":"google","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3a","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-family: Playfair Display; font-size: 31px; line-height: 1.3; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"f5cf06bd-7014-0319-ce43-34d37b963b9e","fake":false,"type":"class","name":"content-block","namespace":"","comb":"","styleLess":"position: absolute; top: 0px; z-index: 1; width: 80%; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-style: solid; border-top-width: 15px; border-top-color: hsla(0, 83.33%, 97.65%, 1.00); border-right-style: solid; border-right-width: 15px; border-right-color: hsla(0, 83.33%, 97.65%, 1.00); border-bottom-style: solid; border-bottom-width: 15px; border-bottom-color: hsla(0, 83.33%, 97.65%, 1.00); border-left-style: solid; border-left-width: 15px; border-left-color: hsla(0, 83.33%, 97.65%, 1.00); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["ad7baba8-99bd-fd65-8dba-d8c287f94443"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"eb424b5a-5334-625e-9eb8-597e8ceb3798","fake":false,"type":"class","name":"section_big","namespace":"","comb":"","styleLess":"display: flex; height: 90vh; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: space-between; grid-column-gap: 20px;","variants":{"medium":{"styleLess":"flex-direction: column;"},"tiny":{"styleLess":"height: auto; padding-right: 10px; padding-left: 10px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb38","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3f","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; border-top-style: none; border-top-width: 1.5px; border-top-color: hsla(0, 0.00%, 90.59%, 1.00); border-right-style: none; border-right-width: 1.5px; border-right-color: hsla(0, 0.00%, 90.59%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.59%, 1.00); border-left-style: none; border-left-width: 1.5px; border-left-color: hsla(0, 0.00%, 90.59%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; font-weight: 300;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ad7baba8-99bd-fd65-8dba-d8c287f94443","fake":false,"type":"class","name":"form","namespace":"","comb":"&","styleLess":"top: auto; bottom: 0px;","variants":{"medium":{"styleLess":"top: 0px; bottom: auto;"},"small":{"styleLess":"width: 90%;"},"tiny":{"styleLess":"padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-width: 10px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0afbada9-c8d9-c91d-807a-2a291375b0e0","fake":false,"type":"class","name":"left","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 50%; flex-direction: column; justify-content: flex-end; align-items: center;","variants":{"medium":{"styleLess":"display: none; width: 100%;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e61070a8-25de-22b6-b0b6-c5a51197280b","fake":false,"type":"class","name":"right","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 50%; flex-direction: column; justify-content: flex-start; align-items: center;","variants":{"medium":{"styleLess":"width: 100%; justify-content: flex-end;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"17052a59-1c99-903a-cc7d-c272f00bcb3b","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(33.00000000000001, 17.09%, 45.88%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; font-size: 16px; font-weight: 300; text-decoration: none;","variants":{},"children":["17052a59-1c99-903a-cc7d-c272f00bcb41","47eceba8-71d2-4914-1407-6056a021e1f0"],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328.jpg","siteId":"64958b85ad3aa0c1f3af6a5f","width":1920,"isHD":false,"height":2880,"fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328.jpg","createdOn":"2023-06-23T12:20:52.652Z","origFileName":"pexels-karolina-grabowska-4202328.jpg","fileHash":"47481a2f83db91d93d6eb8bf1b5cca51","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-500.jpg","origFileName":"pexels-karolina-grabowska-4202328-p-500.jpg","fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-500.jpg","size":16075,"format":"jpg","width":500,"quality":100,"_id":"64958e2735a4b63827556c7a","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-800.jpg","origFileName":"pexels-karolina-grabowska-4202328-p-800.jpg","fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-800.jpg","size":33461,"format":"jpg","width":800,"quality":100,"_id":"64958e2735a4b63827556c7b","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1080.jpg","origFileName":"pexels-karolina-grabowska-4202328-p-1080.jpg","fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1080.jpg","size":54046,"format":"jpg","width":1080,"quality":100,"_id":"64958e2735a4b63827556c7c","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1600.jpg","origFileName":"pexels-karolina-grabowska-4202328-p-1600.jpg","fileName":"64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1600.jpg","size":99963,"format":"jpg","width":1600,"quality":100,"_id":"64958e2735a4b63827556c7d","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-1600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328.jpg","thumbUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e24c6f2b79e11259adb_pexels-karolina-grabowska-4202328-p-130x130q80.jpg","_id":"64958e24c6f2b79e11259adb","updatedOn":"2023-07-03T07:30:07.856Z","fileSize":179396},{"cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958ea6d34ea0dba20a9292_google.svg","siteId":"64958b85ad3aa0c1f3af6a5f","width":25,"isHD":false,"height":25,"fileName":"64958ea6d34ea0dba20a9292_google.svg","createdOn":"2023-06-23T12:23:02.303Z","origFileName":"google.svg","fileHash":"91ee5a9327706079f6f40eda7b2a7509","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958ea6d34ea0dba20a9292_google.svg","thumbUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958ea6d34ea0dba20a9292_google.svg","_id":"64958ea6d34ea0dba20a9292","updatedOn":"2023-06-23T12:23:02.414Z","fileSize":1190},{"cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096.jpg","siteId":"64958b85ad3aa0c1f3af6a5f","width":1920,"isHD":false,"height":2880,"fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096.jpg","createdOn":"2023-06-23T12:21:54.204Z","origFileName":"pexels-mohammadreza-babaei-15327096.jpg","fileHash":"53d8140ddf371b329cbb7ec116bc8286","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-500.jpg","origFileName":"pexels-mohammadreza-babaei-15327096-p-500.jpg","fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-500.jpg","size":66510,"format":"jpg","width":500,"quality":100,"_id":"64958e677c779f4ff01ae090","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-800.jpg","origFileName":"pexels-mohammadreza-babaei-15327096-p-800.jpg","fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-800.jpg","size":176258,"format":"jpg","width":800,"quality":100,"_id":"64958e677c779f4ff01ae091","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1080.jpg","origFileName":"pexels-mohammadreza-babaei-15327096-p-1080.jpg","fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1080.jpg","size":317519,"format":"jpg","width":1080,"quality":100,"_id":"64958e677c779f4ff01ae092","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1600.jpg","origFileName":"pexels-mohammadreza-babaei-15327096-p-1600.jpg","fileName":"64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1600.jpg","size":655802,"format":"jpg","width":1600,"quality":100,"_id":"64958e677c779f4ff01ae093","cdnUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-1600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096.jpg","thumbUrl":"https://cdn.prod.website-files.com/64958b85ad3aa0c1f3af6a5f/64958e627c779f4ff01add59_pexels-mohammadreza-babaei-15327096-p-130x130q80.jpg","_id":"64958e627c779f4ff01add59","updatedOn":"2023-07-03T07:30:07.854Z","fileSize":1179460}],"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)

This component is designed to facilitate user signups with a skincare theme, featuring a visually appealing layout and user-friendly form elements.

Caractéristiques principales :

  • Conception adaptée à différents appareils
  • Includes a form for email and password input
  • Social login option with Google integration
  • Success and error messages for user feedback
  • Customizable styles to match branding

Éléments de conception :

  • Soft color palette with a focus on white and pastel tones
  • Elegant typography using Playfair Display for headings
  • Images that evoke a skincare aesthetic
  • Rounded corners and soft edges for a friendly feel
  • Flexbox layout for responsive design

Cas d'utilisation potentiels :

  • Skincare brands looking to build a customer database
  • Beauty blogs wanting to offer exclusive content
  • E-commerce sites focused on skincare products
  • Health and wellness platforms promoting skincare routines
  • Subscription services for skincare products

Conclusion: The Skincare Themed Signup Screen is a versatile and visually appealing component that can enhance user engagement and streamline the signup process for skincare-related businesses.

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.