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> <article class="card"> <img src="images/dashboard.png" alt="Dashboard preview" loading="lazy"> <div class="card-body"> <h3>Analytics</h3> <p>Track performance with real-time dashboards.</p> <a href="#" class="btn">View Demo</a> <a href="#" class="btn btn-primary">View Demo</a> </div> </article> </body> </html>
.card { overflow: hidden; background: #fff; border-radius: 18px; box-shadow: 0 20px 40px rgba(15,23,42,0.12); display: grid; gap: 0; } .card img { width: 100%; height: auto; } .card-body { padding: 24px 28px; } .card-body h3 { margin-top: 0; margin-bottom: 12px; } .btn { display: inline-block; padding: 12px 20px; border-radius: 999px; font-weight: 600; text-decoration: none; transition: 0.2s ease; background: #04AA6D; color: #fff; } .btn:hover { background: #028a56; }
