Aller au contenu
Forge

Badges de confiance et garanties

Une rangée de garanties (décennale, devis gratuit, intervention sous 24 h, labels RGE et Qualibat) qui rassure le visiteur juste sous l'appel à l'action.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Chaque pastille donne la garantie en un coup d'œil, puis s'ouvre pour expliquer ce qu'elle couvre et comment la vérifier. Accessibilité : éléments details et summary natifs, donc ouverture au clavier avec Entrée ou Espace et état ouvert annoncé par les lecteurs d'écran sans JavaScript ; liste nommée « Nos garanties » ; textes et bouton au-dessus du ratio AA en clair comme en sombre ; rotation du chevron supprimée avec prefers-reduced-motion. Une colonne dès 360 px, deux sur tablette, quatre sur grand écran.

Code

Chargement du code…

Contenu de l'archive

stats-badges-confiance-html-tailwind.zip3 fichiers · 5 Ko

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

Mots-clés

Mis à jour le 16 octobre 2026.

Dans le même esprit

  • Compteurs animés

    Gratuit

    Quatre chiffres clés en cartes, qui défilent de zéro à leur valeur quand la section entre à l'écran, avec icône, unité et libellé.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Jauge d'objectif de financement

    Offert aux membres

    Le montant collecté, une barre de progression vers l'objectif, le nombre de contributeurs et les jours restants.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Chiffres d'impact

    Bientôt disponible

    Quatre indicateurs d'impact accompagnés d'une icône et d'une phrase qui donne le contexte.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Histogramme mensuel

    Bientôt disponible

    Un histogramme de douze mois en CSS, avec le tableau de données accessible aux lecteurs d'écran.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant