RifqyDesign

<div class="card-demo"> <h1>RifqyDesign</h1> <p>Studio Pro is ready.</p> <button class="btn-demo">Try Me</button> </div> body { display: flex; justify-content: center; align-items: center; height: 100vh; background: #f0f4f8; /* Ubah warna latar belakang di sini */ font-family: sans-serif; margin: 0; } .card-demo { background: white; padding: 2rem; border-radius: 16px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); text-align: center; } h1 { color: #3b82f6; margin-bottom: 0.5rem; } .btn-demo { background: #3b82f6; color: white; border: none; padding: 10px 24px; border-radius: 8px; margin-top: 1rem; cursor: pointer; font-weight: 600; } .btn-demo:hover { background: #2563eb; } document.querySelector('.btn-demo').addEventListener('click', () => { alert('Kode JavaScript berhasil dieksekusi!'); });