headernavigationlogoresponsive

Left-Aligned Logo Header

Шапка сайта с логотипом слева и навигацией. Адаптивный UI-компонент для заголовков веб-сайтов и панелей инструментов приложений.

Live Preview

Prompt

<div class="header-with-logo w-full">
  <div class="bg-white shadow-sm">
    <div class="container mx-auto px-4 py-4 flex justify-between items-center">
      <div class="flex items-center">
        <img src="https://www.fixedhp.com/wp-content/uploads/2023/06/fixedhp_final_logo_v01.png" alt="FixedHP Logo" class="h-8 w-auto md:h-10 object-contain" />
      </div>
      <nav class="flex gap-6">
        <a href="#" class="text-gray-600 hover:text-gray-900 transition-colors">Home</a>
        <a href="#" class="text-gray-600 hover:text-gray-900 transition-colors">About</a>
        <a href="#" class="text-gray-600 hover:text-gray-900 transition-colors">Contact</a>
      </nav>
    </div>
  </div>
</div>

All Prompts