HOME
▶ Run
🔁 Toggle Layout
🌙 Dark Mode
📸 Screenshot
🌐 Open in New Tab
HTML
CSS
JS
HTML Code Editor
<div class="card"> <h1>Welcome to My Page</h1> <p>This is a sample description inside a styled card.</p> <button onclick="showAlert()">Click Me</button> </div>
CSS Code Editor
body { background-color: #f0f0f0; font-family: Arial, sans-serif; text-align: center; padding: 50px; } .card { background-color: white; padding: 30px; margin: auto; width: 300px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); } button { margin-top: 20px; padding: 10px 20px; background-color: #04AA6D; color: white; border: none; border-radius: 4px; cursor: pointer; }
JavaScript Code Editor
function showAlert() { alert("Button clicked!"); console.log("Button was clicked!"); }