fix: balance section colors - more vibrant but still readable
This commit is contained in:
@@ -149,19 +149,19 @@
|
||||
<h2 data-i18n="landingPathsTitle">Explore Learning Paths</h2>
|
||||
<div class="section-cards" id="section-cards">
|
||||
<a href="#css" class="section-card" data-section="css">
|
||||
<div class="section-card-icon" style="background: #7b68a6">CSS</div>
|
||||
<div class="section-card-icon" style="background: #8b6bc4">CSS</div>
|
||||
<h3>CSS</h3>
|
||||
<p data-i18n="landingCssDesc">Styling, layout, and animations</p>
|
||||
<span class="section-card-progress" id="css-progress"></span>
|
||||
</a>
|
||||
<a href="#html" class="section-card" data-section="html">
|
||||
<div class="section-card-icon" style="background: #c75b7a">HTML</div>
|
||||
<div class="section-card-icon" style="background: #d4637b">HTML</div>
|
||||
<h3>HTML</h3>
|
||||
<p data-i18n="landingHtmlDesc">Semantic markup and native elements</p>
|
||||
<span class="section-card-progress" id="html-progress"></span>
|
||||
</a>
|
||||
<a href="#tailwind" class="section-card" data-section="tailwind">
|
||||
<div class="section-card-icon" style="background: #4a9ea8">TW</div>
|
||||
<div class="section-card-icon" style="background: #26a69a">TW</div>
|
||||
<h3>Tailwind CSS</h3>
|
||||
<p data-i18n="landingTailwindDesc">Utility-first CSS framework</p>
|
||||
<span class="section-card-progress" id="tailwind-progress"></span>
|
||||
|
||||
Reference in New Issue
Block a user