127 lines
3.7 KiB
HTML
127 lines
3.7 KiB
HTML
<div class="fixed top-0 left-0 w-screen z-50">
|
|
<div class="w-screen bg-ejc-orange h-10.25 hidden md:flex items-center">
|
|
<div class="container mx-auto flex justify-between xl:max-w-315">
|
|
<div class="flex gap-6">
|
|
<div class="flex gap-2.5 items-center">
|
|
<app-mail></app-mail>
|
|
<div class="text-white text-[13px] font-bold">
|
|
office@badminton.hu
|
|
</div>
|
|
</div>
|
|
<div class="flex gap-2.5 items-center">
|
|
<app-phone></app-phone>
|
|
<div class="text-white text-[13px] font-bold">+36 30 329 5154</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex gap-6 text-[13px] font-bold text-ejc-dark">
|
|
<div>
|
|
<a class="text-ejc-dark" href="https://badmintoneurope.com">
|
|
Badminton Europe
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a class="text-ejc-dark" href="https://badminton.hu">badminton.hu</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-screen bg-ejc-dark-blue h-16.75 hidden md:flex items-center">
|
|
<div class="container mx-auto flex justify-between xl:max-w-315">
|
|
<img
|
|
class="w-5.25 cursor-pointer"
|
|
(click)="scrollToTop()"
|
|
src="/images/logo-small.png"
|
|
alt="Logo" />
|
|
<div class="flex gap-6 text-[16px] font-bold text-white">
|
|
<div>
|
|
<a
|
|
class="text-white font-extrabold cursor-pointer"
|
|
(click)="scrollTo('events');">
|
|
Events
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a
|
|
class="text-white font-extrabold cursor-pointer"
|
|
(click)="scrollTo('venue');">
|
|
Venue
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a
|
|
class="text-white font-extrabold cursor-pointer"
|
|
(click)="scrollTo('media');">
|
|
Media
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a
|
|
class="text-white font-extrabold cursor-pointer"
|
|
(click)="scrollTo('information');">
|
|
Information
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="fixed top-0 left-0 w-screen z-50">
|
|
<div
|
|
#menuContainer
|
|
class="w-screen flex md:hidden items-center h-19 bg-ejc-dark-blue justify-between px-5 relative">
|
|
<div>
|
|
<img
|
|
(click)="scrollToTop()"
|
|
class="w-10 cursor-pointer"
|
|
src="/images/logo-small.png"
|
|
alt="Logo" />
|
|
</div>
|
|
|
|
<button
|
|
type="button"
|
|
(click)="isMenuOpen = !isMenuOpen"
|
|
class="flex items-center justify-center cursor-pointer">
|
|
<!-- Hamburger icon -->
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="w-6 h-6 text-white"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor">
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M4 6h16M4 12h16M4 18h16" />
|
|
</svg>
|
|
</button>
|
|
|
|
@if (isMenuOpen) {
|
|
<div
|
|
#menu
|
|
class="absolute top-full right-0 mt-2 w-56 rounded-lg shadow-lg bg-white z-50">
|
|
<a
|
|
class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
|
|
(click)="scrollTo('events'); closeMenu()">
|
|
Events
|
|
</a>
|
|
<a
|
|
class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
|
|
(click)="scrollTo('venue'); closeMenu()">
|
|
Venue
|
|
</a>
|
|
<a
|
|
class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
|
|
(click)="scrollTo('media'); closeMenu()">
|
|
Media
|
|
</a>
|
|
<a
|
|
class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
|
|
(click)="scrollTo('information'); closeMenu()">
|
|
Information
|
|
</a>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|