Skip to content

Instantly share code, notes, and snippets.

@dudeonthehorse

dudeonthehorse/gist:77e33aa3a1797883b88a6eb11c969b72

Last active June 9, 2018 10:50
Show Gist options
  • Save dudeonthehorse/77e33aa3a1797883b88a6eb11c969b72 to your computer and use it in GitHub Desktop.
Save dudeonthehorse/77e33aa3a1797883b88a6eb11c969b72 to your computer and use it in GitHub Desktop.
Download ZIP
Email Example
Raw
gistfile1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<style>
@media screen and (max-width: 400px) {
.wrapper {
border: none !important;
}
}
</style>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse;}
</style>
<![endif]-->
</head>
<body class="body" style="margin: 0; min-width: 100%; padding: 0;">
<p class="preheader" style="display: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1px; line-height: 1px; margin: 0 0 14px 0; max-height: 0px; max-width: 0px; mso-hide: all; opacity: 0; overflow: hidden; text-align: center;">Preheader text</p>
<table class="wrapper" style="background-color: #F6F6F6; border: #F6F6F6 8px solid; border-spacing: 0; width: 100%;">
<tr>
<th class="field" style="font-size: 0; padding: 0;">&nbsp;</th>
<th class="container" style="background-color: #ffffff; font-size: 0; padding: 0; width: 580px;">
<table style="border-spacing: 0; width: 100%;">
<tr>
<th class="header" style="font-size: 0; padding: 0;">
<table style="border-spacing: 0; width: 100%;">
<tr>
<th style="font-size: 0; padding: 0;">&nbsp;</th>
<th class="column" style="font-size: 0; padding: 0; width: 540px;">
<table style="border-spacing: 0; width: 100%;">
<tr>
<th class="inner" style="font-size: 14px; font-weight: normal; padding: 16px; text-align: left;">
<svg height="32" class="octicon octicon-mark-github" viewbox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
<!--<img class="logo" src="https://assets-cdn.github.com/images/modules/site/logos/paypal-logo.png" alt="PayPal">-->
</th>
</tr>
</table>
</th>
<th style="font-size: 0; padding: 0;">&nbsp;</th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="row hero" background="img/bg.png" style="background-color: #2C3137; font-size: 0; padding: 8px 0 12px 0;">
<table style="border-spacing: 0; width: 100%;">
<tr>
<th style="font-size: 0; padding: 0;">&nbsp;</th>
<th class="column" style="font-size: 0; padding: 0; width: 540px;">
<table style="border-spacing: 0; width: 100%;">
<tr>
<th class="inner" style="font-size: 14px; font-weight: normal; padding: 16px; text-align: left;">
<h1 style="color: #ffffff; display: block; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; margin: 0 0 8px 0;">Built for developers</h1>
<p style="color: #ABADAF; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; margin: 0 0 14px 0;">From open source to business, you can host and review code, manage projects, and build software alongside millions of other developers.</p>
<div class="button" style="-webkit-user-select: none; background-color: #28a745; background-image: linear-gradient(-180deg, #2fcb53 0%, #269f42 90%); border-radius: 3px; box-shadow: #242424 0 8px 16px; display: inline-block; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 32px; padding: 0 24px;">
<a href="https://example.com" style="color: #ffffff; letter-spacing: .8px; text-decoration: none;">Sign up for Github</a>
</div>
</th>
</tr>
</table>
</th>
<th style="font-size: 0; padding: 0;">&nbsp;</th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="row content" style="font-size: 0; padding: 8px 0 12px 0;">
<table style="border-spacing: 0; width: 100%;">
<tr>
<th style="font-size: 0; padding: 0;">&nbsp;</th>
<th class="column" style="font-size: 0; padding: 0; width: 540px;">
<table style="border-spacing: 0; width: 100%;">
<tr>
<th class="inner" style="font-size: 14px; font-weight: normal; padding: 16px; text-align: left;">
<h2 id="code-security" style="display: block; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; margin: 0 0 8px 0;">Code security</h2>
<p style="font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; margin: 0;">Prevent problems before they happen. Protected branches, signed commits, and required status checks protect your work and help you maintain a high standard for your code.</p>
</th>
</tr>
</table>
</th>
<th style="font-size: 0; padding: 0;">&nbsp;</th>
</tr>
</table>
</th>
</tr>
</table>
</th>
<th class="field" style="font-size: 0; padding: 0;">&nbsp;</th>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment