Simple Centered Contact Form
A compact centered contact form card with name, email, company, and message fields. Includes social media links at the bottom.
The form sits inside a card with rounded corners, padding, and shadow. It includes four fields: full name, email address, company, and a textarea for the message. All inputs use consistent styling with shadow-input and focus ring effects.
A full-width submit button uses inverted colors for light and dark modes. Below the button, social media icons (X/Twitter, GitHub, LinkedIn) link out to external profiles. Icons use hover state color changes.
The outer container has a subtle gray background that contrasts with the white form card. The layout centers everything using flexbox. The max-width caps at lg (32rem) for optimal line length.
Good fit for personal portfolios, indie products, small business sites, and any contact page that needs to be simple and direct.
More from Contact Sections
Included with All-Access
One payment unlocks the code for this block and every other block, template and page.
Get All-AccessExplore more
About this block
The form sits inside a card with rounded corners, padding, and shadow. It includes four fields: full name, email address, company, and a textarea for the message. All inputs use consistent styling with shadow-input and focus ring effects.
A full-width submit button uses inverted colors for light and dark modes. Below the button, social media icons (X/Twitter, GitHub, LinkedIn) link out to external profiles. Icons use hover state color changes.
The outer container has a subtle gray background that contrasts with the white form card. The layout centers everything using flexbox. The max-width caps at lg (32rem) for optimal line length.
Good fit for personal portfolios, indie products, small business sites, and any contact page that needs to be simple and direct.