Componente de navegación
Un componente de navegación simple y receptivo para un sitio web de portafolio, con una interfaz de usuario de modo oscuro. El diseño utiliza colores complementarios y garantiza la legibilidad y el atractivo estético en varios tamaños de pantalla.
Código HTML
<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>Componentes relacionados
Componente de navegación retro vintage
Un componente de navegación con un diseño retro/vintage con una combinación de colores monocromática para un salpicadero. Incluye enlaces y admite el modo oscuro.
Componente de navegación de Material Design
Un componente de navegación de Material Design simple y receptivo para interfaces de redes sociales que utiliza un esquema de color en escala de grises. Presenta un diseño limpio con logotipo, enlaces de navegación, barra de búsqueda y avatar de usuario. Incluye soporte para el modo oscuro usando el prefijo dark: de Tailwind.
Barra de navegación retro
Una barra de navegación retro/vintage receptiva y de alto contraste adecuada para sitios web de comida/restaurantes, con estética de los años 80/90 y compatibilidad con el modo oscuro.