Opens in a new tab

Contact · Photo and form panel

A contact section for Bricks Builder with a darkened background photo, a compact list of contact details beside it, and a dark panel running the full height of the section with a floating label form. The floating labels work with no JavaScript, and the submit button follows the library's button style.

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Icon item

    Icon, title and text, stacked, inline or boxed.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Stage, class fbk-cfloat

The shade over the photo

--fbk-t-shade
color-mix(in srgb, var(--base-ultra-dark) 72%, transparent)
--fbk-t-panel
var(--white)

Replaces

In Fancy Bricks 1.0 and 2.0 this was Contact Us (Floating label) (1.0).