Navigationskomponente
Eine einfache, reaktionsschnelle Navigationskomponente für eine Portfolio-Website mit einer Benutzeroberfläche im Dunkelmodus. Das Design verwendet Komplementärfarben und sorgt für Lesbarkeit und Ästhetik auf verschiedenen Bildschirmgrößen.
HTML-Code
<nav class="bg-gray-900 p-4 text-white">
<div class="container mx-auto flex justify-between items-center">
<a href="#" class="text-lg font-bold text-teal-400">MyPortfolio</a>
<ul class="flex space-x-4">
<li><a href="#about" class="hover:text-teal-400">About</a></li>
<li><a href="#projects" class="hover:text-teal-400">Projects</a></li>
<li><a href="#contact" class="hover:text-teal-400">Contact</a></li>
</ul>
</div>
</nav>Verwandte Komponenten
Navigationskomponente
Eine reaktionsschnelle Navigationskomponente, die für ein Portfolio entwickelt wurde, mit Mikrointeraktionen und Unterstützung für dunkle Themen.
Gläserne Navigationsleiste mit Farbverlauf
Diese Navigationsleiste verfügt über ein modernes, glasiges Design, das Farbverläufe und einen Milchglaseffekt kombiniert, um beim Scrollen einen durchscheinenden Effekt zu erzielen.
Komponente "Responsive Navigation"
Responsive Navigationskomponente mit Mikrointeraktionen, Graustufen-Farbschema und einfacher Komplexität.