HTML Keyword Banner Generator

I need HTML banner ad ready to paste into our campaigns for apienergy.co.uk. The focus is brand awareness, so every banner must stay strictly on-brand: it should pull in our company logo, show a concise list of relevant API Energy products, and present their images in a clean, responsive layout.

Core workflow I have in mind
1. I enter or pick a keyword
2. The script fetches or filters the right product names and image files that match that keyword

3. It assembles a standards-compliant HTML banner and displays both a live preview and the copy-paste code block

Key requirements
• Supports multiple common banner dimensions
• Lightweight vanilla JavaScript or a minimal framework so it remains easy to embed on our site
• Simple way to update the product list, images, and logo path without touching the core code
• Alt text automatically filled with the keyword for accessibility and SEO
• Generated code must pass Google Ads HTML5 validation

Please package the finished generator, source files, and a short read-me so I can drop it straight into a sub-folder on www.apienergy.co.uk and start using it immediately.