Create the top portion of a “Coming Soon” page for FiveXBet.com. Only generate the elements listed below — do not add additional sections.
013faa4
verified
| <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> | |
| <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body class="bg-black overflow-x-hidden"> | |
| <!-- Particle Network Background --> | |
| <div id="particles-js" class="fixed inset-0 -z-10"></div> | |
| <!-- Infinite Crypto Carousel --> | |
| <div class="w-full overflow-hidden py-4"> | |
| <div class="scrolling-carousel whitespace-nowrap"> | |
| <div class="inline-flex items-center space-x-16 animate-scroll"> | |
| <!-- Crypto Icons with Glow Effect --> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" alt="Bitcoin" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/ethereum-eth-logo.png" alt="Ethereum" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/tether-usdt-logo.png" alt="Tether" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/bnb-bnb-logo.png" alt="BNB" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/solana-sol-logo.png" alt="Solana" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/dogecoin-doge-logo.png" alt="Dogecoin" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/xrp-xrp-logo.png" alt="XRP" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/litecoin-ltc-logo.png" alt="Litecoin" class="h-12 w-12 object-contain"> | |
| </div> | |
| <!-- Duplicate for seamless looping --> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" alt="Bitcoin" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/ethereum-eth-logo.png" alt="Ethereum" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/tether-usdt-logo.png" alt="Tether" class="h-12 w-12 object-contain"> | |
| </div> | |
| <div class="crypto-icon glow-effect"> | |
| <img src="https://cryptologos.cc/logos/bnb-bnb-logo.png" alt="BNB" class="h-12 w-12 object-contain"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Hero Section --> | |
| <div class="min-h-screen flex flex-col items-center justify-center px-4 relative"> | |
| <div class="max-w-4xl mx-auto text-center relative z-10"> | |
| <!-- Floating Crypto Symbols --> | |
| <div class="absolute -top-20 -left-20 opacity-30"> | |
| <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" alt="BTC" class="h-16 w-16 animate-float"> | |
| </div> | |
| <div class="absolute -bottom-20 -right-20 opacity-30"> | |
| <img src="https://cryptologos.cc/logos/ethereum-eth-logo.png" alt="ETH" class="h-16 w-16 animate-float-delay"> | |
| </div> | |
| <div class="absolute top-1/4 right-10 opacity-20"> | |
| <img src="https://cryptologos.cc/logos/tether-usdt-logo.png" alt="USDT" class="h-12 w-12 animate-float"> | |
| </div> | |
| <!-- Main Title --> | |
| <h1 class="text-5xl md:text-7xl font-bold mb-6 neon-title"> | |
| FiveXBet.com | |
| <span class="block text-xl md:text-2xl mt-4 font-normal">Crypto Casino Coming Soon</span> | |
| </h1> | |
| <!-- Subtitle --> | |
| <p class="text-xl md:text-2xl text-white/80 mb-8 neon-subtitle"> | |
| BTC • ETH • USDT • Pre-Launch Rewards & Bonuses | |
| </p> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |