wn-discoteam-theme/partials/shared/header.htm

36 lines
2.1 KiB
HTML
Raw Normal View History

2024-02-12 21:44:41 +01:00
{# Your header goes here #}
2024-09-21 03:19:37 +02:00
<div class="relative flex items-center justify-center">
2024-09-18 23:02:13 +02:00
<img src="{{'header.jpg' | media }}" class="w-full h-48 md:h-full object-cover" />
2024-09-21 03:19:37 +02:00
<div class="absolute top-6 w-full left-0">
<div class="container">
<div class="flex justify-center items-center rounded-xl lg:text-xl font-bold overflow-hidden from-lime-300/60 to-rose-300/60 bg-gradient-to-tr backdrop-blur">
<a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="/#ausstattung">Ausstattung</a>
<a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="/#buchen">Buchungsanfrage</a>
<a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="/#faq">FAQ</a>
</div>
</div>
</div>
2024-09-18 20:42:11 +02:00
2024-09-21 03:19:37 +02:00
<div class="hidden lg:block absolute left-0 w-full">
<div class="container flex justify-left">
<div class="bg-rose-300/80 py-4 px-6 backdrop-blur rounded-lg text-red-900">
<h1 class="text-red-900 text-2xl font-bold">
Discothek St. Katharina
</h1>
<p class="mt-2">
Veranstaltungsraum in Solingen Wald
</p>
<p>
Für Geburtstage, Firmenfeiern und Partys aller Art.
</p>
</div>
2024-02-17 11:57:32 +01:00
</div>
</div>
</div>
2024-09-21 03:19:37 +02:00
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none" class="w-full h-10 text-rose-100 -mt-10 relative">
<path fill="currentColor" class="hidden lg:block" fill-opacity="1" d="M0,128L144,96L288,320L432,0L576,64L720,160L864,32L1008,64L1152,0L1296,128L1440,32L1440,320L1296,320L1152,320L1008,320L864,320L720,320L576,320L432,320L288,320L144,320L0,320Z"></path>
<path fill="currentColor" class="lg:hidden" fill-opacity="1" d="M0,160L288,192L576,256L864,128L1152,192L1440,96L1440,320L1152,320L864,320L576,320L288,320L0,320Z"></path>
</svg>