A complete B1 reading comprehension lesson built as an interactive HTML file. Vocabulary tooltips, annotation highlights, self-checking answers, teacher notes, dark mode, and answer export, all in one file that opens in any modern browser.

Features:

• Interactive HTML file that opens in any browser, works offline
• Vocabulary tooltips: hover for definitions, part of speech, and examples
• Annotation highlights: hover over key features in the model text
• Self-checking answers (MC, T/F/NG, gap-fill, drag-and-drop)
• Dark mode toggle
• Teacher notes (toggle on/off) with timing, tips, and extension ideas
• Answer export for homework or self-study
  

This lesson includes:

• Pre-reading vocabulary
• Reading passage with embedded tooltips and annotations
• Comprehension questions (T/F/NG, MC, short answer)
• Post-reading vocabulary practice (cloze/matching)
• Discussion prompts
• Complete answer key

How to use it: Download the HTML file. Double-click to open in your browser. That's it!

I've taught ESL for close to a decade and these materials come from my own curriculum and teaching approach. I use AI to assist with the technical production (the HTML, CSS, and JavaScript that make the interactivity work), but the content, question design, scaffolding, and processes are mine. I do my best to review everything thoroughly, and I'm always happy to fix anything if you spot an issue.