Contact Split
A two-column contact section with a warm intro, ruled detail rows, and social links on the left and a name, email, and message form on the right.
A two-column contact section with a warm intro, ruled detail rows, and social links on the left and a name, email, and message form on the right.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Contact Split is the full contact section in two balanced columns: a warm heading, Start a conversation, a lede that says fit matters on both sides, and a ruled detail list with Email, Location, and Availability on the left, and a name, email, and message form with a two-business- day reply note on the right. Social links anchor the left column below the detail list.
Details and socials are two const arrays. Balancing the column heights by putting a ruled list on the left is the distinctive structural choice, it means neither side floats in whitespace.
Reach for this block as the primary contact section of a portfolio homepage or a dedicated contact page. The installer swaps the email, location, availability month, social hrefs, and the lede that names their working style.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the solo freelancer full contact section. Other splits:
Tip: the lede on the left column is where you say who you want to hear from, that filters better than any form field.