| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>FiveXBet.com - Crypto Casino Coming Soon</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <link rel="stylesheet" href="style.css"> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| neonBlue: '#00f0ff', |
| neonMagenta: '#ff00f0', |
| darkBg: '#0a0a1a', |
| }, |
| animation: { |
| 'scroll-left': 'scroll-left 20s linear infinite', |
| 'scroll-down': 'scroll-down 15s linear infinite', |
| 'scroll-up': 'scroll-up 15s linear infinite', |
| }, |
| keyframes: { |
| 'scroll-left': { |
| '0%': { transform: 'translateX(0)' }, |
| '100%': { transform: 'translateX(-100%)' }, |
| }, |
| 'scroll-down': { |
| '0%': { transform: 'translateY(0)' }, |
| '100%': { transform: 'translateY(-100%)' }, |
| }, |
| 'scroll-up': { |
| '0%': { transform: 'translateY(-100%)' }, |
| '100%': { transform: 'translateY(0)' }, |
| }, |
| }, |
| } |
| } |
| } |
| </script> |
| </head> |
| <body class="bg-darkBg text-white overflow-x-hidden"> |
| |
| <div class="w-full py-6 overflow-hidden whitespace-nowrap"> |
| <div class="inline-flex animate-scroll-left"> |
| <div class="flex space-x-16 px-4"> |
| <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" class="h-12 w-12 neon-glow-blue"> |
| <img src="https://cryptologos.cc/logos/ethereum-eth-logo.png" class="h-12 w-12 neon-glow-magenta"> |
| <img src="https://cryptologos.cc/logos/tether-usdt-logo.png" class="h-12 w-12 neon-glow-blue"> |
| <img src="https://cryptologos.cc/logos/bnb-bnb-logo.png" class="h-12 w-12 neon-glow-magenta"> |
| <img src="https://cryptologos.cc/logos/solana-sol-logo.png" class="h-12 w-12 neon-glow-blue"> |
| <img src="https://cryptologos.cc/logos/dogecoin-doge-logo.png" class="h-12 w-12 neon-glow-magenta"> |
| <img src="https://cryptologos.cc/logos/xrp-xrp-logo.png" class="h-12 w-12 neon-glow-blue"> |
| <img src="https://cryptologos.cc/logos/litecoin-ltc-logo.png" class="h-12 w-12 neon-glow-magenta"> |
| |
| <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" class="h-12 w-12 neon-glow-blue"> |
| <img src="https://cryptologos.cc/logos/ethereum-eth-logo.png" class="h-12 w-12 neon-glow-magenta"> |
| <img src="https://cryptologos.cc/logos/tether-usdt-logo.png" class="h-12 w-12 neon-glow-blue"> |
| <img src="https://cryptologos.cc/logos/bnb-bnb-logo.png" class="h-12 w-12 neon-glow-magenta"> |
| <img src="https://cryptologos.cc/logos/solana-sol-logo.png" class="h-12 w-12 neon-glow-blue"> |
| <img src="https://cryptologos.cc/logos/dogecoin-doge-logo.png" class="h-12 w-12 neon-glow-magenta"> |
| <img src="https://cryptologos.cc/logos/xrp-xrp-logo.png" class="h-12 w-12 neon-glow-blue"> |
| <img src="https://cryptologos.cc/logos/litecoin-ltc-logo.png" class="h-12 w-12 neon-glow-magenta"> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="relative px-4 md:px-8 max-w-7xl mx-auto"> |
| <div class="relative z-10 text-center py-12 md:py-24"> |
| <h1 class="text-4xl md:text-6xl font-bold mb-4 neon-text"> |
| FiveXBet.com |
| <span class="block text-2xl md:text-3xl mt-4 neon-text-alt">Crypto Casino Coming Soon</span> |
| </h1> |
| <p class="text-xl md:text-2xl mb-8 neon-text-magenta">BTC • ETH • USDT • Pre-Launch Rewards & Bonuses</p> |
| |
| |
| <div class="glass-panel max-w-2xl mx-auto p-6 md:p-8 mb-12"> |
| <div class="grid grid-cols-4 gap-4 text-center"> |
| <div> |
| <div class="text-3xl md:text-5xl font-bold countdown-number">00</div> |
| <div class="text-sm uppercase tracking-wider">DAYS</div> |
| </div> |
| <div> |
| <div class="text-3xl md:text-5xl font-bold countdown-number">00</div> |
| <div class="text-sm uppercase tracking-wider">HOURS</div> |
| </div> |
| <div> |
| <div class="text-3xl md:text-5xl font-bold countdown-number">00</div> |
| <div class="text-sm uppercase tracking-wider">MINUTES</div> |
| </div> |
| <div> |
| <div class="text-3xl md:text-5xl font-bold countdown-number">00</div> |
| <div class="text-sm uppercase tracking-wider">SECONDS</div> |
| </div> |
| </div> |
| <div class="text-center text-sm mt-4">Launch Window: Q1 2026</div> |
| </div> |
| |
| |
| <div class="max-w-2xl mx-auto mb-16"> |
| <div class="flex flex-col md:flex-row gap-2"> |
| <input type="email" placeholder="Enter your email" class="flex-grow bg-transparent border-2 border-neonBlue rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-neonMagenta neon-input-glow"> |
| <button class="bg-gradient-to-r from-neonBlue to-neonMagenta text-black font-bold px-6 py-3 rounded-lg hover:opacity-90 transition-all neon-button-glow">Pre-Register for Rewards</button> |
| </div> |
| <p class="text-center mt-3 text-sm">Get freespins, credit boosts, and exclusive early-access offers.</p> |
| </div> |
| |
| |
| <div class="mx-auto overflow-x-auto py-4 md:py-8"> |
| <div class="flex gap-4 justify-center min-w-max px-2"> |
| <div class="game-thumbnail"></div> |
| <div class="game-thumbnail"></div> |
| <div class="game-thumbnail"></div> |
| <div class="game-thumbnail"></div> |
| <div class="game-thumbnail"></div> |
| <div class="game-thumbnail"></div> |
| <div class="game-thumbnail"></div> |
| <div class="game-thumbnail"></div> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="absolute inset-0 overflow-hidden pointer-events-none"> |
| <div class="casino-chip floating-1"></div> |
| <div class="casino-chip floating-2"></div> |
| <div class="slot-reel floating-3"></div> |
| <div class="dice floating-4"></div> |
| </div> |
| </div> |
|
|
| |
| <div class="w-full py-12 overflow-hidden"> |
| <div class="flex gap-4 justify-center"> |
| <div class="flex flex-col gap-4 animate-scroll-down"> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| </div> |
| <div class="flex flex-col gap-4 animate-scroll-up"> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| </div> |
| <div class="flex flex-col gap-4 animate-scroll-down"> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| </div> |
| <div class="flex flex-col gap-4 animate-scroll-up"> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| </div> |
| <div class="flex flex-col gap-4 animate-scroll-down"> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| <div class="game-thumbnail-sm"></div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="fixed bottom-4 right-4 md:bottom-8 md:right-8 z-50"> |
| <div class="bg-darkBg border-2 border-neonMagenta rounded-lg p-3 neon-glow-magenta shadow-lg"> |
| <div class="flex items-center gap-2"> |
| <i data-feather="facebook" class="text-neonBlue"></i> |
| <span class="text-sm">Follow us for freespins & credit drops</span> |
| <button class="ml-2 bg-gradient-to-r from-neonBlue to-neonMagenta text-black text-xs px-2 py-1 rounded">Follow FiveXBet</button> |
| </div> |
| </div> |
| </div> |
|
|
| <script src="script.js"></script> |
| <script> |
| feather.replace(); |
| </script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
