HTML5 Dashboard & Profile Redesign

I’m refreshing an existing web application and now require new, clean HTML5 for two core areas: the main Dashboard and the User Profile page. Both screens must embrace Google’s Material Design language so the look feels modern, spacious, and intuitive.

Scope of work
• Translate my current wireframes into responsive HTML5 markup.
• Apply Material Design-aligned CSS (you may use plain CSS or a pre-processor such as SCSS).
• Include lightweight JavaScript where needed for interactive elements—tabs, snackbars, dropdown menus, etc.—while keeping performance sharp.
• Make sure everything scales gracefully from widescreen desktop down to tablet and mobile widths.

Deliverables
1. Fully commented HTML5 files for the Dashboard and User Profile.
2. Associated CSS/SCSS and any SVG/icon assets.
3. Optional JS bundle (vanilla or a minimal framework) for Material-style behaviors.
4. A quick README that explains folder structure and any build steps.

Acceptance criteria
• Layout matches supplied wireframes at common breakpoints (≥1280 px, 768 px, 375 px).
• Colors, typography, elevation, and motion follow Material Design guidelines.
• Code passes W3C HTML5 validation and Lighthouse accessibility score ≥90.
• No third-party library licenses that constrain commercial use.

Files drop easily into the existing project, so no server-side work is needed—just pixel-perfect, standards-compliant front-end code.