| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>BitStarz Casino - Premium Online Gaming</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <style> |
| .gradient-bg { |
| background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); |
| } |
| .casino-card { |
| background: rgba(255, 255, 255, 0.05); |
| backdrop-filter: blur(10px); |
| border: 1px solid rgba(255, 255, 255, 0.1); |
| } |
| .admin-panel { |
| background: rgba(0, 0, 0, 0.8); |
| border-left: 3px solid #e53e3e; |
| } |
| </style> |
| </head> |
| <body class="gradient-bg text-white min-h-screen"> |
| |
| <div class="admin-panel fixed top-0 right-0 h-full w-80 z-50 p-4 hidden" id="adminPanel"> |
| <div class="flex justify-between items-center mb-6"> |
| <h3 class="text-xl font-bold">Admin Panel</h3> |
| <button onclick="toggleAdminPanel()" class="text-gray-400 hover:text-white"> |
| <i data-feather="x"></i> |
| </button> |
| </div> |
| <div class="space-y-4"> |
| <div class="casino-card rounded-lg p-4"> |
| <h4 class="font-semibold mb-2">User Management</h4> |
| <div class="space-y-2"> |
| <button class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded"> |
| View All Users |
| </button> |
| <button class="w-full bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded"> |
| Create User |
| </button> |
| </div> |
| </div> |
| <div class="casino-card rounded-lg p-4"> |
| <h4 class="font-semibold mb-2">Game Management</h4> |
| <div class="space-y-2"> |
| <button class="w-full bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded"> |
| Add New Game |
| </button> |
| <button class="w-full bg-yellow-600 hover:bg-yellow-700 text-white py-2 px-4 rounded"> |
| Manage Games |
| </button> |
| </div> |
| </div> |
| <div class="casino-card rounded-lg p-4"> |
| <h4 class="font-semibold mb-2">Financial Controls</h4> |
| <div class="space-y-2"> |
| <button class="w-full bg-red-600 hover:bg-red-700 text-white py-2 px-4 rounded"> |
| Transaction History |
| </button> |
| <button class="w-full bg-indigo-600 hover:bg-indigo-700 text-white py-2 px-4 rounded"> |
| Payout Settings |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <nav class="bg-black bg-opacity-90 py-4 px-6"> |
| <div class="container mx-auto flex justify-between items-center"> |
| <div class="flex items-center space-x-8"> |
| <img src="http://static.photos/gaming/200x200/1" alt="BitStarz Logo" class="h-8"> |
| <div class="hidden md:flex space-x-6"> |
| <a href="#" class="hover:text-yellow-400 font-semibold">Games</a> |
| <a href="#" class="hover:text-yellow-400 font-semibold">Promotions</a> |
| <a href="#" class="hover:text-yellow-400 font-semibold">VIP</a> |
| <a href="#" class="hover:text-yellow-400 font-semibold">Tournaments</a> |
| </div> |
| </div> |
| <div class="flex items-center space-x-4"> |
| <button class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 px-6 rounded"> |
| Login |
| </button> |
| <button class="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-6 rounded"> |
| Sign Up |
| </button> |
| <button onclick="toggleAdminPanel()" class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"> |
| Admin |
| </button> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <section class="relative py-20 px-6"> |
| <div class="container mx-auto text-center"> |
| <h1 class="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-yellow-400 to-red-500 bg-clip-text text-transparent"> |
| BITSTARZ |
| </h1> |
| <p class="text-xl md:text-2xl mb-8 text-gray-300"> |
| The World's Premier Bitcoin Casino |
| </p> |
| <div class="flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-6"> |
| <button class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-4 px-8 rounded-lg text-lg"> |
| PLAY NOW |
| </button> |
| <button class="border-2 border-yellow-500 hover:bg-yellow-500 hover:text-black text-yellow-500 font-bold py-4 px-8 rounded-lg text-lg"> |
| EXPLORE GAMES |
| </button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-6"> |
| <div class="container mx-auto"> |
| <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">POPULAR GAMES</h2> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| |
| <div class="casino-card rounded-xl overflow-hidden transform hover:scale-105 transition duration-300"> |
| <img src="http://static.photos/gaming/640x360/1" alt="Slot Game" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2">Mega Fortune</h3> |
| <p class="text-gray-400 text-sm">Progressive Jackpot</p> |
| <button class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 mt-4 rounded"> |
| Play Now |
| </button> |
| </div> |
| </div> |
| <div class="casino-card rounded-xl overflow-hidden transform hover:scale-105 transition duration-300"> |
| <img src="http://static.photos/gaming/640x360/2" alt="Blackjack" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2">Blackjack Pro</h3> |
| <p class="text-gray-400 text-sm">Live Casino</p> |
| <button class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 mt-4 rounded"> |
| Play Now |
| </button> |
| </div> |
| </div> |
| <div class="casino-card rounded-xl overflow-hidden transform hover:scale-105 transition duration-300"> |
| <img src="http://static.photos/gaming/640x360/3" alt="Roulette" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2">European Roulette</h3> |
| <p class="text-gray-400 text-sm">Classic Table Game</p> |
| <button class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 mt-4 rounded"> |
| Play Now |
| </button> |
| </div> |
| </div> |
| <div class="casino-card rounded-xl overflow-hidden transform hover:scale-105 transition duration-300"> |
| <img src="http://static.photos/gaming/640x360/4" alt="Poker" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2">Texas Hold'em</h3> |
| <p class="text-gray-400 text-sm">Poker Tournament</p> |
| <button class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 mt-4 rounded"> |
| Play Now |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-6 bg-black bg-opacity-50"> |
| <div class="container mx-auto"> |
| <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">HOT PROMOTIONS</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> |
| <div class="casino-card rounded-xl p-6 text-center"> |
| <div class="bg-red-500 text-white py-1 px-3 rounded-full text-sm inline-block mb-4"> |
| NEW |
| </div> |
| <h3 class="text-xl font-bold mb-2">Welcome Bonus</h3> |
| <p class="text-gray-400 mb-4">Get up to $500 + 180 Free Spins</p> |
| <button class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 px-6 rounded"> |
| Claim Now |
| </button> |
| </div> |
| <div class="casino-card rounded-xl p-6 text-center"> |
| <div class="bg-green-500 text-white py-1 px-3 rounded-full text-sm inline-block mb-4"> |
| VIP |
| </div> |
| <h3 class="text-xl font-bold mb-2">Weekly Cashback</h3> |
| <p class="text-gray-400 mb-4">Up to 25% Cashback Every Week</p> |
| <button class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 px-6 rounded"> |
| Learn More |
| </button> |
| </div> |
| <div class="casino-card rounded-xl p-6 text-center"> |
| <div class="bg-purple-500 text-white py-1 px-3 rounded-full text-sm inline-block mb-4"> |
| LIMITED |
| </div> |
| <h3 class="text-xl font-bold mb-2">Tournament</h3> |
| <p class="text-gray-400 mb-4">$50,000 Prize Pool</p> |
| <button class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 px-6 rounded"> |
| Join Now |
| </button> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-black py-12 px-6"> |
| <div class="container mx-auto"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| <div> |
| <h4 class="font-bold text-lg mb-4">BITSTARZ</h4> |
| <p class="text-gray-400">The world's premier Bitcoin casino offering the best gaming experience.</p> |
| </div> |
| <div> |
| <h4 class="font-bold text-lg mb-4">GAMES</h4> |
| <ul class="space-y-2 text-gray-400"> |
| <li><a href="#" class="hover:text-white">Slots</a></li> |
| <li><a href="#" class="hover:text-white">Table Games</a></li> |
| <li><a href="#" class="hover:text-white">Live Casino</a></li> |
| <li><a href="#" class="hover:text-white">Jackpots</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="font-bold text-lg mb-4">SUPPORT</h4> |
| <ul class="space-y-2 text-gray-400"> |
| <li><a href="#" class="hover:text-white">Help Center</a></li> |
| <li><a href="#" class="hover:text-white">Contact Us</a></li> |
| <li><a href="#" class="hover:text-white">FAQ</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="font-bold text-lg mb-4">LEGAL</h4> |
| <ul class="space-y-2 text-gray-400"> |
| <li><a href="#" class="hover:text-white">Terms & Conditions</a></li> |
| <li><a href="#" class="hover:text-white">Privacy Policy</a></li> |
| <li><a href="#" class="hover:text-white">Responsible Gaming</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400"> |
| <p>© 2024 BitStarz Casino. All rights reserved.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| function toggleAdminPanel() { |
| const panel = document.getElementById('adminPanel'); |
| panel.classList.toggle('hidden'); |
| } |
| |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| feather.replace(); |
| |
| |
| anime({ |
| targets: 'h1', |
| scale: [0.8, 1], |
| opacity: [0, 1], |
| duration: 1500, |
| easing: 'easeOutElastic(1, .8)' |
| }); |
| }); |
| </script> |
| </body> |
| </html> |
