anurag.r/B42
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

align heading underline to right and update gradient color

Browse Source
This commit is contained in:
Khushi Tamor
2026-01-08 15:50:11 +05:30
parent f0524fa928
commit 7686866498
1 changed files with 33 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
templates/index.html
View File

@@ -55,39 +55,44 @@
<div class="bg-black text-white py-16 px-6">
<div class="max-w-7xl mx-auto flex flex-col-reverse md:flex-row items-center gap-12">
<div class="max-w-7xl mx-auto flex flex-col-reverse md:flex-row items-center gap-12">
<!-- LEFT CONTENT -->
<div class="md:w-1/2">
<h1 class="text-2xl md:text-3xl font-bold mb-6">
TRAIN — No excuses, just skills.
</h1>
<!-- LEFT CONTENT -->
<div class="md:w-1/2">
<h1 class="text-2xl md:text-3xl font-bold">
TRAIN — No excuses, just skills.
</h1>
<p class="text-lg text-gray-300 mb-8 ">
Over 500 soccer specific training-sessions and individualized training-plans,
designed to push you past your limits. Every session is tailored to your level,
so you’re always leveling up – no matter if you’re grinding alone or with your squad.
</p>
<!-- Gradient Line -->
<div class="mt-3 w-40 h-1 ml-[20rem] bg-gradient-to-r from-lime-400 to-transparent rounded-full"></div>
<a
href=""
class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-full font-semibold text-white"
>
Boost your game
</a>
<p class="text-lg text-gray-300 mb-8 mt-6">
Over 500 soccer specific training-sessions and individualized training-plans,
designed to push you past your limits. Every session is tailored to your level,
so you’re always leveling up – no matter if you’re grinding alone or with your squad.
</p>
</div>
<!-- RIGHT IMAGE -->
<div class="md:w-1/2 flex justify-center">
<img
src="/static/images/sec-2.jpg"
alt="Training Image"
class="max-w-full shadow-lg"
/>
</div>
<a
href=""
class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-full font-semibold text-white"
>
Boost your game
</a>
</div>
<!-- RIGHT IMAGE -->
<div class="md:w-1/2 flex justify-center">
<img
src="/static/images/sec-2.jpg"
alt="Training Image"
class="max-w-full shadow-lg"
/>
</div>
</div>
</div>
<div class="bg-black py-16 px-6">
@@ -153,7 +158,7 @@
<h1 class="inline-block text-2xl md:text-3xl font-semibold bg-white text-black px-2 py-1">
WIN – Turn grind into glory.
</h1>
<div class="mt-3 w-50 h-1 ml-[20rem] bg-gradient-to-r from-[#6f7cf7] to-transparent rounded-full"></div>
<p class="text-[21px] text-black mb-8 mt-5">
Every drop of sweat counts. Earn SweatPoints with every drill and stack them to climb the Road to Glory. The more you grind, the higher you rise – show the world how hard you’re willing to work for your spot at the top of your league table.
CTA Boost your game