Form 4

A basic contact form with name, email address, phone number, and message input fields.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"0b26e3c4-54a4-7322-00b2-4d6b7bf03b18","type":"FormWrapper","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1906"],"children":["3794d2a9-bb4e-8361-1b30-bb7c3322cbe3","a17fccda-be18-95c9-c54f-0a9c251adbb2","c503e7fb-5af1-531a-d203-05ce2a5e8979","2f6c9750-ed0a-b65d-e79c-7bc83ecb1658"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"3794d2a9-bb4e-8361-1b30-bb7c3322cbe3","type":"Block","tag":"div","classes":["931313e6-e120-b78d-d342-2098bc67d9b8"],"children":["9d6585a8-8e2e-492b-21a7-82f8123eb3f8","322fc234-9fed-b9c6-9726-8682c55fd34c","e620b0d3-87bd-b3fe-7951-95b4bea7b42c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9d6585a8-8e2e-492b-21a7-82f8123eb3f8","type":"Block","tag":"div","classes":["931313e6-e120-b78d-d342-2098bc67d9b9"],"children":["5fbf3835-0df4-3dff-acd3-0a9aa7dcbda0"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5fbf3835-0df4-3dff-acd3-0a9aa7dcbda0","text":true,"v":"Get in touch"},{"_id":"322fc234-9fed-b9c6-9726-8682c55fd34c","type":"Heading","tag":"h2","classes":["931313e6-e120-b78d-d342-2098bc67d9ba"],"children":["9cedf391-65b0-0448-cae9-fce4b4703594"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9cedf391-65b0-0448-cae9-fce4b4703594","text":true,"v":"Contact us"},{"_id":"e620b0d3-87bd-b3fe-7951-95b4bea7b42c","type":"Paragraph","tag":"p","classes":["931313e6-e120-b78d-d342-2098bc67d9bb"],"children":["751c0a08-faca-b35b-83aa-92ebabdb47b8"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"751c0a08-faca-b35b-83aa-92ebabdb47b8","text":true,"v":"I guess it comes down to a simple choice, really. Get busy living or get busy dying."},{"_id":"a17fccda-be18-95c9-c54f-0a9c251adbb2","type":"FormForm","tag":"form","classes":["85a53526-4bc4-911e-7860-208d80dd1907"],"children":["4cd5dfcf-32fc-8328-b13d-ca5a8ff16cf2","5f2538e9-5285-dafc-0c7e-7b1ac3de234b","981f33fd-7294-37e9-aca8-6a9bcad9def6","29987752-1075-674a-1ee8-0d5d24dad012"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Form 4"},"attr":{"id":"wf-form-Form-4","name":"wf-form-Form-4","data-name":"Form 4","redirect":"","data-redirect":"","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4cd5dfcf-32fc-8328-b13d-ca5a8ff16cf2","type":"Block","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1908"],"children":["966eb53f-10a0-ca9b-82df-12597f512f78","9fef1c02-0997-deac-7254-bc59398dac0f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"966eb53f-10a0-ca9b-82df-12597f512f78","type":"Block","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1909"],"children":["efbf8d55-aca2-177e-d1e3-910f6ce19494","957b2645-c8ee-2a7d-8ebe-a89f08d3c496"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"efbf8d55-aca2-177e-d1e3-910f6ce19494","type":"FormBlockLabel","tag":"label","classes":["85a53526-4bc4-911e-7860-208d80dd1903"],"children":["e91452d5-5fb9-8d24-b4e6-a161abb292df"],"data":{"attr":{"for":"Form-4-First-Name","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e91452d5-5fb9-8d24-b4e6-a161abb292df","text":true,"v":"First name"},{"_id":"957b2645-c8ee-2a7d-8ebe-a89f08d3c496","type":"FormTextInput","tag":"input","classes":["85a53526-4bc4-911e-7860-208d80dd190a"],"children":[],"data":{"form":{"name":"Form 4 First Name","type":"input","passwordPage":false},"attr":{"id":"Form-4-First-Name","name":"Form-4-First-Name","maxlength":256,"data-name":"Form 4 First Name","placeholder":"First name","disabled":false,"type":"text","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9fef1c02-0997-deac-7254-bc59398dac0f","type":"Block","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1909"],"children":["aa2760aa-dddb-f1e9-1dcf-99abd4d707ee","44f8139d-6bfb-683a-c97f-13e1baae4e51"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa2760aa-dddb-f1e9-1dcf-99abd4d707ee","type":"FormBlockLabel","tag":"label","classes":["85a53526-4bc4-911e-7860-208d80dd1903"],"children":["8d084d64-e3b4-3e6c-ba17-8b683693c4f7"],"data":{"attr":{"for":"Form-4-Last-Name","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8d084d64-e3b4-3e6c-ba17-8b683693c4f7","text":true,"v":"Last name"},{"_id":"44f8139d-6bfb-683a-c97f-13e1baae4e51","type":"FormTextInput","tag":"input","classes":["85a53526-4bc4-911e-7860-208d80dd190a"],"children":[],"data":{"form":{"name":"Form 4 Last Name","type":"input","passwordPage":false},"attr":{"id":"Form-4-Last-Name","name":"Form-4-Last-Name","maxlength":256,"data-name":"Form 4 Last Name","placeholder":"Last name","disabled":false,"type":"text","required":false,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5f2538e9-5285-dafc-0c7e-7b1ac3de234b","type":"Block","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1908"],"children":["6727ae0d-43c3-7f12-9322-61890db6cf78","f3fa272a-e933-ae69-1ee5-61256a867e80"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6727ae0d-43c3-7f12-9322-61890db6cf78","type":"Block","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1909"],"children":["c0eeebcc-8cd5-d70f-14cf-1071eb3372b7","ef61db84-dd38-0a9b-1607-87b6bc9f3f5b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c0eeebcc-8cd5-d70f-14cf-1071eb3372b7","type":"FormBlockLabel","tag":"label","classes":["85a53526-4bc4-911e-7860-208d80dd1903"],"children":["de1c697b-9b82-0011-583c-5f1671f2e844"],"data":{"attr":{"for":"Form-4-Email-Address","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"de1c697b-9b82-0011-583c-5f1671f2e844","text":true,"v":"Email address"},{"_id":"ef61db84-dd38-0a9b-1607-87b6bc9f3f5b","type":"FormTextInput","tag":"input","classes":["85a53526-4bc4-911e-7860-208d80dd190a"],"children":[],"data":{"form":{"name":"Form 4 Email Address","type":"input","passwordPage":false},"attr":{"id":"Form-4-Email-Address","name":"Form-4-Email-Address","maxlength":256,"data-name":"Form 4 Email Address","placeholder":"Email address","disabled":false,"type":"email","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f3fa272a-e933-ae69-1ee5-61256a867e80","type":"Block","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1909"],"children":["4faabbd3-f6cb-314f-36e6-d7bb72e5961e","785b7fda-38d2-6975-cfd1-a64fa9646e29"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4faabbd3-f6cb-314f-36e6-d7bb72e5961e","type":"FormBlockLabel","tag":"label","classes":["85a53526-4bc4-911e-7860-208d80dd1903"],"children":["017684f5-4594-3271-ad5f-46f3df2c06e9"],"data":{"attr":{"for":"Form-4-Phone-Number","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"017684f5-4594-3271-ad5f-46f3df2c06e9","text":true,"v":"Phone number"},{"_id":"785b7fda-38d2-6975-cfd1-a64fa9646e29","type":"FormTextInput","tag":"input","classes":["85a53526-4bc4-911e-7860-208d80dd190a"],"children":[],"data":{"form":{"name":"Form 4 Phone Number","type":"input","passwordPage":false},"attr":{"id":"Form-4-Phone-Number","name":"Form-4-Phone-Number","maxlength":256,"data-name":"Form 4 Phone Number","placeholder":"Phone number","disabled":false,"type":"tel","required":false,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"981f33fd-7294-37e9-aca8-6a9bcad9def6","type":"Block","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1909"],"children":["33c793a7-8082-bda7-3f31-747bad2f961a","cdc93af9-8d61-8427-fbfa-06787e6ec789"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"33c793a7-8082-bda7-3f31-747bad2f961a","type":"FormBlockLabel","tag":"label","classes":["85a53526-4bc4-911e-7860-208d80dd1903"],"children":["d171747b-ac68-6337-7ecb-643c0e5855c1"],"data":{"attr":{"for":"Form-4-Message","id":""},"form":{"type":"label","passwordPage":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d171747b-ac68-6337-7ecb-643c0e5855c1","text":true,"v":"Message"},{"_id":"cdc93af9-8d61-8427-fbfa-06787e6ec789","type":"FormTextarea","tag":"textarea","classes":["85a53526-4bc4-911e-7860-208d80dd190a","85a53526-4bc4-911e-7860-208d80dd190b"],"children":[],"data":{"form":{"name":"Form 4 Message","type":"textarea"},"attr":{"id":"Form-4-Message","name":"Form-4-Message","maxlength":5000,"data-name":"Form 4 Message","placeholder":"Type your message...","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"29987752-1075-674a-1ee8-0d5d24dad012","type":"FormButton","tag":"input","classes":["27e2c28d-84e7-9136-e293-5ae1ccc4f8d9","27e2c28d-84e7-9136-e293-5ae1ccc4f8de"],"children":[],"data":{"form":{"type":"button"},"attr":{"type":"submit","value":"Send message","data-wait":"Please wait...","id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c503e7fb-5af1-531a-d203-05ce2a5e8979","type":"FormSuccessMessage","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1904"],"children":["8628ff08-bcf5-87f4-0468-bd4825d9770a"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"8628ff08-bcf5-87f4-0468-bd4825d9770a","type":"Block","tag":"div","classes":[],"children":["605100a1-3a29-a5e2-5dfd-fc07de6a5b94"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"605100a1-3a29-a5e2-5dfd-fc07de6a5b94","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"2f6c9750-ed0a-b65d-e79c-7bc83ecb1658","type":"FormErrorMessage","tag":"div","classes":["85a53526-4bc4-911e-7860-208d80dd1905"],"children":["bf0468d1-e8ff-1430-e521-e9ba8b0da517"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"bf0468d1-e8ff-1430-e521-e9ba8b0da517","type":"Block","tag":"div","classes":[],"children":["f9f1e252-f877-f039-7b70-8a0b5d6ce672"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f9f1e252-f877-f039-7b70-8a0b5d6ce672","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"85a53526-4bc4-911e-7860-208d80dd1905","fake":false,"type":"class","name":"form-4_error","namespace":"","comb":"","styleLess":"margin-top: 0.5rem; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; background-color: #d91b5f; color: white; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"931313e6-e120-b78d-d342-2098bc67d9b8","fake":false,"type":"class","name":"form-4_header","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 2rem; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"27e2c28d-84e7-9136-e293-5ae1ccc4f8de","fake":false,"type":"class","name":"is-form-submit","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"931313e6-e120-b78d-d342-2098bc67d9bb","fake":false,"type":"class","name":"form-4_header_paragraph","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"85a53526-4bc4-911e-7860-208d80dd1908","fake":false,"type":"class","name":"form-4_grid","namespace":"","comb":"","styleLess":"display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"tiny":{"styleLess":"grid-template-columns: 1fr;"},"small":{"styleLess":"grid-row-gap: 0rem; grid-template-columns: 1fr;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"85a53526-4bc4-911e-7860-208d80dd1904","fake":false,"type":"class","name":"form-4_success","namespace":"","comb":"","styleLess":"margin-top: 0px; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; background-color: #00c394; color: black; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"85a53526-4bc4-911e-7860-208d80dd1907","fake":false,"type":"class","name":"form-4_form","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"27e2c28d-84e7-9136-e293-5ae1ccc4f8d9","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 2px; border-top-color: #0c60f5; border-right-style: solid; border-right-width: 2px; border-right-color: #0c60f5; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #0c60f5; border-left-style: solid; border-left-width: 2px; border-left-color: #0c60f5; background-color: #0c60f5; color: white; font-size: 1em; line-height: 1.125em; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap;","variants":{"main_hover":{"styleLess":"border-top-color: #0049ca; border-right-color: #0049ca; border-bottom-color: #0049ca; border-left-color: #0049ca; background-color: #0049ca;"}},"children":["27e2c28d-84e7-9136-e293-5ae1ccc4f8de","a6b7c620-6703-68cb-4e59-d2b3a9d1ab04","5eb34a0d-1d4c-bc49-56cf-7af9cc5e2dcf","3b4f261d-5209-659d-b43e-d49e7abe6e82"],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"931313e6-e120-b78d-d342-2098bc67d9b9","fake":false,"type":"class","name":"form-4_header_eyebrow","namespace":"","comb":"","styleLess":"color: #0c60f5; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"931313e6-e120-b78d-d342-2098bc67d9ba","fake":false,"type":"class","name":"form-4_header_heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"85a53526-4bc4-911e-7860-208d80dd1903","fake":false,"type":"class","name":"form-4_label","namespace":"","comb":"","styleLess":"margin-bottom: 0.25rem; align-self: flex-start; color: #0f1929; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"85a53526-4bc4-911e-7860-208d80dd190b","fake":false,"type":"class","name":"is-text-area","namespace":"","comb":"&","styleLess":"height: 12rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"85a53526-4bc4-911e-7860-208d80dd1906","fake":false,"type":"class","name":"form-4","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"85a53526-4bc4-911e-7860-208d80dd190a","fake":false,"type":"class","name":"form-4_input","namespace":"","comb":"","styleLess":"height: 3.325rem; margin-bottom: 0px; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-style: solid; border-top-width: 0.0625rem; border-top-color: #9eabc1; border-right-style: solid; border-right-width: 0.0625rem; border-right-color: #9eabc1; border-bottom-style: solid; border-bottom-width: 0.0625rem; border-bottom-color: #9eabc1; border-left-style: solid; border-left-width: 0.0625rem; border-left-color: #9eabc1; background-color: white; font-size: 1rem; line-height: 1.2em;","variants":{"main_placeholder":{"styleLess":"color: #7587a5;"}},"children":["85a53526-4bc4-911e-7860-208d80dd190b"],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"85a53526-4bc4-911e-7860-208d80dd1909","fake":false,"type":"class","name":"form-4_field-wrapper","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from
Piixel Media