Social Contact Grid
A grid of six destination cards covering email, LinkedIn, GitHub, X, Instagram, and a calendar booking link, each with a description of what lives there.
A grid of six destination cards covering email, LinkedIn, GitHub, X, Instagram, and a calendar booking link, each with a description of what lives there.
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
Social Contact Grid presents six destination cards in a three-column grid: Email, LinkedIn, GitHub, X, Instagram, and Book a call. Each card names the channel, describes what lives there in a sentence, and shows the address or action handle at the foot. The calendar booking card, fifteen minutes to talk through a project before committing to a longer conversation, is the distinctive addition, it gives hesitant visitors a lower-stakes entry point than a full project enquiry.
Destinations are one typed array of six cards, each with a label, description, href, icon, and action string. The whole card is an anchor so the tap target is generous on mobile.
Reach for this block as an alternative to a form-based contact section, or as a supplementary reach-me section on a contact page below a form. The installer replaces the email address and social handles, removing any channel they do not maintain.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the multi-channel reach-me grid. Other contact grid uses:
Tip: write the description of each channel as what the visitor finds there, not what the channel is, LinkedIn is more useful described as where recommendations live than as a professional network.