Spaces:
Running
Running
| <html lang="en"> | |
| <head><meta charset="UTF-8"><title>Settings</title></head> | |
| <body style="font-family:sans-serif; background:#f9fafb; color:#111"> | |
| <aside style="background:#fff; border-right:1px solid #e5e7eb"> | |
| <div style="border-bottom:1px solid #e5e7eb"> | |
| <div style="gap:10px"> | |
| <div style="background:#4f46e5; color:#fff; font-weight:700">A</div> | |
| <div><p style="font-size:13px; font-weight:600">Amal Joe</p><p style="font-size:11px; color:#888">Pro Plan</p></div> | |
| </div> | |
| </div> | |
| <nav style=""> | |
| <a style="font-size:14px; color:#4f46e5; background:#ede9fe; font-weight:600; text-decoration:none">Profile</a> | |
| <a style="font-size:14px; color:#555; text-decoration:none">Security</a> | |
| <a style="font-size:14px; color:#555; text-decoration:none">Notifications</a> | |
| <a style="font-size:14px; color:#555; text-decoration:none">Billing</a> | |
| <a style="font-size:14px; color:#555; text-decoration:none">Integrations</a> | |
| </nav> | |
| </aside> | |
| <main style=""> | |
| <h1 style="font-size:22px">Profile Settings</h1> | |
| <p style="color:#888; font-size:14px">Manage your personal information.</p> | |
| <div style="background:#fff; border:1px solid #e5e7eb; max-width:560px"> | |
| <div style="gap:16px"> | |
| <div style=""><label style="font-size:12px; font-weight:600; color:#444">First Name</label><input value="Amal" style="border:1px solid #e5e7eb; font-size:14px"></div> | |
| <div style=""><label style="font-size:12px; font-weight:600; color:#444">Last Name</label><input value="Joe" style="border:1px solid #e5e7eb; font-size:14px"></div> | |
| </div> | |
| <label style="font-size:12px; font-weight:600; color:#444">Email</label> | |
| <input value="amaljoe88@gmail.com" style="border:1px solid #e5e7eb; font-size:14px"> | |
| <label style="font-size:12px; font-weight:600; color:#444">Bio</label> | |
| <textarea rows="3" style="border:1px solid #e5e7eb; font-size:14px; resize:vertical">Building AI tools for developers.</textarea> | |
| <button style="background:#4f46e5; color:#fff; border:none; font-size:14px; cursor:pointer">Save Changes</button> | |
| </div> | |
| </main> | |
| </body> | |
| </html> | |