SQL HOME

<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: monospace; background: #0f172a; color: #f8fafc; padding: 25px; }
        .sql-box { background: #1e293b; border-left: 4px solid #00758f; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
        .keyword { color: #38bdf8; font-weight: bold; }
        table { width: 100%; border-collapse: collapse; margin-top: 15px; background: #020617; border-radius: 6px; overflow: hidden; font-family: sans-serif; font-size: 14px; }
        th, td { padding: 10px; border: 1px solid #334155; text-align: left; }
        th { background: #00758f; color: white; }
    </style>
</head>
<body>
    <div class="sql-box">
        <h3>// Kueri SQL Pertama Anda</h3>
        <p><span class="keyword">SELECT</span> CustomerName, City, Country <span class="keyword">FROM</span> Customers;</p>
    </div>
    <h4>Hasil Eksekusi Kueri (3 Baris):</h4>
    <table>
        <tr><th>CustomerName</th><th>City</th><th>Country</th></tr>
        <tr><td>Alfreds Futterkiste</td><td>Berlin</td><td>Germany</td></tr>
        <tr><td>Ana Trujillo Emparedados</td><td>México D.F.</td><td>Mexico</td></tr>
        <tr><td>Antonio Moreno Taquería</td><td>México D.F.</td><td>Mexico</td></tr>
    </table>
</body>
</html>