mobile design until Media section

This commit is contained in:
2026-06-17 14:13:15 +02:00
parent 103d2be218
commit e4f51ed01e
43 changed files with 525 additions and 343 deletions
+39
View File
@@ -0,0 +1,39 @@
<div class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6">
<div class="text-center text-2xl text-ejc-dark font-extrabold leading-[130%]">
Follow the two events!
</div>
<div class="flex flex-col gap-6">
<img 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 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>