create the section
This commit is contained in:
@@ -118,7 +118,7 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex items-center gap-4 mb-4">
|
||||
<div class="flex items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
@@ -133,7 +133,7 @@
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
Former DFB physiotherapist now rehab partner of B42
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -169,21 +169,24 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-1 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">November 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Challenges
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
progress
|
||||
</span>
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
training
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
Prove your progress
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -218,21 +221,25 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">September 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Challenges
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
Features
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Features
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
Recover lika a Pro - Train. Sweat. Recover.
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -268,21 +275,25 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">September 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Challenges
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
Features
|
||||
</span>
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
|
||||
training
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
Your move decides
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -317,21 +328,26 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">September 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Features
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
progress
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
training
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
From professional ball to amateur training
|
||||
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -356,7 +372,7 @@
|
||||
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
|
||||
|
||||
<!-- Image -->
|
||||
<img src="{% static 'images/ball.png' %}"
|
||||
<img src="{% static 'images/ras.png' %}"
|
||||
alt="Former DFB physio"
|
||||
class="w-full h-64 object-cover rounded-[4rem]"
|
||||
/>
|
||||
@@ -366,21 +382,24 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">September 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Features
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
Injuries
|
||||
</span>
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
training
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
Avoid ankle injuries – before they happen
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -415,21 +434,25 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">August 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Women's football
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
Injuries
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
progress
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
LET'S CLOSE THE GAP
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -464,15 +487,19 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">July 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Women's football
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
Stories
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
engagement
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -513,15 +540,70 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">June 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Women's football
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
training
|
||||
</span>
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Injuries
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<!-- Button -->
|
||||
<button
|
||||
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
|
||||
aria-label="Read more"
|
||||
>
|
||||
<svg xmlns="images/prevents.png"
|
||||
class="w-6 h-6 text-black"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
stroke-width="3">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
|
||||
|
||||
<!-- Image -->
|
||||
<img src="{% static 'images/train.jpg' %}"
|
||||
alt="Former DFB physio"
|
||||
class="w-full h-64 object-cover rounded-[4rem]"
|
||||
/>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="p-8 flex flex-col flex-grow justify-between text-left">
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">June 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Women's football
|
||||
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
training
|
||||
</span>
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Injuries
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -562,21 +644,24 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">January 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Performance App
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
Injuries
|
||||
</span>
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
regeneration
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
Patellar tendon problems - B42 can help
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -598,10 +683,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
|
||||
|
||||
<!-- Image -->
|
||||
<img src="{% static 'images/train.jpg' %}"
|
||||
<img src="{% static 'images/pattelar.jpg' %}"
|
||||
alt="Former DFB physio"
|
||||
class="w-full h-64 object-cover rounded-[4rem]"
|
||||
/>
|
||||
@@ -611,21 +697,24 @@
|
||||
|
||||
<!-- Date + Tags -->
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-4">
|
||||
<span class="text-gray-300 text-sm font-bold">January 2025</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
News
|
||||
Performance App
|
||||
</span>
|
||||
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
Verletzungen
|
||||
Injuries
|
||||
</span>
|
||||
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
|
||||
regeneration
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
||||
Former DFB physio now rehab partner of B42
|
||||
Achilles tendon pain - B42 can help
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -646,10 +735,6 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Copy same card structure as many times as needed -->
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user