Skip to content

Service rate card

Service cards with “from” prices, duration and a quote request button, filterable by family.

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

Description

Designed for garages, breakdown services, hair salons and beauty institutes: each service shows its starting price, its duration or response time and a “Request a quote” button. The button prepares an e-mail whose subject and message mention the chosen service, highlights the card and moves focus to the contact box. Family filters are real toggle buttons (aria-pressed) with a count announced to screen readers. Without JavaScript every service stays visible and the button leads to the contact box. Light and dark, instant scrolling with prefers-reduced-motion.

Code

Loading the code…

Archive contents

tarifs-forfaits-services-locaux-html-tailwind.zip3 files · 7 Ko

  • index.html30 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 19, 2026.

In the same spirit

  • Three plans side by side, the middle one highlighted.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A table comparing plan features row by row.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A single plan presented in detail, with a reassuring satisfaction guarantee.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A menu-style price list grouped by service family, with dot leaders.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component