Composante de navigation brutaliste
Composant de navigation brutaliste pour les portefeuilles avec une palette de couleurs vives et une mise en page complexe, avec un design réactif et une prise en charge du mode sombre.
HTML Code
<nav class="text-sm font-mono">
<ol class="list-none p-0 inline-flex">
<li class="flex items-center">
<a href="#" class="text-blue-500 dark:text-teal- गलती this looks like a typo, will fix to something like: dark:text-teal-300 hover:underline">Home</a>
<svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 67.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>
</li>
<li class="flex items-center">
<a href="#" class="text-blue-500 dark:text-teal-300 hover:underline">Projects</a>
<svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 67.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>
</li>
<li>
<span class="text-purple-700 dark:text-pink-400 font-bold">Current Project</span>
</li>
</ol>
</nav>Composants associés
Composant de navigation du fil d’Ariane
Un composant de navigation de fil d’Ariane réactif conçu avec le style Glassmorphism et les couleurs de ton Terre, parfait pour les sites Web d’entreprise professionnels. Il prend en charge le thème sombre et comprend des fonctionnalités interactives pour la navigation.
Composant de navigation du fil d’Ariane
Un composant de navigation réactif conçu dans un style brutaliste avec une palette de couleurs vives pour les tableaux de bord, avec prise en charge du mode sombre.
Composant de navigation du fil d’Ariane
Composant de navigation réactif avec Material Design et Tailwind CSS, avec prise en charge du thème sombre et une palette de couleurs triadique.