https://serversiding.com/showcases

Eingereichte URL:
https://serversiding.com/showcases
Bericht beendet:
LinkText
https://discord.gg/torrent-1-serverside-1240720614151684119Join Discord
https://www.youtube.com/watch?v=1VziyB49lr8Watch Video
https://www.youtube.com/watch?v=L_jYkoWnuGkWatch Video
https://www.youtube.com/watch?v=e-s710HuO_QWatch Video
https://www.youtube.com/watch?v=44mObnwaWIgWatch Video
https://www.youtube.com/watch?v=ALIPI2sipsEWatch Video
https://www.youtube.com/watch?v=lt5epJiBqmgWatch Video

JavaScript-Variablen · 3 gefunden

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Konsolenprotokoll-Meldungen · 0 gefunden

HTML

<!DOCTYPE html><html><head>
    <title>ROBLOX Serverside Executor</title>
    <meta name="description" content="The best ROBLOX serverside on the market, featuring huge known games infected. Use our script executor to execute scripts such as the Ultimate Trolling GUI and more, easily without any problems.">
  
  <!-- Open Graph / Facebook Meta Tags -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="Torrent Serverside">
  <meta property="og:description" content="The best ROBLOX serverside on the market, featuring huge known games infected. Use our script executor to execute scripts such as the Ultimate Trolling GUI and more, easily without any problems.">
  <meta property="og:url" content="https://serversiding.com"> <!-- Replace with your URL -->
  <meta property="og:color" content="#3be619"> <!-- Discord-specific color for the embed bar (green) -->
<link rel="icon" type="image/svg+xml" href="/logo.svg">
    <meta name="theme-color" content="#3be619">
    <link rel="apple-touch-icon" type="image/svg+xml" href="/logo.svg">
  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Torrent Serverside">
  <meta name="twitter:description" content="The best ROBLOX serverside on the market, featuring huge known games infected. Use our script executor to execute scripts such as the Ultimate Trolling GUI and more, easily without any problems.">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
    <style>
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        }
        
        @keyframes shine {
            0% { background-position: -200% center; }
            100% { background-position: 200% center; }
        }

        @keyframes pulseGlow {
            0%, 100% { box-shadow: 0 0 20px rgba(34, 197, 94, 0.3); }
            50% { box-shadow: 0 0 40px rgba(34, 197, 94, 0.6); }
        }

        @keyframes slideUpFade {
            0% { 
                transform: translateY(30px);
                opacity: 0;
            }
            100% { 
                transform: translateY(0);
                opacity: 1;
            }
        }

        body {
            background-color: #0a0f0d;
            background-image: 
                radial-gradient(circle at 50% 0%, rgba(34, 197, 94, 0.15) 0%, transparent 70%),
                radial-gradient(circle at 0% 100%, rgba(21, 128, 61, 0.15) 0%, transparent 50%);
            min-height: 100vh;
        }

        .glass-nav {
            background: rgba(10, 15, 13, 0.95);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(34, 197, 94, 0.1);
            transition: all 0.3s ease;
        }
        .nav-scrolled {
            background: rgba(10, 15, 13, 0.8);
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        

        .glass-card {
            background: rgba(23, 35, 28, 0.7);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(34, 197, 94, 0.1);
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card:hover {
            transform: translateY(-8px);
            border-color: rgba(34, 197, 94, 0.3);
            box-shadow: 0 20px 40px rgba(34, 197, 94, 0.2);
        }

        .showcase-card {
            animation: slideUpFade 0.8s ease-out forwards;
            opacity: 0;
        }

        .showcase-card:nth-child(2) { animation-delay: 0.2s; }
        .showcase-card:nth-child(3) { animation-delay: 0.4s; }
        .showcase-card:nth-child(4) { animation-delay: 0.6s; }

        .nav-link {
            position: relative;
            color: rgba(255, 255, 255, 0.7);
            transition: color 0.3s ease;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: #22c55e;
            transition: width 0.3s ease;
        }

        .nav-link:hover {
            color: white;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        .gradient-btn {
            background: linear-gradient(45deg, #22c55e, #15803d);
            background-size: 200% 200%;
            animation: shine 3s infinite;
            transition: all 0.3s ease;
        }

        .gradient-btn:hover {
            transform: translateY(-2px);
            animation: pulseGlow 2s infinite;
        }

        .video-overlay {
            opacity: 0;
            transition: all 0.4s ease;
            backdrop-filter: blur(4px);
        }

        .showcase-card:hover .video-overlay {
            opacity: 1;
        }

        .video-thumbnail {
            transition: all 0.5s ease;
            position: relative;
            aspect-ratio: 16/9;
            width: 100%;
        }

        .showcase-card:hover .video-thumbnail img {
            transform: scale(1.05);
        }

        .video-duration {
            position: absolute;
            bottom: 8px;
            right: 8px;
            background: rgba(0, 0, 0, 0.85);
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 0.875rem;
            z-index: 10;
        }

        .video-info {
            padding: 1.25rem;
            background: rgba(17, 24, 20, 0.95);
        }

        .views-badge {
            background: rgba(34, 197, 94, 0.2);
            border: 1px solid rgba(34, 197, 94, 0.3);
            padding: 2px 8px;
            border-radius: 999px;
            color: #22c55e;
        }

        .creator-badge {
            display: inline-flex;
            align-items: center;
            background: rgba(34, 197, 94, 0.1);
            border: 1px solid rgba(34, 197, 94, 0.2);
            padding: 4px 8px;
            border-radius: 9999px;
            font-size: 0.875rem;
            color: #22c55e;
            margin-bottom: 0.5rem;
        }

        .floating {
            animation: float 6s ease-in-out infinite;
        }

        .heading-gradient {
            background: linear-gradient(to right, #22c55e, #15803d);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: 200% 200%;
            animation: shine 3s infinite;
        }
    </style>
</head>
<body class="text-white">
    <nav class="fixed w-full z-50 glass-nav">
        <div class="max-w-7xl mx-auto px-6 py-4">
            <div class="flex justify-between items-center">
                <div class="flex items-center space-x-3">
                    <img src="https://cdn.discordapp.com/icons/1240720614151684119/5a3878a824f56a6111a6a41752dc0923.webp?size=512&amp;format=webp" alt="Torrent Logo" class="w-12 h-12 rounded-full">
                    <span class="text-2xl font-bold heading-gradient">Torrent Serverside</span>
                </div>
                <div class="hidden md:flex space-x-8 items-center">
                    <a href="/#home" class="nav-link">Home</a>
                    <a href="/#features" class="nav-link">Features</a>
                    <a href="/#pricing" class="nav-link">Pricing</a>
                    <a href="/showcases" class="nav-link">Showcases</a>
                    <a href="/#faq" class="nav-link">FAQ</a>
                    <a href="/#privacy" class="nav-link">Policies</a>
                    <a href="https://discord.gg/torrent-1-serverside-1240720614151684119" target="_blank" class="gradient-btn px-6 py-2 rounded-lg">Join Discord</a>
                    <!--<a href="https://torrent.sellpass.io/products" target="_blank" class="gradient-btn px-6 py-2 rounded-lg">Shop</a> -->
                    
                </div>
            </div>
        </div>
    </nav>

    <main class="pt-28 px-6 pb-20">
        <div class="max-w-7xl mx-auto">
            <div class="text-center mb-16">
                <h1 class="text-6xl font-bold mb-6 text-green-400 floating">Featured Showcases</h1>
                <p class="text-gray-400 text-xl max-w-2xl mx-auto">
                    Experience the power of Torrent through our community showcases.
                    Join thousands of users already enjoying unlimited possibilities.
                </p>
            </div>

            <div class="grid md:grid-cols-2 gap-8">
                <div class="showcase-card glass-card rounded-xl overflow-hidden">
                    <div class="video-thumbnail">
                        <img src="https://img.youtube.com/vi/1VziyB49lr8/maxresdefault.jpg" alt="Showcase 1" class="w-full h-full object-cover transition-transform duration-500">
                        <div class="video-duration">2:12</div>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent"></div>
                        <div class="video-overlay absolute inset-0 flex items-center justify-center bg-black/50">
                            <a href="https://www.youtube.com/watch?v=1VziyB49lr8" target="_blank" class="gradient-btn px-8 py-3 rounded-lg">Watch Video</a>
                        </div>
                    </div>
                    <div class="video-info">
                        <div class="creator-badge">
                            <span class="mr-2">⚡</span>
                            Serverside Showcases
                        </div>
                        <h3 class="text-xl font-bold mb-4">Roblox Serverside | Torrent Serverside</h3>
                        <div class="flex items-center justify-between">
                            <div class="flex items-center space-x-4">
                                <span class="views-badge">1.5K+ views</span>
                                <span class="text-gray-400">Featured</span>
                            </div>
                            <span class="text-green-400">♦ New</span>
                        </div>
                    </div>
                </div>

                <div class="showcase-card glass-card rounded-xl overflow-hidden">
                    <div class="video-thumbnail">
                        <img src="https://img.youtube.com/vi/L_jYkoWnuGk/maxresdefault.jpg" alt="Showcase 2" class="w-full h-full object-cover transition-transform duration-500">
                        <div class="video-duration">6:00</div>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent"></div>
                        <div class="video-overlay absolute inset-0 flex items-center justify-center bg-black/50">
                            <a href="https://www.youtube.com/watch?v=L_jYkoWnuGk" target="_blank" class="gradient-btn px-8 py-3 rounded-lg">Watch Video</a>
                        </div>
                    </div>
                    <div class="video-info">
                        <div class="creator-badge">
                            <span class="mr-2">⚡</span>
                            Quantum Productions
                        </div>
                        <h3 class="text-xl font-bold mb-4">Torrent SS ft ‪@BranchingsReborn‬ | Quantum Productions | Roblox Serverside</h3>
                        <div class="flex items-center justify-between">
                            <div class="flex items-center space-x-4">
                                <span class="views-badge">600+ views</span>
                                <span class="text-gray-400">Premium</span>
                            </div>
                            <span class="text-green-400">♦ Trending</span>
                        </div>
                    </div>
                </div>

                <div class="showcase-card glass-card rounded-xl overflow-hidden">
                    <div class="video-thumbnail">
                        <img src="https://img.youtube.com/vi/e-s710HuO_Q/maxresdefault.jpg" alt="Showcase 3" class="w-full h-full object-cover transition-transform duration-500">
                        <div class="video-duration">8:44</div>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent"></div>
                        <div class="video-overlay absolute inset-0 flex items-center justify-center bg-black/50">
                            <a href="https://www.youtube.com/watch?v=e-s710HuO_Q" target="_blank" class="gradient-btn px-8 py-3 rounded-lg">Watch Video</a>
                        </div>
                    </div>
                    <div class="video-info">
                        <div class="creator-badge">
                            <span class="mr-2">⚡</span>
                            astroified
                        </div>
                        <h3 class="text-xl font-bold mb-4">THE ALMIGHTY TORRENT SHOWCASE (AFK NPC XP FARM)</h3>
                        <div class="flex items-center justify-between">
                            <div class="flex items-center space-x-4">
                                <span class="views-badge">350+ views</span>
                                <span class="text-gray-400">Tutorial</span>
                            </div>
                            <span class="text-green-400">♦ Popular</span>
                        </div>
                    </div>
                </div>

                <div class="showcase-card glass-card rounded-xl overflow-hidden">
                    <div class="video-thumbnail">
                        <img src="https://i.ytimg.com/vi/44mObnwaWIg/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&amp;rs=AOn4CLCusRXaItgh5asJ9K2eBjZfpdymRQ" alt="Showcase 4" class="w-full h-full object-cover transition-transform duration-500">
                        <div class="video-duration">5:54</div>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent"></div>
                        <div class="video-overlay absolute inset-0 flex items-center justify-center bg-black/50">
                            <a href="https://www.youtube.com/watch?v=44mObnwaWIg" target="_blank" class="gradient-btn px-8 py-3 rounded-lg">Watch Video</a>
                        </div>
                    </div>
                    <div class="video-info">
                        <div class="creator-badge">
                            <span class="mr-2">⚡</span>
                            Branchings Reborn
                        </div>
                        <h3 class="text-xl font-bold mb-4">Roblox Serverside - Zombies and CHAOS!</h3>
                        <div class="flex items-center justify-between">
                            <div class="flex items-center space-x-4">
                                <span class="views-badge">350+ views</span>
                                <span class="text-gray-400">Featured</span>
                            </div>
                            <span class="text-green-400">♦ Featured</span>
                        </div>
                    </div>
                </div>

                <div class="showcase-card glass-card rounded-xl overflow-hidden">
                    <div class="video-thumbnail">
                        <img src="https://img.youtube.com/vi/ALIPI2sipsE/sddefault.jpg" alt="Showcase 5" class="w-full h-full object-cover transition-transform duration-500">
                        <div class="video-duration">2:30</div>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent"></div>
                        <div class="video-overlay absolute inset-0 flex items-center justify-center bg-black/50">
                            <a href="https://www.youtube.com/watch?v=ALIPI2sipsE" target="_blank" class="gradient-btn px-8 py-3 rounded-lg">Watch Video</a>
                        </div>
                    </div>
                    <div class="video-info">
                        <div class="creator-badge">
                            <span class="mr-2">⚡</span>
                            Gh0styeffect
                        </div>
                        <h3 class="text-xl font-bold mb-4">ROBLOX TORRENT SERVERSIDE SHOWCASE</h3>
                        <div class="flex items-center justify-between">
                            <div class="flex items-center space-x-4">
                                <span class="views-badge">100+ views</span>
                                <span class="text-gray-400">Tutorial</span>
                            </div>
                            <span class="text-green-400">♦ Popular</span>
                        </div>
                    </div>
                </div>

                <div class="showcase-card glass-card rounded-xl overflow-hidden">
                    <div class="video-thumbnail">
                        <img src="https://img.youtube.com/vi/lt5epJiBqmg/sddefault.jpg" alt="Showcase 6" class="w-full h-full object-cover transition-transform duration-500">
                        <div class="video-duration">9:34</div>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent"></div>
                        <div class="video-overlay absolute inset-0 flex items-center justify-center bg-black/50">
                            <a href="https://www.youtube.com/watch?v=lt5epJiBqmg" target="_blank" class="gradient-btn px-8 py-3 rounded-lg">Watch Video</a>
                        </div>
                    </div>
                    <div class="video-info">
                        <div class="creator-badge">
                            <span class="mr-2">⚡</span>
                            Branchings Reborn
                        </div>
                        <h3 class="text-xl font-bold mb-4">Roblox Exploiting - Ft. Irisk | Primadon &amp; CHAOS</h3>
                        <div class="flex items-center justify-between">
                            <div class="flex items-center space-x-4">
                                <span class="views-badge">500+ views</span>
                                <span class="text-gray-400">Featured</span>
                            </div>
                            <span class="text-green-400">♦ Popular</span>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </main>

    <footer class="py-8 px-6 border-t border-green-500/10">
        <div class="max-w-7xl mx-auto text-center">
            <p class="text-gray-400">© 2024 Torrent Serverside. All rights reserved.</p>
        </div>
    </footer>

    <script>
        document.addEventListener("scroll", () => {
            const navbar = document.querySelector(".glass-nav");
            if (window.scrollY > 10) {
                navbar.classList.add("nav-scrolled");
            } else {
                navbar.classList.remove("nav-scrolled");
            }
        });
    </script>


</body></html>