|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Jackpot.bet | Crypto Casino & Online Betting Site</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@keyframes jackpotRoll { |
|
|
0% { transform: translateX(0); } |
|
|
100% { transform: translateX(-50%); } |
|
|
} |
|
|
.jackpot-digits { |
|
|
display: inline-block; |
|
|
white-space: nowrap; |
|
|
animation: jackpotRoll 30s linear infinite; |
|
|
} |
|
|
.gradient-text { |
|
|
background: linear-gradient(90deg, #f6d365 0%, #fda085 100%); |
|
|
-webkit-background-clip: text; |
|
|
-webkit-text-fill-color: transparent; |
|
|
} |
|
|
.game-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
.nav-item::after { |
|
|
content: ''; |
|
|
display: block; |
|
|
width: 0; |
|
|
height: 2px; |
|
|
background: #f6d365; |
|
|
transition: width .3s; |
|
|
} |
|
|
.nav-item:hover::after { |
|
|
width: 100%; |
|
|
} |
|
|
.dropdown:hover .dropdown-menu { |
|
|
display: block; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-white font-sans"> |
|
|
|
|
|
<header class="sticky top-0 z-50 bg-gray-900 border-b border-gray-800"> |
|
|
<div class="container mx-auto px-4"> |
|
|
|
|
|
<div class="bg-gray-800 py-2 hidden md:block"> |
|
|
<div class="flex items-center justify-between overflow-x-auto"> |
|
|
<div class="flex space-x-6"> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/btc.svg" alt="Bitcoin" class="w-5 h-5"> |
|
|
<span class="text-xs font-medium">BTC</span> |
|
|
<span class="text-xs text-green-400">$117,895.67</span> |
|
|
</div> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="Ethereum" class="w-5 h-5"> |
|
|
<span class="text-xs font-medium">ETH</span> |
|
|
<span class="text-xs text-green-400">$3,548.25</span> |
|
|
</div> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/ltc.svg" alt="Litecoin" class="w-5 h-5"> |
|
|
<span class="text-xs font-medium">LTC</span> |
|
|
<span class="text-xs text-green-400">$101.50</span> |
|
|
</div> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/sol-2.svg" alt="Solana" class="w-5 h-5"> |
|
|
<span class="text-xs font-medium">SOL</span> |
|
|
<span class="text-xs text-green-400">$176.79</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<a href="#" class="text-xs text-blue-400 hover:underline">Live Support</a> |
|
|
<a href="#" class="text-xs text-blue-400 hover:underline">Refer and Earn</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<nav class="flex items-center justify-between py-4"> |
|
|
|
|
|
<div class="flex items-center space-x-8"> |
|
|
<a href="#" class="flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/header_logo.svg" alt="Jackpot.bet" class="h-10"> |
|
|
</a> |
|
|
|
|
|
<div class="hidden lg:flex space-x-6"> |
|
|
<div class="relative group"> |
|
|
<button class="nav-item flex items-center font-medium text-gray-300 hover:text-white"> |
|
|
<span>Casino</span> |
|
|
<i class="fas fa-chevron-down ml-1 text-xs"></i> |
|
|
</button> |
|
|
<div class="dropdown-menu absolute hidden group-hover:block mt-2 w-48 bg-gray-800 rounded-md shadow-lg z-10"> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Home</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Featured</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Rewards</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Competitions <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full ml-2">7</span></a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Points <span class="bg-blue-500 text-white text-xs px-2 py-1 rounded-full ml-2">NEW</span></a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="relative group"> |
|
|
<button class="nav-item flex items-center font-medium text-gray-300 hover:text-white"> |
|
|
<span>Games</span> |
|
|
<i class="fas fa-chevron-down ml-1 text-xs"></i> |
|
|
</button> |
|
|
<div class="dropdown-menu absolute hidden group-hover:block mt-2 w-48 bg-gray-800 rounded-md shadow-lg z-10"> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Originals</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Slots</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Table Games</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Game Shows</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Blackjack</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Roulette</a> |
|
|
<a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Baccarat</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<a href="#" class="nav-item font-medium text-gray-300 hover:text-white">Sports</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex items-center space-x-4"> |
|
|
<div class="hidden md:block"> |
|
|
<a href="#" class="bg-gradient-to-r from-yellow-500 to-orange-500 hover:from-yellow-600 hover:to-orange-600 text-white font-medium py-2 px-6 rounded-full transition duration-300">Login</a> |
|
|
<a href="#" class="bg-transparent border border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-white font-medium py-2 px-6 rounded-full ml-2 transition duration-300">Register</a> |
|
|
</div> |
|
|
|
|
|
<button class="lg:hidden text-gray-300 focus:outline-none"> |
|
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> |
|
|
</svg> |
|
|
</button> |
|
|
</div> |
|
|
</nav> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<div class="bg-gradient-to-r from-purple-900 to-indigo-900 py-4"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center justify-between"> |
|
|
<div class="flex items-center mb-4 md:mb-0"> |
|
|
<div class="bg-yellow-500 rounded-full p-2 mr-3"> |
|
|
<svg class="w-6 h-6 text-black" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path> |
|
|
</svg> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold">GLOBAL POT</h3> |
|
|
<div class="overflow-hidden"> |
|
|
<div class="jackpot-digits text-2xl font-bold gradient-text"> |
|
|
$ 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 . 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<a href="#" class="bg-white text-purple-900 hover:bg-gray-100 font-medium py-2 px-6 rounded-full transition duration-300 flex items-center"> |
|
|
Play to Win <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section class="py-8 bg-gray-900"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
|
|
|
|
|
<div class="relative rounded-xl overflow-hidden group"> |
|
|
<img src="https://cdn.jackpot.bet/images/jp-airdrop-2.jpg" alt="$JACKPOT Airdrop" class="w-full h-full object-cover transition duration-300 group-hover:scale-105"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4"> |
|
|
<h3 class="text-xl font-bold text-white">$JACKPOT Airdrop</h3> |
|
|
<p class="text-gray-300 text-sm mt-1">Earn your share in the $JACKPOT Airdrop</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="relative rounded-xl overflow-hidden group"> |
|
|
<img src="https://cdn.jackpot.bet/images/jackpot-card-2.png" alt="Global Pot" class="w-full h-full object-cover transition duration-300 group-hover:scale-105"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4"> |
|
|
<h3 class="text-xl font-bold text-white">Global Pot</h3> |
|
|
<p class="text-gray-300 text-sm mt-1">Play any game with a chance to win</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="relative rounded-xl overflow-hidden group"> |
|
|
<img src="https://cdn.jackpot.bet/images/degen-mining-card-2.jpg" alt="Degen Mining" class="w-full h-full object-cover transition duration-300 group-hover:scale-105"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4"> |
|
|
<h3 class="text-xl font-bold text-white">Degen Mining</h3> |
|
|
<p class="text-gray-300 text-sm mt-1">Our exclusive original game</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="relative rounded-xl overflow-hidden group"> |
|
|
<img src="https://cdn.jackpot.bet/images/comp-card-weekly-jul-14.jpg" alt="Competitions" class="w-full h-full object-cover transition duration-300 group-hover:scale-105"> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4"> |
|
|
<h3 class="text-xl font-bold text-white">Competitions</h3> |
|
|
<p class="text-gray-300 text-sm mt-1">Win prizes in weekly challenges</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-gray-900"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex justify-between items-center mb-8"> |
|
|
<h2 class="text-2xl font-bold flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/categories/featured.svg" alt="Featured" class="w-8 h-8 mr-2"> |
|
|
Featured Games |
|
|
</h2> |
|
|
<a href="#" class="text-yellow-500 hover:text-yellow-400 flex items-center"> |
|
|
View All <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4"> |
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/degen-mining.jpg" alt="Degen Mining" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Degen Mining</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Jackpot</span> |
|
|
<span class="text-xs text-yellow-500">New</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/sweet_bonanza_1000_pragmaticplay.png" alt="Sweet Bonanza 1000" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Sweet Bonanza 1000</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Pragmatic</span> |
|
|
<span class="text-xs text-yellow-500">Hot</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/hacksaw_le_king.jpg" alt="Le King" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Le King</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Hacksaw</span> |
|
|
<span class="text-xs text-green-500">Popular</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/no_limitcity_homeof_thebrave%20(2).jpg" alt="Home of the Brave" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Home of the Brave</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Nolimit</span> |
|
|
<span class="text-xs text-purple-500">Trending</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/pragmatic_play_gatesof_olympussuperscatter.jpg" alt="Gates of Olympus" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Gates of Olympus</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Pragmatic</span> |
|
|
<span class="text-xs text-yellow-500">Hot</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/hacksaw_spinman.jpg" alt="Spinman" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Spinman</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Hacksaw</span> |
|
|
<span class="text-xs text-green-500">Popular</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-gray-900"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex justify-between items-center mb-8"> |
|
|
<h2 class="text-2xl font-bold flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/categories/original.svg" alt="Jackpot Originals" class="w-8 h-8 mr-2"> |
|
|
Jackpot Originals |
|
|
</h2> |
|
|
<a href="#" class="text-yellow-500 hover:text-yellow-400 flex items-center"> |
|
|
View All <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4"> |
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/dice.png" alt="Dice" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Dice</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Original</span> |
|
|
<span class="text-xs text-yellow-500">Top</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/plinko-2.jpg" alt="Plinko" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Plinko</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Original</span> |
|
|
<span class="text-xs text-green-500">Popular</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/keno.png" alt="Keno" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Keno</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Original</span> |
|
|
<span class="text-xs text-purple-500">New</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/limbo.png" alt="Limbo" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Limbo</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Original</span> |
|
|
<span class="text-xs text-yellow-500">Hot</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/roulette.png" alt="Roulette" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Roulette</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Original</span> |
|
|
<span class="text-xs text-green-500">Classic</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/mines.png" alt="Mines" class="w-full h-32 object-cover"> |
|
|
<div class="p-3"> |
|
|
<h3 class="text-sm font-medium truncate">Mines</h3> |
|
|
<div class="flex justify-between items-center mt-2"> |
|
|
<span class="text-xs text-gray-400">Original</span> |
|
|
<span class="text-xs text-purple-500">Trending</span> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-gray-900"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex justify-between items-center mb-8"> |
|
|
<h2 class="text-2xl font-bold flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/categories/provider.svg" alt="Providers" class="w-8 h-8 mr-2"> |
|
|
Game Providers |
|
|
</h2> |
|
|
<a href="#" class="text-yellow-500 hover:text-yellow-400 flex items-center"> |
|
|
View All <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-4"> |
|
|
|
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/images/providers/jackpot.png" alt="Jackpot Originals" class="h-10"> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/images/providers/pragmatic.png" alt="Pragmatic Play" class="h-10"> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/images/providers/hacksaw.png" alt="Hacksaw" class="h-10"> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/images/providers/platipus.png" alt="Platipus" class="h-10"> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/images/providers/octoplay.png" alt="OctoPlay" class="h-10"> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/images/providers/evolution.png" alt="Evolution" class="h-10"> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/images/providers/playngo.png" alt="Play'n Go" class="h-10"> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300"> |
|
|
<img src="https://cdn.jackpot.bet/images/providers/relax.png" alt="Relax Gaming" class="h-10"> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-gradient-to-r from-blue-900 to-indigo-900"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> |
|
|
<h2 class="text-3xl font-bold mb-4">No Crypto? No Problem!</h2> |
|
|
<p class="text-gray-300 mb-6">Available for Visa, Mastercard, Google Pay & Apple Pay.</p> |
|
|
<button class="bg-white text-blue-900 hover:bg-gray-100 font-medium py-3 px-8 rounded-full transition duration-300 flex items-center"> |
|
|
Buy Now <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg> |
|
|
</button> |
|
|
<div class="flex items-center space-x-4 mt-6"> |
|
|
<img src="https://cdn.jackpot.bet/images/apple-pay.png" alt="Apple Pay" class="h-8"> |
|
|
<img src="https://cdn.jackpot.bet/images/mastercard.png" alt="Mastercard" class="h-8"> |
|
|
<img src="https://cdn.jackpot.bet/images/visa.png" alt="Visa" class="h-8"> |
|
|
<img src="https://cdn.jackpot.bet/images/google-pay.png" alt="Google Pay" class="h-8"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2"> |
|
|
<img src="https://cdn.jackpot.bet/images/nocrypto-banner-2.jpg" alt="Buy Crypto" class="rounded-xl w-full"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-gray-900"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-2xl font-bold mb-8">Live Bets</h2> |
|
|
|
|
|
<div class="bg-gray-800 rounded-xl overflow-hidden"> |
|
|
<div class="grid grid-cols-5 bg-gray-700 text-sm font-medium p-4"> |
|
|
<div class="col-span-2">Game</div> |
|
|
<div>User</div> |
|
|
<div>Bet Amount</div> |
|
|
<div>Multiplier</div> |
|
|
<div>Payout</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-5 border-b border-gray-700 p-4 hover:bg-gray-700/50 transition duration-200"> |
|
|
<div class="col-span-2 flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/rise_of_olympus_pragmaticplay.jpg" alt="Rise of Olympus" class="w-10 h-10 rounded mr-3"> |
|
|
<span>Rise of Olympus 100</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/ranks/new/4.svg" alt="Rank" class="w-6 h-6 mr-2"> |
|
|
<span>wakaaki</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1"> |
|
|
<span>$0.20</span> |
|
|
</div> |
|
|
<div>0.20</div> |
|
|
<div class="flex items-center text-red-500"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1"> |
|
|
<span>-$0.16</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-5 border-b border-gray-700 p-4 hover:bg-gray-700/50 transition duration-200"> |
|
|
<div class="col-span-2 flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/rise_of_olympus_pragmaticplay.jpg" alt="Rise of Olympus" class="w-10 h-10 rounded mr-3"> |
|
|
<span>Rise of Olympus 100</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/ranks/new/4.svg" alt="Rank" class="w-6 h-6 mr-2"> |
|
|
<span>wakaaki</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1"> |
|
|
<span>$0.20</span> |
|
|
</div> |
|
|
<div>0.00</div> |
|
|
<div class="flex items-center text-red-500"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1"> |
|
|
<span>-$0.20</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-5 border-b border-gray-700 p-4 hover:bg-gray-700/50 transition duration-200"> |
|
|
<div class="col-span-2 flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/rise_of_olympus_pragmaticplay.jpg" alt="Rise of Olympus" class="w-10 h-10 rounded mr-3"> |
|
|
<span>Rise of Olympus 100</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/ranks/new/4.svg" alt="Rank" class="w-6 h-6 mr-2"> |
|
|
<span>wakaaki</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1"> |
|
|
<span>$0.20</span> |
|
|
</div> |
|
|
<div>2.00</div> |
|
|
<div class="flex items-center text-green-500"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1"> |
|
|
<span>$0.40</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-5 p-4 hover:bg-gray-700/50 transition duration-200"> |
|
|
<div class="col-span-2 flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/thumbnails/hacksaw_eye_of_medusa.jpg" alt="Eye of Medusa" class="w-10 h-10 rounded mr-3"> |
|
|
<span>Eye of Medusa</span> |
|
|
</div> |
|
|
<div>Hidden</div> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1"> |
|
|
<span>$0.20</span> |
|
|
</div> |
|
|
<div>0.00</div> |
|
|
<div class="flex items-center text-red-500"> |
|
|
<img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1"> |
|
|
<span>-$0.20</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 border-t border-gray-800 pt-12 pb-6"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> |
|
|
|
|
|
<div> |
|
|
<img src="https://cdn.jackpot.bet/images/header_logo.svg" alt="Jackpot.bet" class="h-10 mb-4"> |
|
|
<p class="text-gray-400 text-sm"> |
|
|
Jackpot.bet is operated by Take The Crown LLC, Euro House, Richmond Hill Road, Kingstown, St.Vincent and the Grenadines (Registration Number: 3701 LLC 2024). |
|
|
</p> |
|
|
<div class="flex items-center mt-4"> |
|
|
<span class="bg-yellow-500 text-black text-xs font-bold px-2 py-1 rounded mr-2">18+</span> |
|
|
<img src="https://8aa83a9e-b8ee-4c2b-b48d-e63cf566faa4.snippet.anjouangaming.org/sealassets/bcd4a891f642584231077c5c1bdb6115-jackpot.bet-0aa147cac96fea2bdcc26d68ba54d939e96bfe0de2fde863945c4334c3f46e334b91cb2e3cf15b45b7ff49bb94748259-c2VhbC5wbmc%3D?status=valid" alt="Verification Seal" class="h-8"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Policies</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Terms of Service</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Sports Terms of Service</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Sports Rules</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Privacy Policy</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">AML & CFT</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Dispute Resolution</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Responsible Gambling</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Support</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Live Support</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Help Center</a></li> |
|
|
</ul> |
|
|
|
|
|
<h3 class="text-lg font-bold mt-6 mb-4">Platform Links</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Affiliate Program</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Redeem Code</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">VIP Program</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Socials</h3> |
|
|
<div class="flex space-x-4 mb-6"> |
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition duration-200"> |
|
|
<i class="fab fa-twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition duration-200"> |
|
|
<i class="fab fa-telegram-plane"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition duration-200"> |
|
|
<i class="fab fa-instagram"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<h3 class="text-lg font-bold mb-4">Quick Links</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Home</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Sports</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Rewards</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Login</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-800 pt-6"> |
|
|
<p class="text-gray-500 text-sm text-center">© 2024 Jackpot.bet. All rights reserved.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
|
|
|
<div class="fixed bottom-4 right-4 z-50"> |
|
|
<div class="bg-gradient-to-r from-purple-600 to-blue-600 rounded-xl shadow-xl p-4 w-80 transform transition duration-300 hover:scale-105"> |
|
|
<div class="flex justify-between items-start mb-2"> |
|
|
<h3 class="font-bold">The $JACKPOT Airdrop has started!</h3> |
|
|
<button class="text-gray-300 hover:text-white"> |
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-sm text-gray-200 mb-4">Learn more about Points and how to earn your share in the $JACKPOT Airdrop.</p> |
|
|
<a href="#" class="bg-white text-purple-600 hover:bg-gray-100 font-medium py-2 px-4 rounded-full text-sm w-full block text-center transition duration-300"> |
|
|
Learn and Earn |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const mobileMenuButton = document.querySelector('.lg\\:hidden'); |
|
|
|
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Ghust68/try" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
