Skip to content

Instantly share code, notes, and snippets.

@pdr
Created July 26, 2016 23:34
Show Gist options
  • Save pdr/82ec67ee19fa962491e834d4a28c422b to your computer and use it in GitHub Desktop.
Save pdr/82ec67ee19fa962491e834d4a28c422b to your computer and use it in GitHub Desktop.
<!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>
<title>Next Gen</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style type="text/css">
* {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:none;
-webkit-text-resize:100%;
text-resize:100%;
}
p{margin:0 !important;}
a{outline:none; color:#323f48 !important;}
a:hover{text-decoration:none !important;}
table td {border-collapse: collapse !important;}
.ExternalClass, .ExternalClass a, .ExternalClass span, .ExternalClass b, .ExternalClass br, .ExternalClass p, .ExternalClass div{line-height:inherit;}
@media only screen and (max-width:500px) {
table[class="wrapper"]{min-width:320px !important;}
table[class="flexible"]{width:100% !important;}
td[class="hide"],
th[class="hide"],
span[class="hide"],
br[class="hide"],
td[class="fix-gmail"]{
display:none !important;
width:0 !important;
height:0 !important;
padding:0 !important;
font-size:0 !important;
line-height:0 !important;
}
td[class="mark-table"]{padding: 35px 10px 10px !important; }
td[class="info-title"]{
font: bold 22px/24px Times New Roman, serif !important;
padding: 0 10px 32px !important;
}
td[class="img-flex"] img{
width:100% !important;
height:auto !important;
}
td[class="aligncenter"]{text-align:center !important;}
th[class="flex"]{
display:block !important;
width:100% !important;
}
td[class="logo"]{padding: 15px 0 !important;}
td[class="main_text-hold"]{
padding: 30px 17px 30px !important;
display:block !important;
}
td[class="main_info"]{ padding: 25px 0 10px !important;}
td[class="footer"]{
padding: 26px 24px 28px !important;
}
}
</style>
</head>
<body style="margin:0; padding:0;" bgcolor="#f3f3f3" link="#666666">
<table class="wrapper" width="100%" cellspacing="0" cellpadding="0" bgcolor="#f3f3f3">
<tr>
<td>
<table class="flexible" width="600" align="center" bgcolor="#f3f3f3" style="margin:0 auto;" cellpadding="0" cellspacing="0">
<tr>
<td class="fix-gmail">
<table width="800" cellpadding="0" cellspacing="0" style="width:600px !important; text-align:center;">
<tr>
<td style="min-width:600px; font-size:0; line-height:0;">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="background-image:url({{ account.site.url }}{{ static('images/store/emails/email-banner.jpg') }}); background-position: 50% 0;">
<table cellpadding="0" cellspacing="0" style=" text-align:center;">
<tr>
<td style="font-size:0; line-height:0;">&nbsp;</td>
</tr>
<tr>
<td class="logo" style="padding:54px 0;">
<a href="#" style="text-decoration:none;" target="_blank" ><img editable="true" src="https://{{ account.logo.lstrip('//') }}" style="vertical-align:top; border:0;" width="100" height="105" alt="tech table" /></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:47px 50px;" class="main_text-hold" bgcolor="#ffffff">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:0 0 23px; font:17px/23px Georgia, 'Times New Roman', Times, serif;">
<multiline>
<div>
Dear {{ ticket.fields['first-name'] }},
</div>
</multiline>
</td>
</tr>
<tr>
<td style="font:17px/23px Georgia, 'Times New Roman', Times, serif; color:#323f48; padding:0 0 18px;">
<multiline>
<div>
{{ theme.options.techtable_summit.confirmation_email_message }}
</div>
</multiline>
</td>
</tr>
<tr>
<td style="font:17px/23px Georgia, 'Times New Roman', Times, serif; color:#323f48;">
<multiline>
<div>
Warmly,
</div>
</multiline>
</td>
</tr>
<tr>
<td style="font:17px/23px Georgia, 'Times New Roman', Times, serif; color:#323f48;">
<multiline>
<div>
Camilla, Jaci, Lauren, Becky, and Maureen
</div>
</multiline>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:41px 50px 43px;" class="mark-table">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td style="font:bold 22px/27px Georgia, 'Times New Roman', Times, serif; padding:0 10px 34px; text-align: center;" class="list-title">
<multiline>
<div>
Order Summary
</div>
</multiline>
</td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="font:bold 14px/16px Georgia, 'Times New Roman', Times, serif; padding: 0 0 10px;">
<multiline>
<div>
Name
</div>
</multiline>
</td>
<td style="font:bold 14px/16px Georgia, 'Times New Roman', Times, serif; text-align: right; padding: 0 0 10px;">
<multiline>
<div>
Price
</div>
</multiline>
</td>
</tr>
<tr>
<td style="border-bottom:1px solid #697076; padding:0 0 1px;"></td>
<td style="border-bottom:1px solid #697076; padding:0 0 1px;"></td>
</tr>
<tr>
<td style="padding: 15px 0 5px;">
<multiline>
<div>
{{ ticket.fields['first-name'] }} {{ ticket.fields['last_name'] }} - {{ ticket.fields['title'] }} {% if ticket.fields['company'] %} at {{ ticket.fields['company'] }} {% endif %}
</div>
</multiline>
</td>
<td style="text-align: right; padding: 15px 0 5px;">
<multiline>
<div>
${{ ticket.price }}
</div>
</multiline>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:47px 50px; text-align: center; font:17px/23px Georgia, 'Times New Roman', Times, serif;" class="main_info-hold" bgcolor="#ffffff">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td style="font:bold 20px/24px Georgia, 'Times New Roman', Times, serif; padding:0 10px 20px; text-align: center;" class="info-title">
<multiline>
<div>
{{ current.name }} Info
</div>
</multiline>
</td>
</tr>
<tr>
<td>
<multiline>
<div>
{{ ticket.ticketed_event.location_name }}
</div>
</multiline>
</td>
</tr>
<tr>
<td style="text-decoration: underline;">
<multiline>
<div>
<a style="color: #323f48 !important;" href="{{ ticket.ticketed_event.map_url }}" target="_blank">{{ ticket.ticketed_event.full_address }}</a>
</div>
</multiline>
</td>
</tr>
<tr>
<td>
<multiline>
<div>
{{ ticket.ticketed_event.date|date('%A, %B %d, %Y') }} - {{ ticket.ticketed_event.start_time|time('%-I:%M %p') }} - {{ ticket.ticketed_event.end_time|time('%-I:%M %p') }} EST
</div>
</multiline>
</td>
</tr>
<tr><td class="hide" width="100%" align="left" style="padding:3px 0;">&nbsp;</td></tr>
<tr>
<td>
<multiline>
<div>
Add to my calendar
</div>
</multiline>
</td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<a style="color: #323f48 !important;" href="{{ ticket.ticketed_event.google_calendar_url }}">Google</a>
<span>&#183;</span>
<!-- <a style="color: #323f48 !important;" href="#">Outlook</a>
<span>&#183;</span>
<a style="color: #323f48 !important;" href="#">iCal</a>
<span>&#183;</span> -->
<a style="color: #323f48 !important;" href="{{ ticket.ticketed_event.yahoo_calendar_url }}">Yahoo</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="img-flex">
<img editable="true" src="{{ account.site.url }}{{ static('images/store/emails/email-footer.jpg') }}" style="vertical-align:top;" border="0" width="600" height="213" alt="in" />
</td>
</tr>
<tr>
<td class="footer" style="padding:24px 10px; text-align: center;">
<table align="center" style="margin:0 auto;" cellpadding="0" cellspacing="0">
<tr>
<td>
<a style="color: #323f48 !important; text-decoration:none; font:italic 16px/18px Georgia, 'Times New Roman', Times, serif;" target="_blank" href="#">#hitechforhitouch</a>
</td>
<td width="14"></td>
<td>
<a style="text-decoration:none;" target="_blank" href="#"><img editable="true" src="{{ account.site.url }}{{ static('images/store/emails/instagram-icon.jpg') }}" style="vertical-align:top;" border="0" width="18" height="18" alt="in" /></a>
</td>
<td width="14"></td>
<td>
<a style="text-decoration:none;" target="_blank" href="#"><img editable="true" src="{{ account.site.url }}{{ static('images/store/emails/twitter-icon.jpg') }}" style="vertical-align:top;" border="0" width="18" height="18" alt="tw" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><div style="display:none; white-space:nowrap; font:15px/1px courier;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div></td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment