1<div class="w-72 rounded-2xl border border-white/10 bg-white/5 p-6 text-center backdrop-blur">2 <div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-gradient-to-br from-violet-500 via-fuchsia-500 to-cyan-400 text-2xl font-bold text-white">L</div>3 <h3 class="mt-3 font-semibold text-white">Lena Vogt</h3>4 <p class="text-sm text-white/50">Produkt-Designerin</p>5 <p class="mt-3 text-sm text-white/70">Baut zugängliche Interfaces und liebt saubere Systeme.</p>6 <div class="mt-4 flex gap-2">7 <button class="flex-1 rounded-lg bg-gradient-to-r from-violet-600 to-cyan-500 py-2 text-sm font-medium text-white">Folgen</button>8 <button class="flex-1 rounded-lg border border-white/15 py-2 text-sm text-white/80">Nachricht</button>9 </div>10</div>Keine Installation, kein Build-Step — reine Standards, sofort einsatzbereit.
Klicke oben auf „Code kopieren“ — HTML und CSS landen in deiner Zwischenablage.
Füge das Markup an der gewünschten Stelle deiner Seite oder Komponente ein.
Übernimm den <style>-Block bzw. die Klassen in deine Stylesheet-Datei.
Hinweis: Diese Komponente nutzt Tailwind-Utility-Klassen. Stelle sicher, dass Tailwind in deinem Projekt eingebunden ist — per npx tailwindcss oder CDN cdn.tailwindcss.com (nur für Prototypen).
Aus derselben Kategorie oder mit passenden Tags.
Melde dich an, um zu kommentieren.