Skip to content

Instantly share code, notes, and snippets.

@brrih

brrih/dummy-template.html

Last active January 7, 2019 04:33
Show Gist options
  • Save brrih/4579036573bf1e205469c1b85f37445b to your computer and use it in GitHub Desktop.
Save brrih/4579036573bf1e205469c1b85f37445b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dummy-template.html
<!DOCTYPE html>
<html>
<head>
<!-- Litmus location: /Templates/118728 November 2018-b -->
<!-- AC location: /Resources/Templates/Delivery Templatess/2018/Delta Dental/Individual Enrollees/dd-118278-grin-nov-2018-b-->
<title>New issue: Fall 2018</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel=stylesheet type=text/css href="https://cloud.typography.com/6549574/6174952/css/fonts.css">
<style type="text/css">
* {
box-sizing: border-box;
}
body {
margin: 0;
overflow-x: hidden;
padding: 0;
}
h1 {
font-family: "Gotham A", "Gotham B", arial, sans-serif;
font-size: 76px;
font-weight: 500;
line-height: 100%;
margin-bottom: 28px;
}
h2 {
font-family: "Gotham A", "Gotham B", arial, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 100%;
color: #338720;
}
h3, h4, h5, h6, p, li {
font-family: "Gotham SSm A", "Gotham SSm B", arial, sans-serif;
}
p, li, p.MsoNormal, li.MsoNormal {
color: #262626;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
margin-top: 1em !important;
margin-bottom: 1em !important;
}
span, a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
span {
color: inherit;
}
a {
color: #338720;
text-decoration: underline;
}
a.article {
font-weight: 500;
}
h1 a, h2 a {
text-decoration: none;
}
p.sub-title {
font-family: "Gotham A", "Gotham B", arial, sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 1.3;
margin-bottom: 20px;
}
p.issue {
font-family: "Gotham A", "Gotham B", arial, sans-serif;
font-size: 20px;
font-weight: 500;
margin-bottom: 16px;
}
p.section-label {
color: #338720;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 1em;
}
sup {
font-size: 0.5em;
line-height: 100%;
}
strong, b {
font-weight: 500;
}
table.dark-box {
background-color: #338720;
}
table.dark-box * {
color: white;
}
table.light-box {
background-color: #f3f3f3;
}
table.banner * {
text-align: center;
}
table.callout p {
font-size: 18px;
}
.wrapper {
max-width: 640px;
}
.content-v-pad {
padding-top: 48px;
padding-bottom: 48px;
}
.content-h-pad {
padding-left: 30px;
padding-right: 30px;
}
.view-links a {
font-family: "Gotham SSm A", "Gotham SSm B", arial, sans-serif;
font-size: 12px;
}
.view-links .content-v-pad {
padding-top: 22px;
padding-bottom: 22px;
}
.footer p {
font-size: 12px;
}
td *:first-child {
margin-top: 0;
}
td *:last-child {
margin-bottom: 0;
}
.preheader {display: none !important;}
</style>
<!-- fix Word rendering engine superscript size -->
<!--[if mso]>
<style type="text/css">
sup {font-size: 1em !important;}
ul {margin-left: 26px;}
.preheader {
font-size: 1px;
color: white;
line-height: 1px;
opacity: 0;
mso-hide: all;
}
</style>
<![endif]-->
<!-- fix Microsoft line heights -->
<!-- [if gte mso 12]>
<style type="text/css">
td {mso-line-height-rule: exactly;}
</style>
<![endif]-->
</head>
<body style="margin: 0; padding: 0;">{phone}
<div class="preheader"><a href="https://www.deltadental.com/grinmag/us/en/ddpa.html">Does a vegan diet hurt your teeth?</a></div>
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper view-links" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-v-pad content-h-pad">
<p><a href="<%@ include view='MirrorPageUrl' %>"><span><font face="'Gotham SSm A', Gotham SSm B', arial, sans-serif">View this email on the web.</font></span></a></p>
<p style="margin-top: 0;"><a href="http://es.ddins.grinmag.com/"><span><font face="'Gotham SSm A', Gotham SSm B', arial, sans-serif">Lea la revista en español</font></span></a></p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
<table class="dark-box" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="banner wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-h-pad content-v-pad">
<h1><a href="https://www.deltadental.com/grinmag/us/en/ddins.html"><img class="grin-logo" src="https://video.deltadentalins.com/assets-email/grin-logo-white-trans.png" srcset="https://video.deltadentalins.com/assets-email/grin-logo-white-trans@2x.png 2x, https://video.deltadentalins.com/assets-email/grin-logo-white-trans@2x.png 3x"></a></h1>
<p class="sub-title"><span><font face="'Gotham A', 'Gotham B', arial, sans-serif">Wellness e-magazine from Delta Dental</font></span></p>
<p class="issue"><span><font face="'Gotham A', 'Gotham B', arial, sans-serif">Fall 2018 | Volume 7, Issue 3</font></span></p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if mso]>
<table width="580" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="center" style="mso-hide:all;">
<img src="https://video.deltadentalins.com/assets-email/118278/118278-vegan.jpg" srcset="https://video.deltadentalins.com/assets-email/118278/118278-vegan@2x.jpg 2x, https://video.deltadentalins.com/assets-email/118278/118278-vegan@3x.jpg 3x" alt="Lorem Ipsum" align="center" style="width:100%;max-width: 640px; mso-hide:all;">
</td>
<!--[if mso]>
<td align="center">
<img src="https://video.deltadentalins.com/assets-email/118278/118278-vegan.jpg" alt="Vegan Food" width="580" align="center">
</td>
<![endif]-->
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-h-pad content-v-pad">
<h2><a href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e88d"><span><font face="'Gotham A', 'Gotham B', arial, sans-serif">Your teeth on a vegan diet</font></span></a></h2>
<p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Can cutting animal products out of your diet put your dental health at risk?</font></span></p>
<p><a class="article" href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e88d"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Get the dentists’ verdict</font></span></a></p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
<table class="light-box" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-h-pad content-v-pad">
<h2><a href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e88e"><span><font face="'Gotham A', 'Gotham B', arial, sans-serif">Got allergies?</font></span></a></h2>
<p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">It’s not just you. Your teeth can get the sniffles, too.</font></span></p>
<p><a class="article" href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e88e"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Find out what hay fever does to your mouth</font></span></a></p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if mso]>
<table width="580" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="center" style="mso-hide:all;">
<img src="https://video.deltadentalins.com/assets-email/118278/118278-salmon.jpg" srcset="https://video.deltadentalins.com/assets-email/118278/118278-salmon@2x.jpg 2x, https://video.deltadentalins.com/assets-email/118278/118278-salmon@3x.jpg 3x" alt="Plate of food" align="center" style="width:100%;max-width: 640px; mso-hide:all;">
</td>
<!--[if mso]>
<td align="center">
<img src="https://video.deltadentalins.com/assets-email/118278/118278-salmon.jpg" alt="Lorem Ipsum" width="580" align="center">
</td>
<![endif]-->
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-h-pad content-v-pad">
<h2><a href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e88f"><span><font face="'Gotham A', 'Gotham B', arial, sans-serif">Recipe: Salmon and vegetable foil packets</font></span></a></h2>
<p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Flaky and flavorful, this satisfying salmon dish will fill you up and power you through your day.</font></span></p>
<p><a class="article" href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e88f"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Get the recipe</font></span></a></p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
<table class="light-box" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-h-pad content-v-pad">
<h2><a href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e890"><span><font face="'Gotham A', 'Gotham B', arial, sans-serif">When to get a second opinion</font></span></a></h2>
<p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Sometimes it’s worth asking another dentist to weigh in on an issue.</font></span></p>
<p><a class="article" href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e890"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Understand the ins and outs of second opinions</font></span></a></p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if mso]>
<table width="580" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="center" style="mso-hide:all;">
<img src="https://video.deltadentalins.com/assets-email/118278/118278-cavity.jpg" srcset="https://video.deltadentalins.com/assets-email/118278/118278-cavity@2x.jpg 2x, https://video.deltadentalins.com/assets-email/118278/118278-cavity@3x.jpg 3x" alt="Finding a cavity" align="center" style="width:100%;max-width: 640px; mso-hide:all;">
</td>
<!--[if mso]>
<td align="center">
<img src="https://video.deltadentalins.com/assets-email/118278/118278-cavity.jpg" alt="Lorem Ipsum" width="580" align="center">
</td>
<![endif]-->
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-h-pad content-v-pad">
<h2 style="margin-top: 0;"><a href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e891"><span><font face="'Gotham A', 'Gotham B', arial, sans-serif">So you think you’ve got a cavity</font></span></a></h2>
<p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">There’s a suspicious spot on your tooth. How can you tell if it’s actually decay?</font></span></p>
<p><a class="article" href="http://t.dd.delta.org/r/?id=h512da9b,44c5e86b,44c5e891"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Learn what makes a cavity unique</font></span></a></p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
<table class="dark-box" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper callout" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-v-pad">
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-h-pad" style="padding-right: 0">
<img src="https://video.deltadentalins.com/assets-email/118278/118278-check.png" srcset="https://video.deltadentalins.com/assets-email/118278/118278-check@2x.png 2x, https://video.deltadentalins.com/assets-email/118278/118278-check@3x.png 3x" alt="checkbox" style="width: 85px;">
</td>
<td class="content-h-pad" valign="middle">
<p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">For more content, check out the <a href="https://www.deltadental.com/grinmag/us/en/ddins/2018/fall.html"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">full issue</font></span></a>.</font></span></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if mso]>
<table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<table class="wrapper footer" align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="content-h-pad content-v-pad">
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="295">
<tr>
<td style="padding-right: 30px;padding-bottom:30px;"><img id="delta-logo" src="https://www.deltadentalins.com/_assets/DeltaDentalInsuranceLogo.gif" alt="Delta Dental Logo"></td>
</tr>
</table>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="270">
<tr>
<td><p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">Delta Dental of California | Delta Dental Insurance Company | Delta Dental of Pennsylvania and affiliates</font></span></p></td>
</tr>
</table>
</td>
</tr>
</table>
<p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif"><b>&copy; Delta Dental</b> Delta Dental of California, Mid-Atlantic states (Delta Dental of Delaware, Inc.; Delta Dental of the District of Columbia; Delta Dental of New York, Inc.; Delta Dental of Pennsylvania, Delta Dental of West Virginia) and Delta Dental Insurance Company, together with our affiliate companies, represent one of the country’s largest dental benefits delivery systems, administering benefits to 36.8 million people in 15 states plus the District of Columbia and Puerto Rico. All our companies are members, or affiliates of members, of Delta Dental Plans Association, the national network of 39 Delta Dental companies that together provide dental coverage to 78 million people in the U.S.</font></span></p>
<p><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif"><p style="margin-top: 2em;"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">At any point you can <a href="<%@ include view='dd_Preference_UnsubscribeLink'%>enrollee_newsletter"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">unsubscribe from this communication</font></span></a> | <a href="<%@ include view='dd_Preference_UnsubscribeLink'%>all"><span><font face="'Gotham SSm A', 'Gotham SSm B', arial, sans-serif">unsubscribe from all communications</font></span></a>.</font></span></p></font></span></p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment