Merge remote-tracking branch 'origin/dev_khushi' into dev_anurag
This commit is contained in:
@@ -8,19 +8,19 @@
|
|||||||
<!-- Text on the left -->
|
<!-- Text on the left -->
|
||||||
<div class="flex flex-col gap-4 lg:w-1/2">
|
<div class="flex flex-col gap-4 lg:w-1/2">
|
||||||
<p class="text-indigo-500 font-semibold">Success stories</p>
|
<p class="text-indigo-500 font-semibold">Success stories</p>
|
||||||
<h1 class="text-white text-5xl font-bold leading-snug">How B42 delivers</h1>
|
<h1 class="text-white text-6xl font-semibold leading-snug ">How B42 delivers <br> success</h1>
|
||||||
<h1 class="text-white text-5xl font-bold leading-snug">success</h1>
|
|
||||||
<h2 class="text-white text-xl font-medium mt-2">
|
<h2 class="text-white text-xl font-medium mt-2">
|
||||||
Digitalization is the key to <br>
|
Digitalization is the key to <br>
|
||||||
football training of the future
|
football training of the future
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Image on the right -->
|
<!-- Image on the right -->
|
||||||
<div class="lg:w-1/2 flex justify-end">
|
<div class="lg:w-1/2 flex justify-end">
|
||||||
<img src="{% static 'images/stoey.png' %}"
|
<img src="{% static 'images/stoey.png' %}"
|
||||||
alt="Success story image"
|
alt="Success story image"
|
||||||
class="w-full max-w-md lg:max-w-lg h-56 sm:h-64 md:h-72 lg:h-96 object-cover rounded-3xl"/>
|
class="w-full max-w-md lg:max-w-[33rem] h-60 sm:h-70 md:h-76 lg:h-[30rem] object-cover rounded-[4rem]">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -43,7 +43,7 @@ football training of the future
|
|||||||
|
|
||||||
<!-- Right side: paragraph -->
|
<!-- Right side: paragraph -->
|
||||||
<div class="lg:w-1/2 text-white text-sm leading-relaxed">
|
<div class="lg:w-1/2 text-white text-sm leading-relaxed">
|
||||||
The nice thing about the team? You win together, you lose together. Nevertheless, it is annoying when the last percent is missing in the decisive game in order to be successful. With B42, you have the opportunity to improve your performance as a team in every part of the team and in every phase of the season.
|
The nice thing about the team? You win together, you lose together. Nevertheless, it is annoying when the last percent is missing in the decisive game in order to be successful. With B42, you have the opportunity to improve your performance as a team in every part of the team and in every phase of the season. <br>
|
||||||
These trainers tell you which functions they use and how.
|
These trainers tell you which functions they use and how.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -52,159 +52,123 @@ football training of the future
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="bg-[#1d1d1d] py-12 px-4 ">
|
<div class="bg-[#1d1d1d] py-12 px-4">
|
||||||
|
|
||||||
|
|
||||||
<!-- Cards Grid -->
|
<!-- Cards Grid -->
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-y-8 justify-items-center m-auto w-[80%]">
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 justify-items-center m-auto w-[68%]">
|
||||||
|
|
||||||
|
<!-- Card 1 -->
|
||||||
|
<div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
|
||||||
|
<img src="{% static 'images/svg.png' %}"
|
||||||
|
alt="Former DFB physio"
|
||||||
|
class="w-full h-64 object-cover rounded-[4rem]"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="py-8 px-6 flex flex-col flex-grow justify-between text-left">
|
||||||
|
<div>
|
||||||
|
<div class="flex flex-wrap items-center gap-3 mb-4 py-2">
|
||||||
|
<h1 class="text-white text-2xl font-semibold">SpVgg Hankofen</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="text-white text-sm mb-6 leading-snug">
|
||||||
|
How a tiny village turns amateur soccer on its head.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Duplicate Cards -->
|
<button
|
||||||
<div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
|
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
|
||||||
<!-- Image -->
|
aria-label="Read more"
|
||||||
<img src="{% static 'images/prov.png' %}"
|
>
|
||||||
alt="Former DFB physio"
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
class="w-full h-64 object-cover rounded-[4rem]"
|
class="w-6 h-6 text-black"
|
||||||
/>
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
<!-- Content -->
|
stroke="currentColor"
|
||||||
<div class="p-8 flex flex-col flex-grow justify-between text-left">
|
stroke-width="3">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
|
||||||
<!-- Date + Tags -->
|
</svg>
|
||||||
<div>
|
</button>
|
||||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
|
||||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Title -->
|
|
||||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
|
||||||
Former DFB physio now rehab partner of B42
|
|
||||||
</h3>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Button -->
|
<!-- Card 2 -->
|
||||||
<button
|
<div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
|
||||||
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
|
<img src="{% static 'images/sv.png' %}"
|
||||||
aria-label="Read more"
|
alt="Former DFB physio"
|
||||||
>
|
class="w-full h-64 object-cover rounded-[4rem]"
|
||||||
<svg xmlns="http://www.w3.org/2000/svg"
|
/>
|
||||||
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 class="py-8 px-6 flex flex-col flex-grow justify-between text-left">
|
||||||
</div>
|
<div>
|
||||||
|
<div class="flex flex-wrap items-center gap-3 mb-4 py-2">
|
||||||
|
<h1 class="text-white text-2xl font-semibold">SV Eidelstedt</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
|
<p class="text-white text-sm mb-6 leading-snug">
|
||||||
|
This is how this Hamburg club is revolutionizing soccer training.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Image -->
|
<button
|
||||||
<img src="{% static 'images/recover.png' %}"
|
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
|
||||||
alt="Former DFB physio"
|
aria-label="Read more"
|
||||||
class="w-full h-64 object-cover rounded-[4rem]"
|
>
|
||||||
/>
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="w-6 h-6 text-black"
|
||||||
<!-- Content -->
|
fill="none"
|
||||||
<div class="p-8 flex flex-col flex-grow justify-between text-left">
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
<!-- Date + Tags -->
|
stroke-width="3">
|
||||||
<div>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
|
||||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
</svg>
|
||||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
</button>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Title -->
|
|
||||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
|
||||||
Former DFB physio now rehab partner of B42
|
|
||||||
</h3>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Button -->
|
<!-- Card 3 -->
|
||||||
<button
|
<div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
|
||||||
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
|
<img src="{% static 'images/stoey.png' %}"
|
||||||
aria-label="Read more"
|
alt="Former DFB physio"
|
||||||
>
|
class="w-full h-64 object-cover rounded-[4rem]"
|
||||||
<svg xmlns="http://www.w3.org/2000/svg"
|
/>
|
||||||
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 class="py-8 px-6 flex flex-col flex-grow justify-between text-left">
|
||||||
</div>
|
<div>
|
||||||
|
<div class="flex flex-wrap items-center gap-3 mb-4 py-2">
|
||||||
|
<h1 class="text-white text-2xl font-semibold">SC Pfullendorf</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="text-white text-sm mb-6 leading-snug">
|
||||||
|
How SC Pfullendorf benefits from B42 with the entire club.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
|
<button
|
||||||
|
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
|
||||||
<!-- Image -->
|
aria-label="Read more"
|
||||||
<img src="{% static 'images/disrupt.png' %}"
|
>
|
||||||
alt="Former DFB physio"
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
class="w-full h-64 object-cover rounded-[4rem]"
|
class="w-6 h-6 text-black"
|
||||||
/>
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
<!-- Content -->
|
stroke="currentColor"
|
||||||
<div class="p-8 flex flex-col flex-grow justify-between text-left">
|
stroke-width="3">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
|
||||||
<!-- Date + Tags -->
|
</svg>
|
||||||
<div>
|
</button>
|
||||||
<div class="flex flex-wrap items-center gap-3 mb-4">
|
|
||||||
<span class="text-gray-300 text-sm font-bold">December 2021</span>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Title -->
|
|
||||||
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
|
|
||||||
Former DFB physio now rehab partner of B42
|
|
||||||
</h3>
|
|
||||||
</div>
|
</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="http://www.w3.org/2000/svg"
|
|
||||||
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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Copy same card structure as many times as needed -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full bg-[#1a1a1a] py-20">
|
<div class="w-full bg-[#1a1a1a] py-20">
|
||||||
|
|
||||||
|
<!-- Top Section: Heading + Paragraph -->
|
||||||
<div class="max-w-7xl mx-auto flex flex-col lg:flex-row items-start gap-8 px-8">
|
<div class="max-w-7xl mx-auto flex flex-col lg:flex-row items-start gap-8 px-8">
|
||||||
|
|
||||||
<!-- Left side: heading -->
|
<!-- Left: Heading -->
|
||||||
<div class="lg:w-1/2 flex flex-col gap-4">
|
<div class="lg:w-1/2 flex flex-col gap-4">
|
||||||
<p class="text-indigo-500 font-semibold">Interviews</p>
|
<p class="text-indigo-500 font-semibold">Interviews</p>
|
||||||
<h1 class="text-white text-3xl lg:text-4xl font-bold leading-snug">
|
<h1 class="text-white text-3xl lg:text-4xl font-bold leading-snug">
|
||||||
@@ -212,23 +176,83 @@ football training of the future
|
|||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Right side: paragraph -->
|
<!-- Right: Paragraph -->
|
||||||
<div class="lg:w-1/2 text-white text-sm leading-relaxed">
|
<div class="lg:w-1/2 text-white text-sm leading-relaxed">
|
||||||
What actually makes good trainers stand out? They make every player better every day. But that takes time, which is scarce in team training. That's why we give you lots of tools to work on each individual's strengths and weaknesses.
|
What actually makes good trainers stand out? They make every player better every day. But that takes time, which is scarce in team training. That's why we give you lots of tools to work on each individual's strengths and weaknesses.
|
||||||
|
<br /><br />
|
||||||
In an interview, these trainers explain how you can use these tools effectively.
|
In an interview, these trainers explain how you can use these tools effectively.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
<!-- Profile Cards -->
|
||||||
|
<div class="max-w-7xl mx-auto mt-12 flex flex-col md:flex-row justify-between">
|
||||||
|
|
||||||
|
|
||||||
<div>
|
<!-- Profile 1 -->
|
||||||
<div>
|
<div class="flex items-center justify-between bg-[#6d78ff] p-4 rounded-2xl w-full md:w-[32rem]">
|
||||||
<img src="" alt="">
|
|
||||||
|
<!-- Left: Image + Text -->
|
||||||
|
<div class="flex items-center gap-4">
|
||||||
|
<img src="{% static 'images/roland.png' %}"
|
||||||
|
alt="Roland Hofmann"
|
||||||
|
class="w-16 h-16 rounded-full object-cover" />
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="text-white text-lg font-semibold">Roland Hofmann</h1>
|
||||||
|
<p class="text-gray-300 text-sm">1. FC Nürnberg, U16w</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: 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="http://www.w3.org/2000/svg"
|
||||||
|
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>
|
||||||
<p>Roland Hofmann</p>
|
|
||||||
<p>1. FC Nürnberg, U16w</p>
|
<!-- Profile 2 -->
|
||||||
|
<div class="flex items-center justify-between bg-[#6d78ff] p-4 rounded-2xl w-full md:w-[32rem]">
|
||||||
|
|
||||||
|
<!-- Left: Image + Text -->
|
||||||
|
<div class="flex items-center gap-4">
|
||||||
|
<img src="{% static 'images/roland.png' %}"
|
||||||
|
alt="Roland Hofmann"
|
||||||
|
class="w-16 h-16 rounded-full object-cover" />
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1 class="text-white text-lg font-semibold">Roland Hofmann</h1>
|
||||||
|
<p class="text-gray-300 text-sm">1. FC Nürnberg, U16w</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: 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="http://www.w3.org/2000/svg"
|
||||||
|
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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@@ -236,4 +260,8 @@ In an interview, these trainers explain how you can use these tools effectively.
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
BIN
static/images/febian.png
Normal file
BIN
static/images/febian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
BIN
static/images/roland.png
Normal file
BIN
static/images/roland.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
BIN
static/images/sv.png
Normal file
BIN
static/images/sv.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 MiB |
BIN
static/images/svg.png
Normal file
BIN
static/images/svg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
Reference in New Issue
Block a user