Spaces:
Running
Running
Add 3 progressive jackpot display, minimalist style, on top of the hero banner. Minor, Major, Grand.
Browse files- index.html +31 -1
index.html
CHANGED
|
@@ -446,9 +446,39 @@
|
|
| 446 |
</div>
|
| 447 |
|
| 448 |
<main class="ml-16 pt-24 pb-28 px-4 relative">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 449 |
<!-- Hero Banner -->
|
| 450 |
<div class="relative rounded-xl overflow-hidden mb-4 h-52 glass-panel premium-gradient">
|
| 451 |
-
|
| 452 |
<div class="w-full h-full bg-black opacity-30"></div>
|
| 453 |
</div>
|
| 454 |
<div class="absolute bottom-0 left-0 right-0 p-4">
|
|
|
|
| 446 |
</div>
|
| 447 |
|
| 448 |
<main class="ml-16 pt-24 pb-28 px-4 relative">
|
| 449 |
+
<!-- Progressive Jackpots -->
|
| 450 |
+
<div class="flex justify-between mb-2">
|
| 451 |
+
<div class="glass-panel p-3 rounded-lg flex-1 mx-1 relative overflow-hidden">
|
| 452 |
+
<div class="flex items-center justify-between">
|
| 453 |
+
<div class="text-xs text-gray-400">MINOR</div>
|
| 454 |
+
<i class="fas fa-circle text-green-500 text-xs animate-pulse"></i>
|
| 455 |
+
</div>
|
| 456 |
+
<div class="text-lg font-bold text-niogold mt-1">$12,345</div>
|
| 457 |
+
<div class="absolute inset-0 bg-gradient-to-br from-green-900/20 to-transparent"></div>
|
| 458 |
+
</div>
|
| 459 |
+
|
| 460 |
+
<div class="glass-panel p-3 rounded-lg flex-1 mx-1 relative overflow-hidden">
|
| 461 |
+
<div class="flex items-center justify-between">
|
| 462 |
+
<div class="text-xs text-gray-400">MAJOR</div>
|
| 463 |
+
<i class="fas fa-circle text-yellow-500 text-xs animate-pulse"></i>
|
| 464 |
+
</div>
|
| 465 |
+
<div class="text-lg font-bold text-niogold mt-1">$98,765</div>
|
| 466 |
+
<div class="absolute inset-0 bg-gradient-to-br from-yellow-900/20 to-transparent"></div>
|
| 467 |
+
</div>
|
| 468 |
+
|
| 469 |
+
<div class="glass-panel p-3 rounded-lg flex-1 mx-1 relative overflow-hidden">
|
| 470 |
+
<div class="flex items-center justify-between">
|
| 471 |
+
<div class="text-xs text-gray-400">GRAND</div>
|
| 472 |
+
<i class="fas fa-circle text-red-500 text-xs animate-pulse"></i>
|
| 473 |
+
</div>
|
| 474 |
+
<div class="text-xl font-bold text-niogold mt-1">$1,234,567</div>
|
| 475 |
+
<div class="absolute inset-0 bg-gradient-to-br from-red-900/20 to-transparent"></div>
|
| 476 |
+
</div>
|
| 477 |
+
</div>
|
| 478 |
+
|
| 479 |
<!-- Hero Banner -->
|
| 480 |
<div class="relative rounded-xl overflow-hidden mb-4 h-52 glass-panel premium-gradient">
|
| 481 |
+
<div class="absolute inset-0 flex">
|
| 482 |
<div class="w-full h-full bg-black opacity-30"></div>
|
| 483 |
</div>
|
| 484 |
<div class="absolute bottom-0 left-0 right-0 p-4">
|