Created
April 19, 2019 20:35
-
-
Save corinnekunze/0a1d2bc5f58263a42923a3fa7092df4d to your computer and use it in GitHub Desktop.
MG email template
This file contains 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> | |
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> | |
<head> | |
<title></title><!-- Don't Use This --> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="x-apple-disable-message-reformatting"> | |
<style type="text/css"> | |
/*************************************** | |
Client Reset | |
***************************************/ | |
* { | |
margin: 0; | |
padding: 0; | |
-ms-text-size-adjust: 100%; | |
-webkit-text-size-adjust: 100%; | |
} | |
html, | |
body, | |
.page { | |
width: 100% !important; | |
height: 100% !important; | |
margin: 0 !important; | |
padding: 0 !important; | |
} | |
.body img { | |
display: none !important; | |
} | |
table { | |
border: none; | |
border-spacing: 0; | |
border-collapse: collapse; | |
table-layout: fixed; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
table, | |
td { | |
mso-table-lspace: 0pt; | |
mso-table-rspace: 0pt; | |
} | |
ul li { | |
list-style-type: none; | |
} | |
/*************************************** | |
Fonts | |
***************************************/ | |
@font-face { | |
font-family: 'Freight Sans'; | |
font-style: normal; | |
font-weight: medium; | |
src: url('https://all-asset-server-frontend.s3.amazonaws.com/fonts/freight-sans-pro/freight-sans-medium-webfont.woff2') format('woff2'), | |
url('https://all-asset-server-frontend.s3.amazonaws.com/fonts/freight-sans-pro/freight-sans-medium-webfont.woff') format('woff'); | |
} | |
@font-face { | |
font-family: 'Freight Sans'; | |
font-style: italic; | |
font-weight: medium; | |
src: url("https://all-asset-server-frontend.s3.amazonaws.com/fonts/freight-sans-pro/freight-sans-medium-italic-webfont.woff2") format('woff2'), | |
url('https://all-asset-server-frontend.s3.amazonaws.com/fonts/freight-sans-pro/freight-sans-medium-italic-webfont.woff') format('woff'); | |
} | |
@font-face { | |
font-family: 'Freight Sans'; | |
font-style: normal; | |
font-weight: bold; | |
src: url('https://all-asset-server-frontend.s3.amazonaws.com/fonts/freight-sans-pro/freight-sans-bold-webfont.woff2') format('woff2'), | |
url('https://all-asset-server-frontend.s3.amazonaws.com/fonts/freight-sans-pro/freight-sans-bold-webfont.woff') format('woff'); | |
} | |
@font-face { | |
font-family: 'Freight Sans'; | |
font-style: italic; | |
font-weight: bold; | |
src: url('https://all-asset-server-frontend.s3.amazonaws.com/fonts/freight-sans-pro/freight-sans-bold-italic-webfont.woff2') format('woff2'), | |
url('https://all-asset-server-frontend.s3.amazonaws.com/fonts/freight-sans-pro/freight-sans-bold-italic-webfont.woff') format('woff'); | |
} | |
/*************************************** | |
Typeface | |
***************************************/ | |
a { | |
color: #1499AE !important; | |
text-decoration: none !important; | |
} | |
a span, | |
a[x-apple-data-detectors] { | |
color: inherit !important; | |
text-decoration: inherit !important; | |
} | |
td, | |
h1, | |
h2, | |
h3, | |
h4, | |
p, | |
li { | |
margin: 0; | |
padding: 0; | |
font-family: 'Freight Sans', sans-serif; | |
font-size: 16px; | |
font-weight: normal; | |
line-height: 1.35; | |
color: #444444; | |
text-align: left; | |
} | |
h1, | |
h2, | |
h3, | |
h4 { | |
font-weight: bold; | |
line-height: 1.25; | |
} | |
h1 { | |
font-size: 40px; | |
} | |
h2 { | |
font-size: 36px; | |
} | |
h3 { | |
font-size: 24px; | |
} | |
h4 { | |
font-size: 20px; | |
} | |
h5 { | |
font-size: 18px; | |
font-weight: bold; | |
letter-spacing: 3px; | |
text-transform: uppercase; | |
} | |
h1 a, | |
h2 a, | |
h3 a, | |
h4 a { | |
color: inherit !important; | |
} | |
.preview-text { | |
display: none !important; | |
height: 0 !important; | |
max-height: 0 !important; | |
margin: 0 !important; | |
padding: 0 !important; | |
color: #F3F3F3 !important; | |
font-size: 0px !important; | |
line-height: 0 !important; | |
} | |
p { | |
padding-top: 5px; | |
padding-bottom: 5px; | |
} | |
p.small { | |
font-size: 14px; | |
line-height: 1.25; | |
} | |
.bold { | |
font-weight: bold; | |
} | |
.our-price { | |
color: #5E3ED0; | |
font-weight: bold; | |
} | |
.full-price { | |
color: #444444; | |
font-weight: normal; | |
text-decoration: line-through; | |
} | |
/*************************************** | |
Colors | |
***************************************/ | |
.gold { | |
color: #FEC200; | |
} | |
.blue { | |
color: #659DF2; | |
} | |
.dark-blue { | |
color: #4680EF; | |
} | |
.teal { | |
color: #1499AE; | |
} | |
.purple { | |
color: #B60BC4; | |
} | |
.black { | |
color: #444444; | |
} | |
.light-gray { | |
color: #BDBDBD; | |
} | |
/*************************************** | |
Layout | |
***************************************/ | |
.container { | |
width: 100%; | |
max-width: 714px; | |
margin: 0; | |
margin-left: auto; | |
margin-right: auto; | |
padding: 0; | |
} | |
.container img { | |
display: inline-block !important; | |
} | |
.content { | |
width: 90%; | |
margin: 0; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.content.full-width { | |
width: 100%; | |
} | |
.footer .social { | |
width: 30%; | |
max-width: 138px; | |
} | |
.footer .social td { | |
width: 33%; | |
padding-top: 2px; | |
text-align: left; | |
} | |
.footer .social img { | |
display: block !important; | |
} | |
.footer .links, | |
.footer .copyright { | |
width: 70%; | |
} | |
.footer .links p { | |
padding: 0; | |
font-size: 14px; | |
} | |
.footer .copyright p { | |
padding: 0; | |
padding-top: 3px; | |
font-size: 13px; | |
} | |
/*************************************** | |
Components | |
***************************************/ | |
a.button { | |
display: block; | |
width: 100%; | |
max-width: 220px; | |
padding-top: 14px; | |
padding-right: 10px; | |
padding-bottom: 14px; | |
padding-left: 10px; | |
background-color: #19C1DC; | |
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); | |
border-radius: 4px; | |
font-size: 16px; | |
font-weight: bold; | |
text-align: center; | |
color: #ffffff !important; | |
line-height: 1.35; | |
letter-spacing: 1.7px; | |
} | |
a.button.secondary { | |
background-color: inherit; | |
border: 3px solid #19C1DC; | |
color: #19C1DC !important; | |
} | |
/*************************************** | |
Responsive Layout | |
***************************************/ | |
@media screen and (max-width: 480px) { | |
.m-width-100 { | |
width: 100% !important; | |
height: auto !important; | |
max-width: 100% !important; | |
} | |
.m-width-98 { | |
width: 98% !important; | |
height: auto !important; | |
max-width: 98% !important; | |
margin-right: auto !important; | |
margin-left: auto !important; | |
float: none !important; | |
} | |
.m-width-90 { | |
width: 90% !important; | |
height: auto !important; | |
max-width: 90% !important; | |
margin-right: auto !important; | |
margin-left: auto !important; | |
float: none !important; | |
} | |
.m-height-auto { | |
height: auto !important; | |
min-height: 0 !important; | |
} | |
.m-hidden { | |
display: none !important; | |
margin: 0 !important; | |
padding: 0 !important; | |
} | |
.m-padding-top-25 { | |
padding-top: 25px !important; | |
} | |
.m-padding-bottom-25 { | |
padding-bottom: 25px !important; | |
} | |
.m-text-left { | |
text-align: left !important; | |
} | |
.m-text-right { | |
text-align: right !important; | |
} | |
.m-text-center { | |
text-align: center !important; | |
} | |
.m-border-0 { | |
border: 0 !important; | |
} | |
.footer .social { | |
width: 35% !important; | |
} | |
.footer .links { | |
width: 65% !important; | |
} | |
.footer .links p { | |
text-align: right !important; | |
} | |
.footer .copyright { | |
width: 100% !important; | |
position: absolute !important; | |
left: 0 !important; | |
bottom: -40px !important; | |
background-color: #FFFFFF; | |
} | |
.footer .copyright td { | |
padding-top: 5px; | |
padding-bottom: 15px; | |
} | |
.footer .copyright p { | |
text-align: center !important; | |
} | |
.header-button { | |
padding-top: 25px !important; | |
} | |
} | |
/*************************************** | |
Helpers | |
***************************************/ | |
.center { | |
text-align: center; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.right { | |
text-align: right !important; | |
} | |
.left { | |
text-align: left !important; | |
} | |
.uppercase { | |
text-transform: uppercase; | |
} | |
/*************************************** | |
Client Hacks | |
***************************************/ | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), | |
only screen and (min--moz-device-pixel-ratio: 2), | |
only screen and (-o-min-device-pixel-ratio: 2/1), | |
only screen and (min-device-pixel-ratio: 2), | |
only screen and (min-resolution: 192dpi), | |
only screen and (min-resolution: 2dppx) { | |
/* Remove border from listings on hires devices */ | |
.nb { | |
border: 0 !important; | |
} | |
} | |
@media screen and (max-width: 480px) { | |
/* Fix horizontal spacing in Gmail iOS */ | |
/* u ~ div, | |
u ~ div .container, | |
u ~ div .container > td, | |
u ~ div .content, | |
u ~ div .content > td { | |
min-width: 100vw; | |
} */ | |
/* Fixes side effects from the above in Gmail Android */ | |
/* u ~ div .page, | |
u ~ div .container > td, | |
u ~ div .content > td { | |
padding-left: 0 !important; | |
padding-right: 0 !important; | |
} */ | |
} | |
</style> | |
<!--[if (mso)|(IE)]><style type="text/css"> | |
table { border-collapse: collapse; } | |
td, h1, h2, h3, h4, p, li, a { font-family: sans-serif !important; } | |
</style><![endif]--> | |
</head> | |
<body class="body" style="background-color: #F3F3F3;"> | |
<div class="page" style="background-color: #F3F3F3;"> | |
<center> | |
<!--[if (mso)|(ie)]><table width="714" align="center"><tr><td align="center"><![endif]--> | |
<table align="center" class="container" style="background-color: #FFFFFF; max-width: 714px;"> | |
<tr> | |
<td align="center" style="text-align: center;"> | |
<!-- START : Header --> | |
<table align="center" style="width: 100%;"> | |
<tr> | |
<td align="center" style="padding-top: 30px;"> | |
<table align="center" style="width: 90%;"> | |
<tr> | |
<td align="left"> | |
<a href="https://goldstar.com/" target="_blank"> | |
<img src="https://i.gse.io/gse_media/bands-in-town/bands-in-town-logo.png" alt="Bands In Town" width="22" height="24" border="0"> | |
</a> | |
</td> | |
<td align="right"> | |
<a href="https://goldstar.com/" target="_blank"> | |
<img src="https://i.gse.io/gse_media/e/18/goldstar-v2.png" alt="* Goldstar" width="130" height="31" border="0"> | |
</a> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> <!-- END : Header --> | |
<!-- START : Body --> | |
<table align="center" style="width: 100%;"> | |
<tr> | |
<td align="left" style="background-color: #FEC200;"> | |
<table align="center" style="width: 90%;"> | |
<tr> | |
<td align="left"> | |
<h1>Discover Events You Never Knew Were Happening</h1> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td align="left"> | |
<table align="center" style="width: 90%;"> | |
<tr> | |
<td align="left"> | |
<p>With Goldstar, you can get tickets to theater, music, comedy, escape rooms, food fests and more! All with exclusive prices at up to 60% off.</p> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<a class="button" href="https://">Create an Account</a> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> <!-- END : Body --> | |
<!-- START : Footer --> | |
<table align="center" class="footer" style="width: 100%;"> | |
<tr> | |
<td align="center" style="padding-top: 35px; padding-bottom: 25px;"> | |
<table align="center" style="width: 90%;"> | |
<tr> | |
<td align="left"> | |
<table align="left" class="m-width-100" style="width: 30%;"> | |
<tr> | |
<td align="left" style="padding-top: 4px; padding-bottom: 20px; text-align: left;"> | |
<img src="https://i.gse.io/gse_media/e/18/goldstar-v2.png" alt="* Goldstar" width="130" height="32" style="width: 90%; height: auto; max-width: 130px;"> | |
</td> | |
</tr> | |
</table> | |
<table align="left" class="m-width-100" style="width: 70%;"> | |
<tr> | |
<td> | |
<p style="color: #444444; font-size: 14px; font-weight: 500; line-height: 1.35; text-align: left; Margin: 0; padding: 0;"> | |
<strong>Need help?</strong> Reply to this email or reach out to us on <a href="https://goldstar.com/r/goldstar-facebook" target="_blank">Facebook</a> or <a href="https://goldstar.com/r/goldstar-twitter" target="_blank">Twitter</a>. | |
You are receiving emails for events happening in %subscriber_territory_short_name% because %subscriber_email% is subscribed to Goldstar. | |
</p> | |
</td> | |
</tr> | |
<tr> | |
<td align="left" style="padding-top: 12px;"> | |
<table align="left"> | |
<tr> | |
<td align="left"> | |
<a href="https://goldstar.com/r/goldstar-app-android" target="_blank"> | |
<img src="https://i.gse.io/gse_media/p/17/general/google-play-banner.png" alt="Google Play" width="115" height="35" border="0" align="left"> | |
</a> | |
</td> | |
<td align="left" style="padding-left:15px;"> | |
<a href="https://goldstar.com/r/goldstar-app-ios" target="_blank"> | |
<img src="https://i.gse.io/gse_media/p/17/general/app-store-banner.png" alt="App Store" width="118" height="35" border="0" align="left"> | |
</a> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td style="position: relative; padding-top: 15px; padding-bottom: 15px; background-color: #E6E6E6;"> | |
<table align="center" style="width: 90%;"> | |
<tr> | |
<td align="left"> | |
<table align="left" class="social"> | |
<tr> | |
<td align="left"> | |
<a href="https://goldstar.com/r/goldstar-facebook" target="_blank"> | |
<img src="https://i.gse.io/gse_media/e/18/social-facebook-2.png" width="32" height="32" border="0" style="width: 90%; max-width: 32px; height: auto;"> | |
</a> | |
</td> | |
<td align="center"> | |
<a href="https://goldstar.com/r/goldstar-twitter" target="_blank"> | |
<img src="https://i.gse.io/gse_media/e/18/social-twitter-2.png" width="33" height="32" border="0" style="width: 90%; max-width: 33px; height: auto;"> | |
</a> | |
</td> | |
<td align="right"> | |
<a href="https://goldstar.com/r/goldstar-instagram" target="_blank"> | |
<img src="https://i.gse.io/gse_media/e/18/social-instagram-2.png" width="33" height="32" border="0" style="width: 90%; max-width: 33px; height: auto;"> | |
</a> | |
</td> | |
</tr> | |
</table> | |
<table align="right" class="links"> | |
<tr> | |
<td align="left"> | |
<p> | |
<a href="https://goldstar.com/help/faq" target="_blank">FAQs</a> • | |
<a href="https://goldstar.com/account/edit" target="_blank">Update Location</a> • | |
<a href="https://goldstar.com/account/subscriptions" target="_blank">Email Preferences</a> • | |
<a href="https://goldstar.com/unsubscribe" target="_blank">Unsubscribe</a> | |
</p> | |
</td> | |
</tr> | |
</table> | |
<table align="right" class="copyright"> | |
<tr> | |
<td align="left"> | |
<p > | |
©{copyrightyear} Goldstar Events, Inc. P.O. Box 277 Altadena, CA 91003 | |
</p> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> <!-- END : Footer --> | |
</td> | |
</tr> | |
</table> | |
<!--[if (mso)|(ie)]></td></tr></table><![endif]--> | |
</center> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment