All Prompts
All Prompts

headernavigationlogoresponsive
Left-Aligned Logo Header
Шапка сайта с логотипом слева и навигацией. Адаптивный UI-компонент для заголовков веб-сайтов и панелей инструментов приложений.
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>