[ { "path": "email-inlined.html", "content": "\n\n \n \n \n Simple Transactional Email\n \n \n \n \n \n \n \n \n \n
 \n
\n\n \n This is preheader text. Some clients will show this text as a preview.\n \n\n \n \n \n \n\n \n
\n

Hi there

\n

Sometimes you just want to send a simple HTML email with a simple design and clear call to action. This is it.

\n \n \n \n \n \n \n
\n \n \n \n \n \n \n
Call To Action
\n
\n

This is a really simple email template. It's sole purpose is to get the recipient to click the button with no distractions.

\n

Good luck! Hope it works.

\n
\n\n \n
\n \n \n \n \n \n \n \n
\n Company Inc, 7-11 Commercial Ct, Belfast BT1 2NB\n
Don't like these emails? Unsubscribe.\n
\n Powered by HTMLemail.io\n
\n
\n\n \n \n
\n 		 
\n \n\n" }, { "path": "email.html", "content": "\n\n \n \n \n Simple Transactional Email\n \n \n \n \n \n \n \n \n \n
 \n
\n\n \n This is preheader text. Some clients will show this text as a preview.\n \n\n \n \n \n \n\n \n
\n

Hi there

\n

Sometimes you just want to send a simple HTML email with a simple design and clear call to action. This is it.

\n \n \n \n \n \n \n
\n \n \n \n \n \n \n
Call To Action
\n
\n

This is a really simple email template. It's sole purpose is to get the recipient to click the button with no distractions.

\n

Good luck! Hope it works.

\n
\n\n \n
\n \n \n \n \n \n \n \n
\n Company Inc, 7-11 Commercial Ct, Belfast BT1 2NB\n
Don't like these emails? Unsubscribe.\n
\n Powered by HTMLemail.io\n
\n
\n\n \n \n
\n 		 
\n \n\n" }, { "path": "license.txt", "content": "The MIT License (MIT)\n\nCopyright (c) [2013] [Lee Munroe]\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "readme.md", "content": "# Free Responsive HTML Email Template\n\nSometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here it is.\n\n[See live preview](http://leemunroe.github.io/responsive-html-email-template/email.html).\n\n\"Simple\n\n## Inline your CSS before sending\n\nEmail is notorious for inconsistent CSS support. Therefore you should always inline your CSS and send a test to yourself before sending.\n\n### Sending emails directly from your codebase or using a developer service?\n\nFor an API service (like Mailgun, SendGrid, Postmark) **you need to inline the CSS before sending**. See `email-inlined.html` for an example.\n\nYou 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. \n\n* Copy all of email.html\n* Paste the HTML as the source into the inliner\n* Copy the HTML output and use this as the email template you send\n\n### Sending emails using a marketing service like Mailchimp?\n\nUse the template `email.html` as is. They'll put the CSS inline for you when you put together your campaign.\n\n## Images in email\n\nWhen inserting images remember to include the following attributes or risk them breaking in different clients:\n\n* `src`\n* `alt`\n* `width`\n* `height`\n* `border`\n\nExample:\n\n`\"Useful`\n\n[More information here](https://www.smashingmagazine.com/2017/01/introduction-building-sending-html-email-for-web-developers/)\n\n## Tried and tested on all major email clients\n\nTested on mobile, desktop and web.\n\n\"Tested\n\n## More HTML email resources\n\n* [10 Premium HTML Email Templates for Developers](https://htmlemail.io)\n* [Free Figma Email Template Design System](https://htmlemail.io/design-system)\n* [An Introduction To Building And Sending HTML Email](https://www.smashingmagazine.com/2017/01/introduction-building-sending-html-email-for-web-developers/)\n* [Grunt Email Design Workflow](https://github.com/leemunroe/grunt-email-design)\n* [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)\n* [Manage and Send Email Templates To Yourself](https://postdrop.io)\n* [Accessible Email Evaluation Tool](https://www.accessible-email.org/)\n\nThis free template is part of a pack of responsive email templates for developers and startups available on [HTML Email](https://htmlemail.io).\n[![image](https://github.com/leemunroe/responsive-html-email-template/assets/15963/61d4a6d7-bd0e-4241-b4e5-d766162df192)](https://htmlemail.io)\n\n" } ]