Jogos desbloqueados: FNAF, Sandtris, Slope, 1v1.LOL

54 RileyThePoptart

Abrir no Editor Video Publique Seu Código

Jogos desbloqueados: FNAF, Sandtris, Slope, 1v1.LOL

Recomendado

16 January 2026

Modelo HTML para reprodutor de jogos Flash Ruffle

16 January 2026

Reprodutor de jogos em Flash com emulador Ruffle

16 January 2026

Incorpore jogos em Flash com o Ruffle Player

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unblocked Games Hub | FNAF & Sandtris</title>
    <style>
        :root {
            --primary-color: #00ffcc;
            --bg-dark: #0f0f12;
            --card-bg: #1a1a1f;
            --text-light: #e0e0e0;
            --accent: #ff2e63;
        }

body {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-light);
            margin: 0;
            padding: 0;
            line-height: 1.6;
        }

header {
            background-color: #000;
            padding: 1rem 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid var(--primary-color);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

.logo {
            font-size: 1.8rem;
            font-weight: 800;
            color: var(--primary-color);
            text-decoration: none;
            letter-spacing: 2px;
        }

nav a {
            color: white;
            text-decoration: none;
            margin-left: 20px;
            font-weight: 500;
            transition: 0.3s;
        }

nav a:hover {
            color: var(--primary-color);
        }

.hero {
            text-align: center;
            padding: 60px 20px;
            background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&q=80&w=1000');
            background-size: cover;
            background-position: center;
        }

.hero h1 {
            font-size: 3rem;
            margin-bottom: 10px;
            color: #fff;
        }

.container {
            max-width: 1200px;
            margin: 40px auto;
            padding: 0 20px;
        }

.section-title {
            border-left: 5px solid var(--accent);
            padding-left: 15px;
            margin-bottom: 30px;
            font-size: 1.5rem;
        }

.game-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 25px;
        }

.game-card {
            background: var(--card-bg);
            border-radius: 12px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid #333;
            display: flex;
            flex-direction: column;
        }

.game-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            border-color: var(--primary-color);
        }

.game-thumbnail {
            width: 100%;
            height: 180px;
            background: #25252b;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            font-weight: bold;
            color: #555;
            position: relative;
        }

.fnaf-thumb { background: linear-gradient(45deg, #300, #000); color: #ff2e63; }
        .sandtris-thumb { background: linear-gradient(45deg, #c2a34f, #634e1a); color: #fff; }

.game-info {
            padding: 20px;
            flex-grow: 1;
        }

.game-title {
            margin: 0 0 10px 0;
            font-size: 1.3rem;
            color: #fff;
        }

.game-desc {
            font-size: 0.9rem;
            color: #aaa;
            margin-bottom: 20px;
        }

.play-button {
            display: block;
            text-align: center;
            background: var(--primary-color);
            color: #000;
            padding: 10px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: bold;
            transition: 0.2s;
        }

.play-button:hover {
            background: #fff;
        }

footer {
            text-align: center;
            padding: 40px;
            margin-top: 60px;
            background: #000;
            color: #666;
            font-size: 0.8rem;
        }

.tag {
            position: absolute;
            top: 10px;
            left: 10px;
            background: var(--accent);
            color: white;
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.7rem;
            text-transform: uppercase;
        }
    </style>
</head>
<body>

<header>
        <a href="#" class="logo">UNBLOCKED.IO</a>
        <nav>
            <a href="#">Home</a>
            <a href="#">New Games</a>
            <a href="#">Trending</a>
            <a href="#">Contact</a>
        </nav>
    </header>

<section class="hero">
        <h1>Unblocked Gaming Hub</h1>
        <p>Your favorite games, accessible anywhere, anytime.</p>
    </section>

<div class="container">
        <h2 class="section-title">Popular Now</h2>
        
        <div class="game-grid">
            
            <div class="game-card">
                <div class="game-thumbnail fnaf-thumb">
                    <span class="tag">Horror</span>
                    FNAF 1
                </div>
                <div class="game-info">
                    <h3 class="game-title">Five Nights at Freddy's</h3>
                    <p class="game-desc">Survive the night shift at Freddy Fazbear's Pizza. Watch the cameras and conserve your power!</p>
                    <a href="#" class="play-button">PLAY NOW</a>
                </div>
            </div>

<div class="game-card">
                <div class="game-thumbnail sandtris-thumb">
                    <span class="tag">Puzzle</span>
                    SANDTRIS
                </div>
                <div class="game-info">
                    <h3 class="game-title">Sandtris</h3>
                    <p class="game-desc">A unique twist on Tetris where blocks turn into sand. Manage the piles and clear the lines.</p>
                    <a href="#" class="play-button">PLAY NOW</a>
                </div>
            </div>

<div class="game-card">
                <div class="game-thumbnail" style="background: linear-gradient(45deg, #1a2a6c, #b21f1f);">
                    <span class="tag">Action</span>
                    SLOPE
                </div>
                <div class="game-info">
                    <h3 class="game-title">Slope</h3>
                    <p class="game-desc">High-speed physics game. Roll down the slope and avoid obstacles for as long as possible.</p>
                    <a href="#" class="play-button">PLAY NOW</a>
                </div>
            </div>

<div class="game-card">
                <div class="game-thumbnail" style="background: linear-gradient(45deg, #11998e, #38ef7d);">
                    <span class="tag">Casual</span>
                    1v1.LOL
                </div>
                <div class="game-info">
                    <h3 class="game-title">1v1.LOL</h3>
                    <p class="game-desc">Competitive building and shooting simulator. Practice your mechanics in real-time.</p>
                    <a href="#" class="play-button">PLAY NOW</a>
                </div>
            </div>
        </div>
    </div>

<footer>
        <p>© 2023 Unblocked Games Hub. All game assets belong to their respective creators.</p>
        <p>Built for speed and accessibility.</p>
    </footer>

</body>
</html>

Jogos desbloqueados: FNAF, Sandtris, Slope, 1v1.LOL

Recomendado

Modelo HTML para reprodutor de jogos Flash Ruffle

Reprodutor de jogos em Flash com emulador Ruffle

Incorpore jogos em Flash com o Ruffle Player

HTML

CSS

JS

Recomendado

Modelo HTML para reprodutor de jogos Flash Ruffle

Reprodutor de jogos em Flash com emulador Ruffle

Incorpore jogos em Flash com o Ruffle Player

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS