Stacked Cards Section

An Optional Intro Line

  • Each Card Has a Heading

    A card holds a heading, body text and a button, plus an image or video on one side.

    Get Access
    Person holding a Constance perfume bottle with a blurred background

  • Cards Take a Video Too

    Set the side media to an image or an autoplaying video, and pick its width.

    Get Access

  • Per Card Color Control

    Every card sets its own background and text color, so the stack shifts tone as it scrolls.

    Get Access
    Close-up of a test tube with liquid dripping against a neutral background

  • Add as Many as Needed

    Card width, height and corner radius are all adjustable for the whole set.

    Get Access
    Amber glass jar with black lid on a sandy surface with a brown background

Cards stack as you scroll, each pinning while the next slides up over it, with a closing line of footer text below the stack.

  • A Narrower Card Set

    This second instance uses smaller centered cards with rounded corners.

    Get Access
    Person holding a Constance perfume bottle with a blurred background

  • Optional Split Background

    A full or split background image or video can sit behind the stack.

    Get Access

  • Text Alignment Options

    Card content can align left, center or right to match the layout.

    Get Access
    Close-up of a test tube with liquid dripping against a neutral background

  • Heights Set per Device

    Separate card heights for desktop, tablet and mobile keep it readable.

    Get Access
    Amber glass jar with black lid on a sandy surface with a brown background