Skip to content

Commit 153c51d

Browse files
Refactor accessories section in courses.html
1 parent 10775c6 commit 153c51d

1 file changed

Lines changed: 70 additions & 78 deletions

File tree

courses.html

Lines changed: 70 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -565,86 +565,78 @@ <h4 class="text-2xl font-bold text-gray-500 mb-2 flex-shrink-0">Complete Summer
565565

566566
</div>
567567
</section>
568+
569+
<section id="accessories" class="py-16 bg-white px-4 fade-in-content">
570+
<div class="max-w-6xl mx-auto">
571+
<h3 class="text-3xl font-bold text-center text-indigo-700 mb-4">Essential Chess Accessories </h3>
572+
<p class="text-lg text-gray-600 text-center mb-10">Get the FIDE-approved gear used by our coaches for tournament preparation and play.</p>
573+
574+
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
575+
576+
<div class="bg-gray-50 rounded-lg shadow-lg p-6 text-center transition-all duration-300 hover:shadow-xl hover:scale-[1.02]">
577+
<img src="https://github.com/Sourabhjoshi1/Chess-Depth/blob/main/favicon/f482bec9-8c5e-486e-ac66-92cbb4e5400d.png?raw=true" alt="FIDE Tournament Chess Set" class="w-full h-48 object-contain mx-auto mb-4 rounded-md">
578+
579+
<h4 class="text-2xl font-bold text-gray-800 mb-2">Official FIDE Tournament Chess Set (18")</h4>
580+
581+
<div class="text-lg mb-4">
582+
<span class="text-red-600 font-bold mr-3">₹ 799</span>
583+
<span class="text-gray-500 line-through">₹ 1299</span>
584+
<span class="text-green-600 text-sm ml-2">(38% OFF)</span>
585+
</div>
586+
587+
<p class="text-sm text-gray-600 mb-4">
588+
Official 18" x 18" vinyl mat and triple-weighted plastic pieces. Perfect for home study and tournament preparation.
589+
</p>
590+
591+
<a href="contact.html" class="w-full bg-indigo-600 text-white font-semibold py-3 rounded-lg hover:bg-indigo-700 transition flex items-center justify-center gap-2">
592+
<i class="fas fa-shopping-cart"></i> Order / Inquire
593+
</a>
594+
</div>
595+
596+
<div class="bg-gray-50 rounded-lg shadow-lg p-6 text-center transition-all duration-300 hover:shadow-xl hover:scale-[1.02]">
597+
<img src="https://github.com/Sourabhjoshi1/Chess-Depth/blob/main/favicon/c9462090-aafd-4460-bfbd-6240608cb211.png?raw=true" alt="FIDE Digital Clock" class="w-full h-48 object-contain mx-auto mb-4 rounded-md">
598+
599+
<h4 class="text-2xl font-bold text-gray-800 mb-2">FIDE Tournament Digital Clock</h4>
600+
601+
<div class="text-lg mb-4">
602+
<span class="text-red-600 font-bold mr-3">₹ 3999</span>
603+
<span class="text-gray-500 line-through">₹ 4500</span>
604+
<span class="text-green-600 text-sm ml-2">(Save ₹501)</span>
605+
</div>
606+
607+
<p class="text-sm text-gray-600 mb-4">
608+
Essential digital clock compliant with all FIDE time controls, including delay and increment modes.
609+
</p>
610+
611+
<a href="contact.html" class="w-full bg-indigo-600 text-white font-semibold py-3 rounded-lg hover:bg-indigo-700 transition flex items-center justify-center gap-2">
612+
<i class="fas fa-shopping-cart"></i> Order / Inquire
613+
</a>
614+
</div>
615+
616+
<div class="bg-gray-50 rounded-lg shadow-lg p-6 text-center transition-all duration-300 hover:shadow-xl hover:scale-[1.02]">
617+
<img src="https://i.ebayimg.com/images/g/1LYAAOSwDF1mIuik/s-l400.jpg" alt="Premium Chess Book" class="w-full h-48 object-contain mx-auto mb-4 rounded-md">
618+
619+
<h4 class="text-2xl font-bold text-gray-800 mb-2">Complete Book of Chess Strategy: Grandmaster Techniques from A to Z</h4>
620+
621+
<div class="text-lg mb-4">
622+
<span class="text-gray-800 font-bold">₹ 850</span>
623+
</div>
624+
625+
<p class="text-sm text-gray-600 mb-4">
626+
A selection of high-level puzzle and analysis books chosen by our Grandmaster coach.
627+
</p>
628+
629+
<a href="contact.html" class="w-full bg-indigo-600 text-white font-semibold py-3 rounded-lg hover:bg-indigo-700 transition">
630+
Request Catalog
631+
</a>
632+
</div>
568633

569-
<section id="accessories" class="py-16 bg-white px-4 fade-in-content">
570-
<div class="max-w-6xl mx-auto">
571-
<h3 class="text-3xl font-bold text-center text-indigo-700 mb-4">Essential Chess Accessories </h3>
572-
<p class="text-lg text-gray-600 text-center mb-10">Get the FIDE-approved gear used by our coaches for tournament preparation and play.</p>
573-
574-
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
575-
576-
<div class="bg-gray-50 rounded-lg shadow-lg p-6 text-center transition-all duration-300 hover:shadow-xl hover:scale-[1.02]">
577-
<img src="https://github.com/Sourabhjoshi1/Chess-Depth/blob/main/favicon/f482bec9-8c5e-486e-ac66-92cbb4e5400d.png?raw=true" alt="FIDE Tournament Chess Set" class="w-full h-48 object-contain mx-auto mb-4 rounded-md">
578-
579-
<h4 class="text-2xl font-bold text-gray-800 mb-2">Official FIDE Tournament Chess Set (18")</h4>
580-
581-
<div class="text-lg mb-4">
582-
<span class="text-red-600 font-bold mr-3">₹ 799</span>
583-
<span class="text-gray-500 line-through">₹ 1299</span>
584-
<span class="text-green-600 text-sm ml-2">(38% OFF)</span>
585-
</div>
586-
587-
<p class="text-sm text-gray-600 mb-4">
588-
Official 18" x 18" vinyl mat and triple-weighted plastic pieces. Perfect for home study and tournament preparation.
589-
</p>
590-
591-
<a href="contact.html" class="w-full bg-indigo-600 text-white font-semibold py-3 rounded-lg hover:bg-indigo-700 transition">
592-
Inquire / Buy Now
593-
</a>
594-
</div>
595-
596-
<div class="bg-gray-50 rounded-lg shadow-lg p-6 text-center transition-all duration-300 hover:shadow-xl hover:scale-[1.02]">
597-
<img src="https://github.com/Sourabhjoshi1/Chess-Depth/blob/main/favicon/c9462090-aafd-4460-bfbd-6240608cb211.png?raw=true" alt="FIDE Digital Clock" class="w-full h-48 object-contain mx-auto mb-4 rounded-md">
598-
599-
<h4 class="text-2xl font-bold text-gray-800 mb-2">FIDE Tournament Digital Clock</h4>
600-
601-
<div class="text-lg mb-4">
602-
<span class="text-red-600 font-bold mr-3">₹ 3999</span>
603-
<span class="text-gray-500 line-through">₹ 4500</span>
604-
<span class="text-green-600 text-sm ml-2">(Save ₹501)</span>
605-
</div>
606-
607-
<p class="text-sm text-gray-600 mb-4">
608-
Essential digital clock compliant with all FIDE time controls, including delay and increment modes.
609-
</p>
610-
611-
<a href="contact.html" class="w-full bg-indigo-600 text-white font-semibold py-3 rounded-lg hover:bg-indigo-700 transition">
612-
Inquire / Buy Now
613-
</a>
614-
</div>
615-
616-
<div class="bg-gray-50 rounded-lg shadow-lg p-6 text-center transition-all duration-300 hover:shadow-xl hover:scale-[1.02]">
617-
<img src="https://i.ebayimg.com/images/g/1LYAAOSwDF1mIuik/s-l400.jpg" alt="Premium Chess Book" class="w-full h-48 object-contain mx-auto mb-4 rounded-md">
618-
619-
<h4 class="text-2xl font-bold text-gray-800 mb-2">Complete Book of Chess Strategy: Grandmaster Techniques from A to Z</h4>
620-
621-
<div class="text-lg mb-4">
622-
<span class="text-gray-800 font-bold">₹ 850</span>
623-
</div>
624-
625-
<p class="text-sm text-gray-600 mb-4">
626-
A selection of high-level puzzle and analysis books chosen by our Grandmaster coach.
627-
</p>
628-
629-
<a href="contact.html" class="w-full bg-indigo-600 text-white font-semibold py-3 rounded-lg hover:bg-indigo-700 transition">
630-
Request Catalog
631-
</a>
632-
</div>
633-
634-
</div>
635-
<p class="text-center text-gray-600 mt-12 text-lg">
636-
For bulk orders or specific accessory inquiries, please <a href="contact.html" class="text-indigo-600 hover:underline font-semibold">Contact Us Directly</a>.
637-
</p>
638-
</div>
639-
</section>
640-
641-
<section class="bg-indigo-600 text-white py-12 text-center fade-in-content">
642-
<div class="max-w-4xl mx-auto px-4">
643-
<h3 class="text-3xl font-bold mb-4">Ready to Start Your ChessDepth Journey?</h3>
644-
<p class="text-xl mb-6">Our next batch of courses is starting soon!</p>
645-
<a href="index.html#inquiry" class="bg-white text-indigo-600 font-semibold py-3 px-8 rounded-full shadow hover:bg-gray-100 transition">Enroll Now</a>
634+
</div>
635+
<p class="text-center text-gray-600 mt-12 text-lg">
636+
For bulk orders or specific accessory inquiries, please <a href="contact.html" class="text-indigo-600 hover:underline font-semibold">Contact Us Directly</a>.
637+
</p>
646638
</div>
647-
</section>
639+
</section>
648640

649641
<footer class="bg-gray-800 text-white py-6 mt-10">
650642
<div class="max-w-5xl mx-auto text-center">

0 commit comments

Comments
 (0)