Html code email templates

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Responsive HTML email templates

License

konsav/email-templates

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Читайте также:  Css box padding margin border padding

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Responsive HTML email templates

Responsive HTML email templates with Sketch app resources and a social media icons set. Compatible with all major email clients, including Outlook 2013 for Windows and Gmail for mobile (responsiveness without media queries). Compatibility checklist attached. Live preview available on CodePen.

General template

Promotional template

Explorational template

Well commented and readable code. Editable values are indented and submitted to a new line.

Code preview

Сompatibility check (June’15)

  • Apple Mail (Mac OS, iOS iPhone/iPad)
  • Microsoft Outlook (2013 Win, 2011 Mac, iOS, Android, Outlook.com)
  • Google Gmail (Web, Android, iOS)
  • Google Inbox (Android, iOS)
  • Android Mail
  • Mailbox (Android, iOS)
  • Yahoo Mail (Web, Android, iOS
  • Yandex Mail (Web, Android, iOS)
  • Mail.Ru (Web, Android, iOS)

About

Responsive HTML email templates

Источник

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

A free simple responsive HTML email template

License

leemunroe/responsive-html-email-template

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Читайте также:  Html form with java

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

readme.md

Free Responsive HTML Email Template

Sometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here it is.

Simple HTML Email

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 and then send a test email to yourself 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.

When inserting images remember to include the following attributes or risk them breaking in different clients:

Useful alt text

Tried and tested on all major email clients

Tested on mobile, desktop and web.

Templates Tested on Email Clients

More HTML email resources

image

This free template is part of a pack of responsive email templates for developers and startups available on HTML Email.

Читайте также:  Css flex во всю высоту

About

A free simple responsive HTML email template

Источник

Оцените статью