CCHub Logo CCHub Tailwind Collection
Komponenten Komponenten zur Verbesserung der Navigation Komponente "Navigationsverbesserungskomponenten"

Komponente "Navigationsverbesserungskomponenten"

Eine reaktionsschnelle Navigationskomponente mit Unterstützung des Dunkelmodus für E-Commerce-Websites. Es verfügt über ein triadisches Farbschema mit dunklem Hintergrund, um die Belastung der Augen zu reduzieren.

Vorschau

HTML-Code 

<nav class="bg-gray-900 dark:bg-purple-900 p-4">
  <div class="container mx-auto flex items-center justify-between">
    <a href="#" class="text-white text-lg font-semibold">E-Shop</a>
    <ul class="flex space-x-4">
      <li><a href="#" class="text-gray-300 hover:text-white">Home</a></li>
      <li><a href="#" class="text-gray-300 hover:text-white">Products</a></li>
      <li><a href="#" class="text-gray-300 hover:text-white">Categories</a></li>
      <li><a href="#" class="text-gray-300 hover:text-white">Contact</a></li>
    </ul>
    <div class="flex items-center space-x-4">
      <input type="text" placeholder="Search..." class="bg-gray-800 text-white px-3 py-1 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
      <button class="bg-blue-600 dark:bg-green-600 text-white px-4 py-1 rounded-md">Cart</button>
    </div>
  </div>
</nav>

Verwandte Komponenten

Industrial_Monochromatic_Navigation

Eine komplexe, auf den Dunkelmodus fokussierte Navigationskomponente für Industrie- und Fertigungsunternehmen mit monochromatischem Design und mehreren interaktiven Elementen, die für Dashboards und Betriebsoberflächen geeignet sind.

Offen

Luxury_Vibrant_Travel_Navigation

Eine komplexe, luxuriöse und lebendige Navigationskomponente, die für Reise- und Tourismus-Websites entwickelt wurde, mit ausgefeilter Typografie, hohen Sättigungsfarben und voller Reaktionsfähigkeit mit Unterstützung des Dunkelmodus.

Offen

Von Papier/Druck inspirierte Behördennavigation

Eine komplexe, von Papier/Druck inspirierte Navigationskomponente für behördliche/öffentliche Websites mit Sepia-/Brauntönen, Reaktionsfähigkeit und Unterstützung für den Dunkelmodus. Es umfasst die primäre Navigation, die Suche und einen Abschnitt "Quick Links" oder "Dienste".

Offen