https://github.com/cerebnismus/email-templates
https://github.com/cerebnismus/email-templates
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/cerebnismus/email-templates
- Owner: cerebnismus
- Created: 2025-02-21T18:06:49.000Z (8 months ago)
- Default Branch: development
- Last Pushed: 2025-02-27T17:55:30.000Z (8 months ago)
- Last Synced: 2025-03-08T11:05:35.723Z (7 months ago)
- Language: HTML
- Size: 161 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# YAZ Responsive HTML Email Templates
Sometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here it is.
[See live preview](http://leemunroe.github.io/responsive-html-email-template/email.html).
## Inline your CSS before sending
Email is notorious for inconsistent CSS support. Therefore you should always inline your CSS and send a test to yourself before sending.
### Sending emails directly from your codebase or using a developer service?
For an API service (like Mailgun, SendGrid, Postmark) **you need to inline the CSS before sending**. See `email-inlined.html` for an example.
You can use this [Email CSS Inliner](https://htmlemail.io/inline/) and then [send a test email to yourself](https://postdrop.io) to verify it works as expected.
* Copy all of email.html
* Paste the HTML as the source into the inliner
* Copy the HTML output and use this as the email template you send
### Sending emails using a marketing service like Mailchimp?
Use the template `email.html` as is. They'll put the CSS inline for you when you put together your campaign.
## Images in email
When inserting images remember to include the following attributes or risk them breaking in different clients:
* `src`
* `alt`
* `width`
* `height`
* `border`
Example:
`
`
[More information here](https://www.smashingmagazine.com/2017/01/introduction-building-sending-html-email-for-web-developers/)
## Tried and tested on all major email clients
Tested on mobile, desktop and web.
## More HTML email resources
* [10 Premium HTML Email Templates for Developers](https://htmlemail.io)
* [Free Figma Email Template Design System](https://htmlemail.io/design-system)
* [An Introduction To Building And Sending HTML Email](https://www.smashingmagazine.com/2017/01/introduction-building-sending-html-email-for-web-developers/)
* [Grunt Email Design Workflow](https://github.com/leemunroe/grunt-email-design)
* [Everything Web Developers Need To Know About Transactional Email](https://webdesign.tutsplus.com/articles/everything-developers-need-to-know-about-sending-transactional-email--cms-31759)
* [Manage and Send Email Templates To Yourself](https://postdrop.io)
* [Accessible Email Evaluation Tool](https://www.accessible-email.org/)
This free template is part of a pack of responsive email templates for developers and startups available on [HTML Email](https://htmlemail.io).
[](https://htmlemail.io)