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
Un componente de navegación responsivo diseñado para el consumo de blog/contenido con un estilo de diseño 3D, combinación de colores complementaria y complejidad moderada que incorpora algunas características interactivas.
Barra de navegación de comercio electrónico
Neumorfismo Barra de navegación de comercio electrónico con tonos tierra
Componente de navegación de comercio electrónico brutalista
Un componente de navegación de comercio electrónico complejo y brutalista que utiliza Tailwind CSS, con un esquema de color triádico (amarillo, cian, fucsia) con alto contraste (blanco / negro), un megamenú solo CSS, revelación de búsqueda solo CSS, un menú móvil responsivo solo CSS y soporte de modo oscuro. Solo HTML, sin JavaScript.