Last active
June 9, 2018 10:50
-
-
Save dudeonthehorse/77e33aa3a1797883b88a6eb11c969b72 to your computer and use it in GitHub Desktop.
Email Example
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </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;"> </th> | |
</tr> | |
</table> | |
</th> | |
</tr> | |
</table> | |
</th> | |
<th class="field" style="font-size: 0; padding: 0;"> </th> | |
</tr> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment