|
1 | 1 | # Really Simple Responsive HTML Email Template |
2 | 2 |
|
3 | | -Sometimes all you want is a really simple responsive HTML email template. Here it is. |
| 3 | +Sometimes all you want is a really simple responsive HTML email template. Here it is. |
| 4 | + |
| 5 | +[See live preview](http://leemunroe.github.io/responsive-html-email-template/email.html). |
| 6 | + |
| 7 | +<img src="https://cloud.githubusercontent.com/assets/15963/26765586/c6484a96-4933-11e7-80e0-2f7509d24280.png" alt="Simple HTML Email" width="500"> |
4 | 8 |
|
5 | | -Preview: http://leemunroe.github.io/responsive-html-email-template/email.html |
6 | 9 |
|
7 | 10 | ## Sending emails using a marketing service like Campaign Monitor or Mailchimp? |
8 | 11 |
|
9 | | -Use the template as is. They'll put the CSS inline for you when you put together your campaign. |
| 12 | +Use the template `email.html` as is. They'll put the CSS inline for you when you put together your campaign. |
| 13 | + |
10 | 14 |
|
| 15 | +## Sending emails directly from your app or using a developer service? |
11 | 16 |
|
12 | | -## Sending emails directly from your app or using a developer service |
| 17 | +For an API like [Mailgun](http://www.mailgun.com) **you need to inline the CSS before sending**. See `email-inlined.html` for an example. |
13 | 18 |
|
14 | | -For an API like [Mailgun](http://www.mailgun.com) you need to put the CSS inline. You can use inliner tools like [Putsmail](https://putsmail.com/inliner) or [Juice](https://github.com/Automattic/juice) to do this automatically. |
| 19 | +You can use inliner tools like [Putsmail](https://putsmail.com/inliner) or [Juice](https://github.com/Automattic/juice) to do this automatically. |
15 | 20 |
|
16 | 21 | * Copy all of email.html |
17 | 22 | * Paste the HTML as the source into Putsmail |
18 | | -* Copy the HTML results and use them in your email view/template |
| 23 | +* Copy the HTML results and use them in your email template |
19 | 24 |
|
20 | 25 | ## Tried and tested on all major email clients |
21 | 26 |
|
22 | 27 | Tested on mobile, desktop and web. |
23 | 28 |
|
24 | | - |
| 29 | + |
25 | 30 |
|
26 | 31 |
|
27 | | -[Here are the Litmus test results](https://litmus.com/checklist/emails/public/d432046). |
| 32 | +[See the Litmus test results](https://litmus.com/checklist/emails/public/d432046). |
28 | 33 |
|
29 | 34 | ## More HTML email resources |
30 | 35 |
|
|
0 commit comments