Split Layout
A two column section with intro copy on one side and the contact form on the other. Balances a personal message with a clear path to get in touch.
A two column section with intro copy on one side and the contact form on the other. Balances a personal message with a clear path to get in touch.
Search blocks by description or jump to a page.
Split Layout is a two column contact section. A heading and short invitation sit above the grid at the top. The left column holds contact details: an email address, a phone number, and a location line, each paired with an icon, followed by a row of five social profile icons (Facebook, Twitter, Instagram, Dribbble, and LinkedIn). The right column is a card containing a form with first name, last name, email, subject, and message fields, plus a full width submit button. On narrow viewports the form stacks above the contact details.
All copy in both columns is independent. You can swap the email, phone, and location text, add or remove social icons, and reword the form labels without touching the layout. The contact detail block and the social row can each be removed if your situation only calls for one or the other.
Reach for this block when you want a contact page that communicates personality alongside a clear way to write in. The detail column lets visitors see where you are based and reach out through whichever channel they prefer, while the form handles structured inbound messages in the same view. For an AI assistant product portfolio this pairing works well on a dedicated contact route where prospective clients or integration partners want to send a scoped inquiry rather than a casual note. It gives more context than a simple form alone without requiring an embedded map.
A natural flow around it on a Portfolio page:
Before
After
Both columns are straightforward to update with your own details and copy:
Tip: if your inbound messages tend to be scoped requests rather than general notes, rename the subject field to something specific like "What can I help with?" to nudge visitors toward clearer submissions.