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="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 --> <!-- LEFT CONTENT -->
<div class="md:w-1/2"> <div class="md:w-1/2">
<h1 class="text-2xl md:text-3xl font-bold mb-6">
TRAIN — No excuses, just skills. <h1 class="text-2xl md:text-3xl font-bold">
</h1> TRAIN — No excuses, just skills.
</h1>
<p class="text-lg text-gray-300 mb-8 "> <!-- Gradient Line -->
Over 500 soccer specific training-sessions and individualized training-plans, <div class="mt-3 w-40 h-1 ml-[20rem] bg-gradient-to-r from-lime-400 to-transparent rounded-full"></div>
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>
<a <p class="text-lg text-gray-300 mb-8 mt-6">
href="" Over 500 soccer specific training-sessions and individualized training-plans,
class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-full font-semibold text-white" 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.
Boost your game </p>
</a>
</div> <a
href=""
<!-- RIGHT IMAGE --> class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-full font-semibold text-white"
<div class="md:w-1/2 flex justify-center"> >
<img Boost your game
src="/static/images/sec-2.jpg" </a>
alt="Training Image"
class="max-w-full shadow-lg"
/>
</div>
</div> </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>
<div class="bg-black py-16 px-6"> <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"> <h1 class="inline-block text-2xl md:text-3xl font-semibold bg-white text-black px-2 py-1">
WIN – Turn grind into glory. WIN – Turn grind into glory.
</h1> </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"> <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. 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 CTA Boost your game