changes by Miki
This commit is contained in:
+1
-1
@@ -1,6 +1,6 @@
|
||||
<app-header></app-header>
|
||||
|
||||
<main class="main">
|
||||
<main class="main" class="pt-19 md:pt-27">
|
||||
<app-cover></app-cover>
|
||||
<app-welcome></app-welcome>
|
||||
<app-two-events id="events"></app-two-events>
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<div class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6 xl:max-w-315 md:px-0">
|
||||
<div
|
||||
class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6 xl:max-w-315 md:px-0">
|
||||
<div
|
||||
class="text-center text-2xl text-ejc-dark font-extrabold leading-[130%] md:text-[40px]">
|
||||
Discover the host cities!
|
||||
@@ -18,11 +19,13 @@
|
||||
enthusiasts and families.
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<div
|
||||
<a
|
||||
href="https://visittata.com/list-page/417-tatabanya"
|
||||
target="_blank"
|
||||
class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
|
||||
More info
|
||||
<app-chevron-right></app-chevron-right>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-6 md:flex-1">
|
||||
@@ -38,11 +41,13 @@
|
||||
recreation and sightseeing.
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<div
|
||||
<a
|
||||
href="https://visittata.com/list-page/413-tata"
|
||||
target="_blank"
|
||||
class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
|
||||
More info
|
||||
<app-chevron-right></app-chevron-right>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="w-screen bg-ejc-dark-blue">
|
||||
<div
|
||||
class="container mx-auto flex flex-col gap-6 md:flex-wrap md:justify-center xl:max-w-315 px-5 py-10 md:px-0 lg:flex-row lg:justify-between lg:gap-20 xl:gap-30">
|
||||
class="container mx-auto flex flex-col gap-6 md:flex-wrap md:justify-center xl:max-w-315 px-5 py-10 md:px-0 lg:flex-row lg:justify-between lg:gap-20 xl:gap-40">
|
||||
<div
|
||||
class="flex flex-col gap-6 md:flex-row lg:flex-1 lg:justify-between lg:gap-0">
|
||||
<div class="flex justify-center md:flex-1 md:justify-start">
|
||||
@@ -59,19 +59,22 @@
|
||||
</div>
|
||||
<div class="flex flex-col gap-3 md:flex-1 lg:items-end">
|
||||
<div
|
||||
class="text-white sm:text-center md:text-left font-bold text-[16px] md:text-[20px] lg:pr-10">
|
||||
class="text-white sm:text-center md:text-left font-bold text-[16px] md:text-[20px]">
|
||||
Follow us!
|
||||
</div>
|
||||
<div class="flex gap-2.5 sm:justify-center md:justify-start">
|
||||
<div class="flex gap-2.5 sm:justify-center md:justify-start lg:pr-2.5">
|
||||
<a href="https://www.facebook.com/tollaslabda" target="_blank">
|
||||
<img
|
||||
src="/images/facebook.png"
|
||||
alt="Facebook"
|
||||
class="w-7.5 md:w-10" />
|
||||
</a>
|
||||
<a href="https://www.instagram.com/badmintonhungary/" target="_blank">
|
||||
<img
|
||||
src="/images/instagram.png"
|
||||
alt="Instagram"
|
||||
class="w-7.5 md:w-10" />
|
||||
<img src="/images/youtube.png" alt="Youtube" class="w-7.5 md:w-10" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,9 +1,12 @@
|
||||
<div class="w-screen bg-ejc-orange h-10.25 hidden md:flex items-center">
|
||||
<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 class="text-white text-[13px] font-bold">
|
||||
office@badminton.hu
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-2.5 items-center">
|
||||
<app-phone></app-phone>
|
||||
@@ -21,10 +24,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-screen bg-ejc-dark-blue h-16.75 hidden md:flex items-center">
|
||||
</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" src="/images/logo-small.png" alt="Logo" />
|
||||
<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
|
||||
@@ -56,12 +63,18 @@
|
||||
</div>
|
||||
</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 class="w-10" src="/images/logo-small.png" alt="Logo" />
|
||||
<img
|
||||
(click)="scrollToTop()"
|
||||
class="w-10 cursor-pointer"
|
||||
src="/images/logo-small.png"
|
||||
alt="Logo" />
|
||||
</div>
|
||||
|
||||
<button
|
||||
@@ -109,4 +122,5 @@
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -40,4 +40,11 @@ export class Header {
|
||||
this.closeMenu();
|
||||
}
|
||||
}
|
||||
|
||||
scrollToTop(): void {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: 'smooth',
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -17,10 +17,12 @@
|
||||
class="font-extrabold text-2xl text-ejc-dark leading-[130%] md:text-[40px]">
|
||||
Watch every match live on badmintoneurope.tv
|
||||
</div>
|
||||
<div
|
||||
<a
|
||||
href="https://www.badmintoneurope.tv/"
|
||||
target="_blank"
|
||||
class="w-45.75 py-3.75 px-7.5 rounded-md flex items-center gap-2.5 bg-ejc-orange">
|
||||
<div class="font-bold text-[17px] text-white">Watch now</div>
|
||||
<app-chevron-right />
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -18,11 +18,13 @@
|
||||
18-22 Aug 2026
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<div
|
||||
<a
|
||||
href="https://badmintoneurope.com/tournaments?tournament_code=61EF6F5F-A05A-40DA-B58B-2216225ED496&tournament_tab=overview"
|
||||
target="_blank"
|
||||
class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
|
||||
More info
|
||||
<app-chevron-right></app-chevron-right>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-6">
|
||||
@@ -38,11 +40,13 @@
|
||||
22-27 Aug 2026
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<div
|
||||
<a
|
||||
href="https://badmintoneurope.com/tournaments?tournament_code=3C2CF768-BB05-40CA-BDCE-A68109B5B613&tournament_tab=overview"
|
||||
target="_blank"
|
||||
class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
|
||||
More info
|
||||
<app-chevron-right></app-chevron-right>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user