Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <a href="#" class="btn btn-primary">Primary button</a> <div class="alert alert-info" role="status">Heads up! New updates available.</div> <article class="card"> <h2>Reusable Components</h2> <p>Bundle markup and styles into composable building blocks.</p> </article> </body> </html>
body { font-family: "Inter",sans-serif; background: #f4f6fb; margin: 0; padding: 48px; display: grid; gap: 24px; } .btn { display: inline-block; padding: 10px 18px; border-radius: 999px; text-decoration: none; font-weight: 600; transition: 0.2s ease; } .btn-primary { background: #6366f1; color: #fff; } .btn-primary:hover { background: #4f46e5; } .alert { border-radius: 12px; padding: 14px 18px; } .alert-info { background: #eff6ff; color: #1d4ed8; } .card { background: #fff; border-radius: 16px; padding: 24px; box-shadow: 0 20px 45px rgba(15,23,42,0.12); } .card h2 { margin-top: 0; }
