Convert the website brief into a responsive portfolio UI mockup for a networking engineer. Build the reusable information architecture around , a skills module containing , a project-results area, biography, resume, and an accessible contact form routed to . Apply as the visual theme while retaining clear navigation, mobile responsiveness, accessibility, search-friendly hierarchy, and professional restraint. Use a hero image from a practical Riyadh networking workshop, photographed from a low eye-level perspective to create spatial depth without heroizing the engineer. Reserve a separate clean blank post-typesetting slot for every page title, navigation item, skill label, project heading, metric, resume heading, field label, button, email line, and accessibility note. Generate no interface copy, code, letters, numerals, logos, or readable screens.
