Chargement du composant...

Chargement

Plus de composants

Voir tout

Component Contact Form

Aucun élément n'a été trouvé.
Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Component Contact Form
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"93f25f40-3244-35db-c231-3e040053227c","type":"Grid","tag":"div","classes":["91870361-35f4-3073-0258-3d9ae8235302","723a77c3-4413-e390-b3e8-69fb682b99a8"],"children":["93f25f40-3244-35db-c231-3e040053227d","93f25f40-3244-35db-c231-3e0400532286"],"data":{"tag":"div","grid":"two-by-two","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053227d","type":"Block","tag":"div","classes":["b984e1b4-58e3-2930-b26a-50f8d1074556","221b0966-cf08-713a-a3ec-0c6cf51658b3"],"children":["93f25f40-3244-35db-c231-3e040053227e","93f25f40-3244-35db-c231-3e0400532280","93f25f40-3244-35db-c231-3e0400532281","93f25f40-3244-35db-c231-3e0400532283","93f25f40-3244-35db-c231-3e0400532284"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"93f25f40-3244-35db-c231-3e040053227e","type":"Heading","tag":"h2","classes":["af646db2-3193-e4e5-84ec-683b702b687f"],"children":["93f25f40-3244-35db-c231-3e040053227f"],"data":{"tag":"h2","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053227f","text":true,"v":"Have a question for us?"},{"_id":"93f25f40-3244-35db-c231-3e0400532280","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532281","type":"Paragraph","tag":"p","classes":["236558ae-457c-3ee7-acea-a0eda601b7f0"],"children":["93f25f40-3244-35db-c231-3e0400532282"],"data":{"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532282","text":true,"v":"Tell visitors how you're happy to answer any question they may have, and how you accept requests for new components!"},{"_id":"93f25f40-3244-35db-c231-3e0400532283","type":"Block","tag":"div","classes":["08de6c97-4915-b586-69ba-63b4db3f02a2"],"children":[],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532284","type":"Link","tag":"a","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","ee1893e1-296d-61b2-7327-7b9b59b42d96"],"children":["93f25f40-3244-35db-c231-3e0400532285"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"93f25f40-3244-35db-c231-3e0400532285","text":true,"v":"Get started"},{"_id":"93f25f40-3244-35db-c231-3e0400532286","type":"FormWrapper","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e0400532287","93f25f40-3244-35db-c231-3e04005322a0","93f25f40-3244-35db-c231-3e04005322a3"],"data":{"form":{"type":"wrapper"},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532287","type":"FormForm","tag":"form","classes":["01a4cb88-c3e9-ff80-b611-04eb731080f0"],"children":["93f25f40-3244-35db-c231-3e0400532288","93f25f40-3244-35db-c231-3e0400532291","93f25f40-3244-35db-c231-3e040053229a","32fc124e-33c1-c48b-894b-6b791ad26946","93f25f40-3244-35db-c231-3e040053229e","93f25f40-3244-35db-c231-3e040053229f"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Contact Form"},"attr":{"id":"wf-form-Contact-Form","name":"wf-form-Contact-Form","data-name":"Contact Form","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e0400532288","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["93f25f40-3244-35db-c231-3e0400532289","93f25f40-3244-35db-c231-3e040053228d"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532289","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["93f25f40-3244-35db-c231-3e040053228a","93f25f40-3244-35db-c231-3e040053228c"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053228a","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e040053228b"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053228b","text":true,"v":"First Name"},{"_id":"93f25f40-3244-35db-c231-3e040053228c","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"First Name 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name-2","data-name":"First Name 2","placeholder":"e.g. Howard","type":"text","id":"First-Name-2","disabled":false,"required":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e040053228d","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["93f25f40-3244-35db-c231-3e040053228e","93f25f40-3244-35db-c231-3e0400532290"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053228e","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e040053228f"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053228f","text":true,"v":"Last Name"},{"_id":"93f25f40-3244-35db-c231-3e0400532290","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Last Name 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name-2","data-name":"Last Name 2","placeholder":"e.g. Thurman","type":"text","id":"Last-Name-2","disabled":false,"required":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e0400532291","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["93f25f40-3244-35db-c231-3e0400532292","93f25f40-3244-35db-c231-3e0400532296"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532292","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["93f25f40-3244-35db-c231-3e0400532293","93f25f40-3244-35db-c231-3e0400532295"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532293","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e0400532294"],"data":{"form":{"type":"label"},"attr":{"for":"Email-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532294","text":true,"v":"Email"},{"_id":"93f25f40-3244-35db-c231-3e0400532295","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email-3","disabled":false,"required":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e0400532296","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["93f25f40-3244-35db-c231-3e0400532297","93f25f40-3244-35db-c231-3e0400532299"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532297","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e0400532298"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532298","text":true,"v":"Phone"},{"_id":"93f25f40-3244-35db-c231-3e0400532299","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Phone 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-3","data-name":"Phone 3","placeholder":"e.g. +1 (234) 567-8910","type":"tel","id":"Phone-3","disabled":false,"required":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e040053229a","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["93f25f40-3244-35db-c231-3e040053229b","aed30f8e-fbfd-5869-9e6c-aa95e021e8e5"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053229b","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e040053229c"],"data":{"form":{"type":"label"},"attr":{"for":"field-4","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053229c","text":true,"v":"Reason for enquiry"},{"_id":"aed30f8e-fbfd-5869-9e6c-aa95e021e8e5","type":"FormSelect","tag":"select","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"attr":{"id":"field-5","name":"field-5","data-name":"Field 5","required":false,"multiple":false},"form":{"type":"select","opts":[{"v":"","t":"Select one..."},{"v":"First","t":"First choice"},{"v":"Second","t":"Second choice"},{"v":"Third","t":"Third choice"}],"name":"Field 5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"32fc124e-33c1-c48b-894b-6b791ad26946","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["32fc124e-33c1-c48b-894b-6b791ad26947","32fc124e-33c1-c48b-894b-6b791ad26949"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"32fc124e-33c1-c48b-894b-6b791ad26947","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["32fc124e-33c1-c48b-894b-6b791ad26948"],"data":{"form":{"type":"label"},"attr":{"for":"field-5","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"32fc124e-33c1-c48b-894b-6b791ad26948","text":true,"v":"Message"},{"_id":"32fc124e-33c1-c48b-894b-6b791ad26949","type":"FormTextarea","tag":"textarea","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Field 4","type":"textarea"},"attr":{"id":"field-4","name":"field-4","maxlength":5000,"placeholder":"","data-name":"Field 4","required":false,"autofocus":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e040053229e","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053229f","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":"Submit","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a0","type":"FormSuccessMessage","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e04005322a1"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a1","type":"Block","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e04005322a2"],"data":{"tag":"div","text":true,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a2","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"93f25f40-3244-35db-c231-3e04005322a3","type":"FormErrorMessage","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e04005322a4"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a4","type":"Block","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e04005322a5"],"data":{"tag":"div","text":true,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a5","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"ee1893e1-296d-61b2-7327-7b9b59b42d96","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"padding-top: 13px; padding-right: 25px; padding-left: 25px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); cursor: pointer;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(225, 0.00%, 0.00%, 1.00); border-right-color: hsla(225, 0.00%, 0.00%, 1.00); border-bottom-color: hsla(225, 0.00%, 0.00%, 1.00); border-left-color: hsla(225, 0.00%, 0.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00);"}},"children":["f4718c57-6c01-f40e-1fcc-626f44e08019","685918ac-954c-4684-57f7-b2bef3e296b6"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"236558ae-457c-3ee7-acea-a0eda601b7f0","fake":false,"type":"class","name":"paragraph","namespace":"","comb":"","styleLess":"opacity: 0.9; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 16px; line-height: 1.5; font-weight: 300;","variants":{},"children":["d31e42a1-3767-a83b-4ef0-1fd70270d4be","8dae5a5a-ea0b-704c-e6ee-7ff38f54ed86"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"221b0966-cf08-713a-a3ec-0c6cf51658b3","fake":false,"type":"class","name":"vertical-center","namespace":"","comb":"&","styleLess":"justify-content: center;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"af646db2-3193-e4e5-84ec-683b702b687f","fake":false,"type":"class","name":"H2","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 45px; line-height: 1.1; font-weight: 600;","variants":{"tiny":{"styleLess":"font-size: 30px;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2167","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":["41a35abb-8f5c-62bb-fe37-0c6149af216a"],"selector":null},{"_id":"91870361-35f4-3073-0258-3d9ae8235302","fake":false,"type":"class","name":"1-2-grid","namespace":"","comb":"","styleLess":"display: grid; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"display: flex; flex-direction: column; align-items: flex-start;"}},"children":["598cbbca-8946-f355-c4bf-4a85c750c9ae","723a77c3-4413-e390-b3e8-69fb682b99a8","2e39d369-09bc-a57d-48b1-5446dbbb75cf"],"createdBy":"5c32e19c1213425c470436be","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":"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","f2bfff85-89f9-ca59-33a1-9d5bcfee65ec","865bfac9-9f17-c389-a879-e3ff726c528b"],"createdBy":"5c32e19c1213425c470436be","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","9405ea44-5a4e-a491-84b1-31a2cc79eb7c"],"selector":null},{"_id":"3a8e6476-20fd-8bf1-d742-ebe54d706e8f","fake":false,"type":"class","name":"15p-right","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6fa6a4b3-672a-5172-3baa-fd9efad2d3e9","fake":false,"type":"class","name":"spacer-m","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"08de6c97-4915-b586-69ba-63b4db3f02a2","fake":false,"type":"class","name":"spacer-l","namespace":"","comb":"","styleLess":"width: 100%; height: 30px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"723a77c3-4413-e390-b3e8-69fb682b99a8","fake":false,"type":"class","name":"75-space","namespace":"","comb":"&","styleLess":"grid-column-gap: 75px; grid-row-gap: 75px;","variants":{"tiny":{"styleLess":"grid-column-gap: 40px; grid-row-gap: 40px;"}},"children":["40704595-08a9-8a04-86da-87dd484450dc"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"b984e1b4-58e3-2930-b26a-50f8d1074556","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; align-items: flex-start;","variants":{},"children":["8f9e2789-6b3c-0fee-b389-cb9cff816689","221b0966-cf08-713a-a3ec-0c6cf51658b3"],"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":"01a4cb88-c3e9-ff80-b611-04eb731080f0","fake":false,"type":"class","name":"form-inner","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-138","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-277","e-278"],"target":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","createdOn":1659509329723}],"events":[{"id":"e-277","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"SLIDE_EFFECT","instant":false,"config":{"actionListId":"SLIDE_EFFECT","autoStopEventId":"e-278"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":250,"direction":"LEFT","effectIn":true},"createdOn":1659509329723},{"id":"e-278","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1659509329723}],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Cloner dans Webflow
Composant de copie
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"93f25f40-3244-35db-c231-3e040053227c","type":"Grid","tag":"div","classes":["91870361-35f4-3073-0258-3d9ae8235302","723a77c3-4413-e390-b3e8-69fb682b99a8"],"children":["93f25f40-3244-35db-c231-3e040053227d","93f25f40-3244-35db-c231-3e0400532286"],"data":{"tag":"div","grid":"two-by-two","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053227d","type":"Block","tag":"div","classes":["b984e1b4-58e3-2930-b26a-50f8d1074556","221b0966-cf08-713a-a3ec-0c6cf51658b3"],"children":["93f25f40-3244-35db-c231-3e040053227e","93f25f40-3244-35db-c231-3e0400532280","93f25f40-3244-35db-c231-3e0400532281","93f25f40-3244-35db-c231-3e0400532283","93f25f40-3244-35db-c231-3e0400532284"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"93f25f40-3244-35db-c231-3e040053227e","type":"Heading","tag":"h2","classes":["af646db2-3193-e4e5-84ec-683b702b687f"],"children":["93f25f40-3244-35db-c231-3e040053227f"],"data":{"tag":"h2","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053227f","text":true,"v":"Have a question for us?"},{"_id":"93f25f40-3244-35db-c231-3e0400532280","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532281","type":"Paragraph","tag":"p","classes":["236558ae-457c-3ee7-acea-a0eda601b7f0"],"children":["93f25f40-3244-35db-c231-3e0400532282"],"data":{"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532282","text":true,"v":"Tell visitors how you're happy to answer any question they may have, and how you accept requests for new components!"},{"_id":"93f25f40-3244-35db-c231-3e0400532283","type":"Block","tag":"div","classes":["08de6c97-4915-b586-69ba-63b4db3f02a2"],"children":[],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532284","type":"Link","tag":"a","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","ee1893e1-296d-61b2-7327-7b9b59b42d96"],"children":["93f25f40-3244-35db-c231-3e0400532285"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"93f25f40-3244-35db-c231-3e0400532285","text":true,"v":"Get started"},{"_id":"93f25f40-3244-35db-c231-3e0400532286","type":"FormWrapper","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e0400532287","93f25f40-3244-35db-c231-3e04005322a0","93f25f40-3244-35db-c231-3e04005322a3"],"data":{"form":{"type":"wrapper"},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532287","type":"FormForm","tag":"form","classes":["01a4cb88-c3e9-ff80-b611-04eb731080f0"],"children":["93f25f40-3244-35db-c231-3e0400532288","93f25f40-3244-35db-c231-3e0400532291","93f25f40-3244-35db-c231-3e040053229a","32fc124e-33c1-c48b-894b-6b791ad26946","93f25f40-3244-35db-c231-3e040053229e","93f25f40-3244-35db-c231-3e040053229f"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Contact Form"},"attr":{"id":"wf-form-Contact-Form","name":"wf-form-Contact-Form","data-name":"Contact Form","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e0400532288","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["93f25f40-3244-35db-c231-3e0400532289","93f25f40-3244-35db-c231-3e040053228d"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532289","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["93f25f40-3244-35db-c231-3e040053228a","93f25f40-3244-35db-c231-3e040053228c"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053228a","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e040053228b"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053228b","text":true,"v":"First Name"},{"_id":"93f25f40-3244-35db-c231-3e040053228c","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"First Name 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name-2","data-name":"First Name 2","placeholder":"e.g. Howard","type":"text","id":"First-Name-2","disabled":false,"required":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e040053228d","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["93f25f40-3244-35db-c231-3e040053228e","93f25f40-3244-35db-c231-3e0400532290"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053228e","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e040053228f"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053228f","text":true,"v":"Last Name"},{"_id":"93f25f40-3244-35db-c231-3e0400532290","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Last Name 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name-2","data-name":"Last Name 2","placeholder":"e.g. Thurman","type":"text","id":"Last-Name-2","disabled":false,"required":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e0400532291","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["93f25f40-3244-35db-c231-3e0400532292","93f25f40-3244-35db-c231-3e0400532296"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532292","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["93f25f40-3244-35db-c231-3e0400532293","93f25f40-3244-35db-c231-3e0400532295"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532293","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e0400532294"],"data":{"form":{"type":"label"},"attr":{"for":"Email-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532294","text":true,"v":"Email"},{"_id":"93f25f40-3244-35db-c231-3e0400532295","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email-3","disabled":false,"required":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e0400532296","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["93f25f40-3244-35db-c231-3e0400532297","93f25f40-3244-35db-c231-3e0400532299"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532297","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e0400532298"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e0400532298","text":true,"v":"Phone"},{"_id":"93f25f40-3244-35db-c231-3e0400532299","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Phone 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-3","data-name":"Phone 3","placeholder":"e.g. +1 (234) 567-8910","type":"tel","id":"Phone-3","disabled":false,"required":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e040053229a","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["93f25f40-3244-35db-c231-3e040053229b","aed30f8e-fbfd-5869-9e6c-aa95e021e8e5"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053229b","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["93f25f40-3244-35db-c231-3e040053229c"],"data":{"form":{"type":"label"},"attr":{"for":"field-4","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053229c","text":true,"v":"Reason for enquiry"},{"_id":"aed30f8e-fbfd-5869-9e6c-aa95e021e8e5","type":"FormSelect","tag":"select","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"attr":{"id":"field-5","name":"field-5","data-name":"Field 5","required":false,"multiple":false},"form":{"type":"select","opts":[{"v":"","t":"Select one..."},{"v":"First","t":"First choice"},{"v":"Second","t":"Second choice"},{"v":"Third","t":"Third choice"}],"name":"Field 5"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"32fc124e-33c1-c48b-894b-6b791ad26946","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["32fc124e-33c1-c48b-894b-6b791ad26947","32fc124e-33c1-c48b-894b-6b791ad26949"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"32fc124e-33c1-c48b-894b-6b791ad26947","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["32fc124e-33c1-c48b-894b-6b791ad26948"],"data":{"form":{"type":"label"},"attr":{"for":"field-5","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"32fc124e-33c1-c48b-894b-6b791ad26948","text":true,"v":"Message"},{"_id":"32fc124e-33c1-c48b-894b-6b791ad26949","type":"FormTextarea","tag":"textarea","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Field 4","type":"textarea"},"attr":{"id":"field-4","name":"field-4","maxlength":5000,"placeholder":"","data-name":"Field 4","required":false,"autofocus":false},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"93f25f40-3244-35db-c231-3e040053229e","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e040053229f","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":"Submit","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a0","type":"FormSuccessMessage","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e04005322a1"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a1","type":"Block","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e04005322a2"],"data":{"tag":"div","text":true,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a2","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"93f25f40-3244-35db-c231-3e04005322a3","type":"FormErrorMessage","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e04005322a4"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a4","type":"Block","tag":"div","classes":[],"children":["93f25f40-3244-35db-c231-3e04005322a5"],"data":{"tag":"div","text":true,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"93f25f40-3244-35db-c231-3e04005322a5","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"ee1893e1-296d-61b2-7327-7b9b59b42d96","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"padding-top: 13px; padding-right: 25px; padding-left: 25px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); cursor: pointer;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(225, 0.00%, 0.00%, 1.00); border-right-color: hsla(225, 0.00%, 0.00%, 1.00); border-bottom-color: hsla(225, 0.00%, 0.00%, 1.00); border-left-color: hsla(225, 0.00%, 0.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00);"}},"children":["f4718c57-6c01-f40e-1fcc-626f44e08019","685918ac-954c-4684-57f7-b2bef3e296b6"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"236558ae-457c-3ee7-acea-a0eda601b7f0","fake":false,"type":"class","name":"paragraph","namespace":"","comb":"","styleLess":"opacity: 0.9; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 16px; line-height: 1.5; font-weight: 300;","variants":{},"children":["d31e42a1-3767-a83b-4ef0-1fd70270d4be","8dae5a5a-ea0b-704c-e6ee-7ff38f54ed86"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"221b0966-cf08-713a-a3ec-0c6cf51658b3","fake":false,"type":"class","name":"vertical-center","namespace":"","comb":"&","styleLess":"justify-content: center;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"af646db2-3193-e4e5-84ec-683b702b687f","fake":false,"type":"class","name":"H2","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 45px; line-height: 1.1; font-weight: 600;","variants":{"tiny":{"styleLess":"font-size: 30px;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2167","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":["41a35abb-8f5c-62bb-fe37-0c6149af216a"],"selector":null},{"_id":"91870361-35f4-3073-0258-3d9ae8235302","fake":false,"type":"class","name":"1-2-grid","namespace":"","comb":"","styleLess":"display: grid; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"display: flex; flex-direction: column; align-items: flex-start;"}},"children":["598cbbca-8946-f355-c4bf-4a85c750c9ae","723a77c3-4413-e390-b3e8-69fb682b99a8","2e39d369-09bc-a57d-48b1-5446dbbb75cf"],"createdBy":"5c32e19c1213425c470436be","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":"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","f2bfff85-89f9-ca59-33a1-9d5bcfee65ec","865bfac9-9f17-c389-a879-e3ff726c528b"],"createdBy":"5c32e19c1213425c470436be","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","9405ea44-5a4e-a491-84b1-31a2cc79eb7c"],"selector":null},{"_id":"3a8e6476-20fd-8bf1-d742-ebe54d706e8f","fake":false,"type":"class","name":"15p-right","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6fa6a4b3-672a-5172-3baa-fd9efad2d3e9","fake":false,"type":"class","name":"spacer-m","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"08de6c97-4915-b586-69ba-63b4db3f02a2","fake":false,"type":"class","name":"spacer-l","namespace":"","comb":"","styleLess":"width: 100%; height: 30px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"723a77c3-4413-e390-b3e8-69fb682b99a8","fake":false,"type":"class","name":"75-space","namespace":"","comb":"&","styleLess":"grid-column-gap: 75px; grid-row-gap: 75px;","variants":{"tiny":{"styleLess":"grid-column-gap: 40px; grid-row-gap: 40px;"}},"children":["40704595-08a9-8a04-86da-87dd484450dc"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"b984e1b4-58e3-2930-b26a-50f8d1074556","fake":false,"type":"class","name":"content-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; align-items: flex-start;","variants":{},"children":["8f9e2789-6b3c-0fee-b389-cb9cff816689","221b0966-cf08-713a-a3ec-0c6cf51658b3"],"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":"01a4cb88-c3e9-ff80-b611-04eb731080f0","fake":false,"type":"class","name":"form-inner","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-138","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-277","e-278"],"target":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","createdOn":1659509329723}],"events":[{"id":"e-277","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"SLIDE_EFFECT","instant":false,"config":{"actionListId":"SLIDE_EFFECT","autoStopEventId":"e-278"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":250,"direction":"LEFT","effectIn":true},"createdOn":1659509329723},{"id":"e-278","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"62ec66b8a2e9d98af2847268|93f25f40-3244-35db-c231-3e040053227d","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1659509329723}],"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)

The Component Contact Form is designed to facilitate user inquiries by allowing visitors to submit their questions and contact information easily. It includes various input fields and a user-friendly layout.

Caractéristiques principales :

  • Conception adaptée à différents appareils
  • Includes fields for first name, last name, email, phone, and message
  • Dropdown for selecting the reason for inquiry
  • Success and error messages for user feedback
  • Customizable styling options

Éléments de conception :

  • Grid layout for organized input fields
  • Modern color scheme with a focus on usability
  • Hover effects for buttons to enhance interactivity

Cas d'utilisation potentiels :

  • Small businesses looking to enhance customer communication
  • Service providers wanting to gather client inquiries
  • E-commerce sites needing customer feedback
  • Freelancers seeking project inquiries from potential clients
  • Non-profit organizations wanting to connect with supporters

Conclusion: The Component Contact Form is a versatile and essential tool for any website aiming to improve user engagement and streamline communication, making it a valuable addition for various industries.

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.

Composants similaires

Voir tout
🏗️ Stay tuned for more components like this.