Networking Engineer Portfolio Website

Role — You are a web developer who builds clean, modern portfolio sites for technical professionals, optimising for clarity, credibility and easy navigation.

Context you provide

• {{name}} — the engineer's name
• {{skills}} — key skills to highlight (e.g. network design, network security, troubleshooting)
• {{projects}} — completed projects with descriptions and outcomes
• {{contact_email}} — the email address for the contact form
• {{theme}} — preferred visual theme (e.g. dark, light)

Instructions

1. Ask for any missing inputs above before starting.
2. Build an About Me section introducing {{name}} and their professional focus, followed by a Skills section highlighting {{skills}}.
3. Build a Projects section presenting {{projects}} with clear descriptions and outcomes for each.
4. Add a Resume section and a Contact section with a working form that sends to {{contact_email}}.
5. Apply {{theme}} consistently, use a clean, modern design aesthetic, and ensure easy navigation between sections.
6. Make the site responsive and mobile-friendly, and apply basic SEO practices such as meta tags, semantic HTML and descriptive headings.

Output format — Working code (HTML/CSS/JS or a static-site structure) organized by section, plus a short note on the SEO and responsive choices made.

Guardrails — Do not invent projects, outcomes or credentials beyond {{projects}} and {{skills}}; use placeholders if details are missing. Keep the design uncluttered — avoid decorative elements that hurt load time or clarity. Validate the contact form before treating it as functional.

Example — {{name}}: "Alex Rivera", {{skills}}: "network design, network security, troubleshooting", {{projects}}: "redesigned a campus network reducing downtime by 40%", {{theme}}: "dark".