# Tandem — responsive HTML email templates (5-pack)
Five production-style HTML emails for a SaaS product, plus a preview gallery (`index.html`).
| File | Use it for |
| --- | --- |
| `newsletter.html` | Monthly newsletter — hero image, two stories (side-by-side on desktop, stacked on mobile), tip box |
| `welcome.html` | Onboarding — numbered steps and a primary call to action |
| `receipt.html` | Payment receipt — metadata, line items, totals, invoice button |
| `password-reset.html` | Security email — reset button, expiry notice, plain-text fallback link |
| `event-invite.html` | Webinar / event invitation — details card, RSVP buttons, calendar links, agenda |
## How they're built (email-safe techniques)
- **Nested `` layout**, 600 px max width, fluid below that. An MSO conditional table keeps Outlook for Windows at 600 px.
- **Inline styles on every element**, plus a small `