Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        .card { width: 260px; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); font-family: sans-serif; text-align: center; border: 1px solid #e2e8f0; }
        .btn { background: #04AA6D; color: white; border: none; padding: 8px 16px; border-radius: 20px; font-weight: bold; cursor: pointer; }
    </style>
</head>
<body>

    <div class="card">
        <h4 style="margin: 0 0 8px 0; color: #0d2e5c;">Contoh Kartu Web</h4>
        <p style="color: #64748b; font-size: 0.85rem;">Komponen siap pakai dengan struktur HTML semantik.</p>
        <button class="btn">Klik Aksi</button>
    </div>

</body>
</html>

Hasil Tampilan (Browser Preview)