HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!

414x181

3.16 KB

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Game Portal Masa Kini</title>
    <style>
        /* --- CSS INTERNAL (Untuk Tampilan Masa Kini) --- */
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #1a1a2e; /* Background gelap khas gaming */
            color: #e0e0e0; /* Teks terang */
            line-height: 1.6;
        }
        .container {
            width: 90%;
            margin: auto;
            overflow: hidden;
        }
        header {
            background: #16213e; /* Warna header lebih gelap */
            padding: 1rem 0;
            border-bottom: 2px solid #0f3460;
        }
        header .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo {
            font-size: 1.5rem;
            font-weight: bold;
            color: #e94560; /* Warna aksen cerah (merah/pink neon) */
            text-decoration: none;
        }
        nav a {
            color: #e0e0e0;
            text-decoration: none;
            margin-left: 20px;
            transition: color 0.3s;
        }
        nav a:hover {
            color: #e94560; /* Efek hover warna aksen */
        }
        .hero-section {
            background: url('via.placeholder.com') no-repeat center center/cover;
            height: 500px;
            display: flex;
            align-items: center;
            padding-left: 5%;
        }
        .hero-content h2 {
            font-size: 3rem;
            margin: 0 0 10px;
            color: white;
        }
        .hero-content p {
            font-size: 1.2rem;
            max-width: 500px;
        }
        .cta-btn {
            background-color: #e94560;
            color: white;
            padding: 12px 25px;
            text-decoration: none;
            border-radius: 5px;
            display: inline-block;
            margin-top: 15px;
            transition: background-color 0.3s;
        }
        .cta-btn:hover {
            background-color: #f06292;
        }
        .game-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            padding: 40px 0;
        }
        .game-card {
            background: #0f3460; /* Background kartu game */
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .game-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(233, 69, 96, 0.3);
        }
        .game-card img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }
        .game-info {
            padding: 15px;
        }
        .game-info h3 {
            margin: 0;
            color: white;
        }
        .game-info p {
            margin: 5px 0 0;
            color: #a0a0a0;
            font-size: 0.9rem;
        }
        footer {
            background: #16213e;
            text-align: center;
            padding: 20px 0;
            margin-top: 20px;
        }
    </style>
</head>
<body>

    <header>
        <div class="container">
            <a href="#" class="logo">🎮 GAMEXPERT</a>
            <nav>
                <a href="#">Beranda</a>
                <a href="#">Game</a>
                <a href="#">Berita</a>
                <a href="#">Masuk</a>
            </nav>
        </div>
    </header>

    <main>
        <section class="hero-section">
            <div class="hero-content">
                <h2>Temukan Petualangan <br>Baru Anda Hari Ini!</h2>
                <p>Jelajahi ribuan game online gratis dengan grafis memukau.</p>
                <a href="#" class="cta-btn">Mulai Bermain</a>
            </div>
        </section>

        <div class="container">
            <h2>Game Populer</h2>
            <div class="game-grid">
                
                <!-- Contoh Kartu Game 1 -->
                <div class="game-card">
                    <img src="via.placeholder.com" alt="Game FPS">
                    <div class="game-info">
                        <h3>Game FPS Legends</h3>
                        <p>Genre: Shooter | Online Multiplayer</p>
                    </div>
                </div>

                <!-- Contoh Kartu Game 2 -->
                <div class="game-card">
                    <img src="via.placeholder.com" alt="Game RPG">
                    <div class="game-info">
                        <h3>Fantasy Realm Online</h3>
                        <p>Genre: RPG | Open World</p>
                    </div>
                </div>

                <!-- Contoh Kartu Game 3 -->
                <div class="game-card">
                    <img src="via.placeholder.com" alt="Game MOBA">
                    <div class="game-info">
                        <h3>Arena Clash MOBA</h3>
                        <p>Genre: Strategy | 5v5 Battle</p>
                    </div>
                </div>
                
                <!-- Contoh Kartu Game 4 -->
                <div class="game-card">
                    <img src="via.placeholder.com" alt="Game Racing">
                    <div class="game-info">
                        <h3>Cyber Circuit Racers</h3>
                        <p>Genre: Racing | Arcade</p>
                    </div>
                </div>

            </div>
        </div>
    </main>

    <footer>
        <p>&copy; 2025 GAMEXPERT. Semua hak dilindungi.</p>
    </footer>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

6KB

Transfer Size

6KB

Content Size

59.0ms

Dom Content Loaded

216.0ms

First Paint

64.0ms

Load Time

Domain Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests

Timings (ms)

Total Time

Content Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests