← Back
🎨
Portfolio
Personal<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Portfolio</title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;color:#0a0a0a}.nav{height:64px;display:flex;align-items:center;padding:0 48px;justify-content:space-between;border-bottom:1px solid #e5e5e5}.logo{font-weight:700;font-size:16px}.nav-links{display:flex;gap:24px}.nav-links a{text-decoration:none;font-size:14px;color:#737373;font-weight:500}.hero{padding:96px 48px;max-width:800px}.hero .tag{display:inline-block;background:#f2f2f2;border:1px solid #e5e5e5;border-radius:26px;padding:4px 12px;font-size:12px;color:#737373;margin-bottom:20px}.hero h1{font-size:52px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.hero p{font-size:17px;color:#737373;line-height:1.6;max-width:520px;margin-bottom:32px}.btn{background:#0a0a0a;color:#fff;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer}.work{padding:64px 48px;border-top:1px solid #e5e5e5}.work h2{font-size:28px;font-weight:700;margin-bottom:32px;letter-spacing:-0.5px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{border:1px solid #e5e5e5;border-radius:14px;overflow:hidden}.thumb{height:180px;background:#f2f2f2;display:flex;align-items:center;justify-content:center;font-size:40px}.project-info{padding:20px}.project-info h3{font-size:15px;font-weight:600;margin-bottom:4px}.project-info p{font-size:13px;color:#737373}.contact{padding:64px 48px;background:#f2f2f2;text-align:center}.contact h2{font-size:32px;font-weight:700;margin-bottom:12px}.contact p{color:#737373;font-size:15px;margin-bottom:28px}</style></head><body><nav class="nav"><span class="logo">Alex Chen</span><div class="nav-links"><a href="#">Work</a><a href="#">About</a><a href="#">Contact</a></div></nav><section class="hero"><span class="tag">Available for work</span><h1>Design & code, made human.</h1><p>I'm a product designer and developer crafting interfaces that feel intuitive and alive. Based in San Francisco.</p><button class="btn">View my work ↓</button></section><section class="work"><h2>Selected Work</h2><div class="grid"><div class="project-card"><div class="thumb">🛒</div><div class="project-info"><h3>ShopAI — E-commerce Platform</h3><p>Product design, 2024</p></div></div><div class="project-card"><div class="thumb">📱</div><div class="project-info"><h3>Pulse — Health Tracking App</h3><p>UI/UX design, 2023</p></div></div></div></section><section class="contact"><h2>Let's work together</h2><p>Open to freelance projects and full-time roles.</p><button class="btn">Say hello →</button></section></body></html>