Hugging Face's logo

Spaces:
ProjectGenesis
/
crypto-casino-glowscape
Running

App Files Community
crypto-casino-glowscape
File size: 5,058 Bytes 
013faa4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 
<!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>
    <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>