Design gallery
Groups
All groups

Page sections 2

Reviews that slide past and answers that open in place. Open one for its code.

  • Turned up on time, worked fast and left the place spotless. Booked again for next month.

    Sam, sample review

  • Clear price before they started and no surprises after. The kitchen looks new.

    Priya, sample review

  • Recommends

    Easy to book, friendly on the day, and they moved every piece of furniture back where it was.

    Tom, sample review

  • Great job on a flat that really needed it. One window missed, fixed the same week without a fuss.

    Aisha, sample review

  • Replied within the hour and fitted us in that weekend. Would recommend to anyone.

    Jordan, sample review

Reviews marquee

Review cards on glass slide past in a strip with no end. A moving mouse pauses it so a card can be read.

Does it need JavaScript?

No. Each question is a details element, so the browser opens and closes it on its own, even with scripts off.

Can more than one be open?

Not here. They share a name, so opening one closes the last. Drop the name to let several stay open.

How does the slide work?

The answer box animates its height from zero to auto. Browsers that cannot do that open it at once, which still works.

What about reduced motion?

The slide and the turning chevron are switched off. Questions still open and close.

Where do the questions come from?

A list passed in as a prop. On a real site it reads from a content collection, sorted by an order field.

FAQ accordion

Questions that open in place to show their answer, one at a time. Works without JavaScript.