Opens in a new tab

Text media · Featured cards

A featured text-and-media section for Bricks Builder, with an FBK Intro carrying a left accent line above three cards built on the FBK Card component, each with a photo and a button. The first card spans two columns in a horizontal layout, and an optional removable hover grows its photo to cover the card behind the floating white text box, mouse only.

Dark mode ready

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 Button

    A link styled as a button, with style, size and width.

  • FBK Card

    A media slot, title, text, a content slot and an actions slot.

  • 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 Cards, class fbk-featured

One hover duration for the whole library (--fbk-hover)

--fbk-t-time
var(--fbk-hover)

Replaces

In Fancy Bricks 1.0 and 2.0 this was Content section (1.0).