Spaces:
Running
Running
Display all 8 VIP Tier Cards correctly
Browse files- index.html +8 -12
index.html
CHANGED
|
@@ -452,10 +452,9 @@
|
|
| 452 |
</ul>
|
| 453 |
</div>
|
| 454 |
</div>
|
| 455 |
-
|
| 456 |
<!-- Tier Card 5 - Ruby -->
|
| 457 |
-
<div class="tier-card w-40 flex flex-col items-center py-4 px-2 relative
|
| 458 |
-
|
| 459 |
<div class="bg-gradient-to-r from-red-600 to-pink-600 w-16 h-16 transform rotate-45 flex items-center justify-center">
|
| 460 |
<span class="text-white font-bold transform -rotate-45">Ruby</span>
|
| 461 |
</div>
|
|
@@ -477,10 +476,9 @@
|
|
| 477 |
</ul>
|
| 478 |
</div>
|
| 479 |
</div>
|
| 480 |
-
|
| 481 |
<!-- Tier Card 6 - Emerald -->
|
| 482 |
-
<div class="tier-card w-40 flex flex-col items-center py-4 px-2 relative
|
| 483 |
-
|
| 484 |
<div class="bg-gradient-to-r from-emerald-500 to-teal-500 w-16 h-16 transform rotate-45 flex items-center justify-center">
|
| 485 |
<span class="text-white font-bold transform -rotate-45">Emerald</span>
|
| 486 |
</div>
|
|
@@ -502,10 +500,9 @@
|
|
| 502 |
</ul>
|
| 503 |
</div>
|
| 504 |
</div>
|
| 505 |
-
|
| 506 |
<!-- Tier Card 7 - Platinum -->
|
| 507 |
-
<div class="tier-card w-40 flex flex-col items-center py-4 px-2 relative
|
| 508 |
-
|
| 509 |
<div class="tier-diamond w-16 h-16">
|
| 510 |
<span class="text-white">Platinum</span>
|
| 511 |
</div>
|
|
@@ -527,10 +524,9 @@
|
|
| 527 |
</ul>
|
| 528 |
</div>
|
| 529 |
</div>
|
| 530 |
-
|
| 531 |
<!-- Tier Card 8 - Onyx -->
|
| 532 |
-
<div class="tier-card w-40 flex flex-col items-center py-4 px-2 relative
|
| 533 |
-
|
| 534 |
<div class="tier-diamond w-16 h-16">
|
| 535 |
<span class="text-white">Onyx</span>
|
| 536 |
</div>
|
|
|
|
| 452 |
</ul>
|
| 453 |
</div>
|
| 454 |
</div>
|
|
|
|
| 455 |
<!-- Tier Card 5 - Ruby -->
|
| 456 |
+
<div class="tier-card w-40 flex flex-col items-center py-4 px-2 relative">
|
| 457 |
+
<div class="glow-border"></div>
|
| 458 |
<div class="bg-gradient-to-r from-red-600 to-pink-600 w-16 h-16 transform rotate-45 flex items-center justify-center">
|
| 459 |
<span class="text-white font-bold transform -rotate-45">Ruby</span>
|
| 460 |
</div>
|
|
|
|
| 476 |
</ul>
|
| 477 |
</div>
|
| 478 |
</div>
|
|
|
|
| 479 |
<!-- Tier Card 6 - Emerald -->
|
| 480 |
+
<div class="tier-card w-40 flex flex-col items-center py-4 px-2 relative">
|
| 481 |
+
<div class="glow-border"></div>
|
| 482 |
<div class="bg-gradient-to-r from-emerald-500 to-teal-500 w-16 h-16 transform rotate-45 flex items-center justify-center">
|
| 483 |
<span class="text-white font-bold transform -rotate-45">Emerald</span>
|
| 484 |
</div>
|
|
|
|
| 500 |
</ul>
|
| 501 |
</div>
|
| 502 |
</div>
|
|
|
|
| 503 |
<!-- Tier Card 7 - Platinum -->
|
| 504 |
+
<div class="tier-card w-40 flex flex-col items-center py-4 px-2 relative">
|
| 505 |
+
<div class="glow-border"></div>
|
| 506 |
<div class="tier-diamond w-16 h-16">
|
| 507 |
<span class="text-white">Platinum</span>
|
| 508 |
</div>
|
|
|
|
| 524 |
</ul>
|
| 525 |
</div>
|
| 526 |
</div>
|
|
|
|
| 527 |
<!-- Tier Card 8 - Onyx -->
|
| 528 |
+
<div class="tier-card w-40 flex flex-col items-center py-4 px-2 relative">
|
| 529 |
+
<div class="glow-border"></div>
|
| 530 |
<div class="tier-diamond w-16 h-16">
|
| 531 |
<span class="text-white">Onyx</span>
|
| 532 |
</div>
|