PDFs to Pixel-Perfect HTML (sdmDotfr)

I have three PDF mock-ups that need to be rebuilt as live web pages, slotting straight into my current site. Each page must mirror the fonts, colour palette and overall layout you see on the existing site, including the shared header and footer, so visitors never notice they left the main theme.

Beyond faithful visuals, I also need a light touch of interactivity: subtle hover states where the design shows them, every button or text link fully clickable, and a bit of client-side form validation on the contact fields that appear on one page. No heavy frameworks here—clean, organised HTML5, CSS3 (flexbox or grid as appropriate) and a sprinkle of vanilla JavaScript is all it should take.

Deliverables:
• Three responsive HTML files that match the PDFs pixel for pixel
• Any accompanying CSS and JS, clearly commented
• Assets optimised and referenced with relative paths so I can drop everything into the root folder and go

When I load the pages beside the PDFs they should be indistinguishable, pass standard validation, and behave consistently in the latest Chrome, Firefox and Safari. Let me know if you need the style guide or specific hex values and I’ll send them right over.