Skip to content

Black Friday 2026Pro Unlimited Lifetime: €299€99 once.

Ends in —d —h —m —s

See the deal
L-032Layout

Contact Form with Map

Editorial contact section with a serif-accented headline and live reply-time pill, a validated two-column form (reusable Contact field component: label, id, name, type, placeholder, autocomplete, optional toggle, half/fu…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

All photos and visual assets used in this preview are sourced from Unsplash.

The system behind it

One pattern, your whole brand.

Contact Form with Map reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.

Type
Layout
Category
Contact
Responsive
Desktop to phone
Works with
Bricks, ACSS, plain CSS

Component props 2

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Contact field4 in this pattern · 8 props
PropTypeDefault
label
text

Your name

fieldId
text

etched-cf-name

name
text

name

type
text

text

placeholder
text

Jane Carter

autocomplete
text

name

optional
true / false

False

span
text

half

Office card1 in this pattern · 13 props
PropTypeDefault
label
text

Our office

badge
text

Open today

addressLine1
text

123 Business Street

addressLine2
text

New York, NY 10001

country
text

United States

phone
text

+1 (555) 123-4567

phoneHref
text

tel:+15551234567

showCopy
true / false

True

showHours
true / false

True

hours
text

Mon–Fri · 9:00–18:00 ET

directionsLabel
text

Get directions

directionsUrl
text

https://www.openstreetmap.org/search?query=New%20York%2C%20NY%2010001

Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.bricksed.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan