Estudio
24€/ mes
- Proyectos ilimitados
- Colaboración en equipo
- Exportación completa
HTML + CSSKarten
Preiskarte mit Hover-Effekt
Eine Tarifkarte, die sich beim Hovern anhebt und farbig leuchtet, während der Pfeil Richtung Checkout rückt.
Einstellungen
16px
1x
Code
<article class="uv-cprice"><header><i>✦</i><span>PLAN</span></header><h3>Studio</h3><div><strong>24€</strong><small>/ mes</small></div><ul><li>Unbegrenzte Projekte</li><li>Zusammenarbeit im Team</li><li>Vollständiger Export</li></ul><button>Plan wählen <b>→</b></button></article>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Karten
Wofür du ihn nutzen kannst
Auf Preisseiten zögern die Leute, und ein kleines Anheben unter dem Cursor lässt den Tarif greifbarer wirken. Nutze sie für den mittleren Tarif eines Design-Tools oder die Mitgliedschaft in einem Coworking-Space. Diese Pricing-Card in HTML und CSS bringt Preis, eine Liste mit Leistungen und einen klaren Button mit.
Stell den Tarif, den du verkaufen willst, in die Mitte und lass die anderen ruhig; hebt sich jede Karte, sticht keine heraus. Drei oder vier Leistungen reichen, der komplette Vergleich gehört in eine Tabelle darunter.