Back to Portfolio
Browser IDE
Workable Web Playground
Run Preview
Auto Run On
Copy File
Download File
Export ZIP
Reset
Preview ready
22 lines
A-
14px
A+
Open Preview
index.html
Plain text editor
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Portfolio Lab</title> </head> <body> <main class="shell"> <section class="card"> <p class="eyebrow">Browser IDE</p> <h1>Build a real web demo.</h1> <p class="lead">This page only runs what works reliably here: HTML, CSS and JavaScript.</p> <div class="actions"> <button id="accentButton" class="primary">Rotate Accent</button> <button id="cardButton" class="ghost">Create Status Card</button> </div> <div id="status" class="status">Console output is captured inside the IDE panel.</div> </section> </main> </body> </html>
Live Preview
desktop
Console
Clear
Preview logs and runtime errors appear here after each run.