Skip to content
Forge

Clickable service cards

A grid of six fully clickable service cards: icon, title, description, duration or reimbursement, and an arrow that slides on hover.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Only the title is a link, stretched over the whole card by a pseudo-element: screen readers hear a single, short link per card, and keyboard focus outlines the entire card. The grid goes from three columns to one without media queries, and card bottoms stay aligned.

Code

Loading the code…

Archive contents

features-cartes-liens-html-tailwind.zip3 files · 5 Ko

  • index.html15 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 13, 2026.

In the same spirit

  • Service list with prices

    Free

    A craftsperson's services with a short description, an indicative price and a link to details.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Alternating feature rows

    Coming soon

    Three features presented in rows where text and visual switch sides.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Dark feature list

    Coming soon

    A dark two-column section where each feature is separated by a thin rule.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Icon feature grid

    Free

    Six features in a grid, each with an icon, a title and a short description.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component