50 lines
1.7 KiB
HTML
50 lines
1.7 KiB
HTML
<div
|
|
class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6 md:px-0 md:py-20">
|
|
<div
|
|
class="text-center text-2xl text-ejc-dark font-extrabold leading-[130%] md:text-[40px]">
|
|
Follow the two events!
|
|
</div>
|
|
<div class="flex flex-col gap-6 md:flex-row">
|
|
<div class="flex flex-col gap-6">
|
|
<img
|
|
class="md:aspect-video"
|
|
src="/images/team_event.png"
|
|
alt="Team Event" />
|
|
<div class="text-ejc-dark font-extrabold text-xl text-center">
|
|
2026 European Junior Team Championships
|
|
</div>
|
|
<div
|
|
class="text-center text-[16px] text-ejc-orange font-bold leading-[130%]">
|
|
18-22 Aug 2026
|
|
</div>
|
|
<div class="flex justify-center">
|
|
<div
|
|
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>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col gap-6">
|
|
<img
|
|
class="md:aspect-video"
|
|
src="/images/individual_event.png"
|
|
alt="Individual Event" />
|
|
<div class="text-ejc-dark font-extrabold text-xl text-center">
|
|
2026 European Junior Championships
|
|
</div>
|
|
<div
|
|
class="text-center text-[16px] text-ejc-orange font-bold leading-[130%]">
|
|
22-27 Aug 2026
|
|
</div>
|
|
<div class="flex justify-center">
|
|
<div
|
|
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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|