Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        .kartu-produk {
            background-color: white;
            border-radius: 12px;
            padding: 20px;
            max-width: 280px;
            border: 1px solid #e2e8f0;
            box-shadow: 0 4px 12px rgba(0,0,0,0.06);
            font-family: sans-serif;
        }
    </style>
</head>
<body>

    <div class="kartu-produk">
        <h4 style="margin-top:0; color:#0d2e5c;">Kursus Frontend Web</h4>
        <p style="color:#64748b; font-size:0.85rem;">Kuasai HTML, CSS, dan JavaScript dari nol hingga mahir.</p>
        <button style="background:#04AA6D; color:white; border:none; padding:8px 16px; border-radius:6px; cursor:pointer;">Mulai Belajar</button>
    </div>

</body>
</html>

Hasil Tampilan (Browser Preview)