Aller au contenu

Cartes : composants HTML, React et WordPress

Cartes de contenu, de produit, de profil ou d'article, dont toute la surface reste cliquable sans casser l'accessibilité.9 composants (cartes) accessibles et responsive, à intégrer dans votre site : HTML + Tailwind, React, CSS pur et bloc WordPress.

Les 9 ressources

  • Une carte de commerce avec les horaires de la semaine, le jour courant surligné et un statut calculé en direct : ouvert, ferme bientôt ou fermé avec l'heure de réouverture.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Icône, intitulé, description courte, prix indicatif et lien vers le détail.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Visuel, nom de la recette, difficulté, durée et nombre de parts.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Avatar à initiales, nom, fonction, courte présentation et lien de prise de rendez-vous.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Visuel, nom, variante, note client et prix, avec un bouton d'ajout au panier.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Carte à texte superposé

    Bientôt disponible

    Le titre et le sous-titre posés sur l'image, sur un voile dégradé qui garantit la lecture.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un bloc date, le titre de l'événement, le lieu, l'horaire et un lien d'inscription.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Carte de bien immobilier

    Bientôt disponible

    Photo, prix, titre, quartier et caractéristiques clés d'un bien à vendre ou à louer.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Visuel, catégorie, titre, extrait, auteur, date et temps de lecture.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant