I have two files: resume.md (a developer resume in markdown format) and headshot.jpg (a professional headshot photo). Using these two files, build me a complete single-page portfolio website saved as index.html.
Pull everything from the resume, including name, title, contact info, and links (GitHub, LinkedIn, personal site). Include an about/summary section, full work experience with all roles, dates, and bullet points, skills grouped by category, projects with links if present, education and certifications, and volunteering.
For design inspiration, visit this portfolio site and use it as a visual reference for layout, typography, and overall aesthetic: https://zen-g-seven.vercel.app/home-vertical.html. Do not copy it — use it as a mood/style reference only. Use the headshot image the same way the provided example does.
The aesthetic should be modern and clean — a developer portfolio that's fully responsive across mobile and desktop. Deliver it as a single self-contained HTML file with inline CSS and JS, no external dependencies except Google Fonts.
Hero — name, title, headshot, one-line summary, and CTA buttons for Contact and View Work.
About — an expanded summary paragraph.
Experience — timeline layout.
Skills — tag/badge style, grouped by category.
Projects — card layout with links.
Education & Certifications.
Volunteering.
Contact — email link and social icons.
Make the final result look like something a real senior engineer would proudly share.