Navigation Component
A simple, responsive navigation component for a portfolio website, featuring a dark mode UI. The design uses complementary colors and ensures readability and aesthetic appeal on various screen sizes.
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>Related Components
Retro Vintage Navigation Component
A navigation component styled in retro/vintage design with a monochromatic color scheme for a dashboard. It includes links and supports dark mode.
Bauhaus Jewel Tone Navigation
A simple, functional navigation component with geometric forms and jewel tones, designed for booking/reservation systems. Features responsiveness and dark mode support.
Navigation Component
A responsive dark mode navigation component designed for e-commerce with a pastel color scheme and simple layout.