Skip to content

Instantly share code, notes, and snippets.

@noandrea

noandrea/gateway-signup.email.html

Created October 21, 2020 14:41
Show Gist options
  • Save noandrea/222b13a02815c7b13301bf79097ed9c5 to your computer and use it in GitHub Desktop.
Save noandrea/222b13a02815c7b13301bf79097ed9c5 to your computer and use it in GitHub Desktop.
Download ZIP
API Gateway signup email template
Raw
gateway-signup.email.html
<!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> Welcome from UTU!</title>
<!--[if !mso]><!-- -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
#outlook a {
padding: 0;
}
body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table,
td {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
p {
display: block;
margin: 13px 0;
}
</style>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<!--[if lte mso 11]>
<style type="text/css">
.mj-outlook-group-fix { width:100% !important; }
</style>
<![endif]-->
<style type="text/css">
@media only screen and (min-width:480px) {
.mj-column-per-100 {
width: 100% !important;
max-width: 100%;
}
}
</style>
<style type="text/css">
@media only screen and (max-width:480px) {
table.mj-full-width-mobile {
width: 100% !important;
}
td.mj-full-width-mobile {
width: auto !important;
}
}
</style>
<style type="text/css">
a,
span,
td,
th {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
</style>
</head>
<body style="background-color:#ffffff;">
<div
style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
Welcome from UTU!</div>
<div style="background-color:#ffffff;">
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;text-align:center;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix"
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
style="vertical-align:top;" width="100%">
<tbody>
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
style="border-collapse:collapse;border-spacing:0px;">
<tbody>
<tr>
<td style="width:100px;">
<img alt="utu protocol logo" height="auto"
src="https://protocol.utu.io/wp-content/uploads/2020/08/utu-logo-hor-dark-400X200-300x150.png"
style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:14px;"
width="100" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#333333;">
<h1
style="margin: 0; font-size: 24px; line-height: normal; font-weight: bold;">
UTU API Sign-up<br />
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix"
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
style="vertical-align:top;" width="100%">
<tbody>
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#333333;">
Thank you for signing up to the UTU API.
</div>
</td>
</tr>
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#333333;">
Please verify your email address by clicking the button below
</div>
</td>
</tr>
<tr>
<td align="left" vertical-align="middle"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
style="border-collapse:separate;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="#FFD64B" role="presentation"
style="border:none;border-radius:30px;cursor:auto;mso-padding-alt:10px 25px;background:#FFD64B;"
valign="middle">
<a href="{{app_url}}"
style="display: inline-block; background: #FFD64B; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 30px; margin: 0; text-decoration: none; text-transform: uppercase; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 30px;"
target="_blank">
Verify your address</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- <tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#434245;">
For more information visit the project page at <a
href="https://protocol.utu.io"
style="color: #333333; text-decoration: underline;">protocol.utu.io</a>
</div>
</td>
</tr> -->
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:bold;line-height:24px;text-align:left;color:#434245;">
The UTU team</div>
</td>
</tr>
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<!--[if mso | IE]>
<table
align="left" border="0" cellpadding="0" cellspacing="0" role="presentation"
>
<tr>
<td>
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:4px;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation"
style="border-radius:3px;width:18px;">
<tbody>
<tr>
<td
style="font-size:0;height:18px;vertical-align:middle;width:18px;">
<a href="https://twitter.com/utu_trust"
target="_blank"
style="color: #333; text-decoration: underline;">
<!--twitter-->
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB0UlEQVRIS42VgVECMRBFXyrQEuhArACsQK1AqADoACvQDqQDtQM7ECsQKhAqiPOP5C7JJZe7GWaAbHb3//1/z9A+BrDdz+q3MfEGRWUef7mWxF9XY7nYYoGhoulZWKR/VkCgwPTiULdh9zGSoEBzcA2cqvTDA7AC5sAB2AHP7p7OPnyOFIGCFbAvFzFrsC/xeZNmD3YKLMHsvGDCAlMw32BPYB7BfmWKTMD8dmrr0agiP8CrbzIsIHr+gqQOtjlcEjYUCt37JSY73DOYOVjHQF9FX2BmiR/Epz6i7xZw9GQl/OkojtzluxMCDU2dX40YtAuJCmnQ2w6hFc42IKUoY56q8TZgxX+KwHPaDHaWd+UoTKIwUmDqA6lEfN/E6fyOShFEv4/AJKQnlEKYT3OQiaSY5MkVUEjTwOYiz6KT21wL4G0UIR3TR2eyZAuUl50Gteq6yW/Kzh/cAc6Y8cpPVkWUSHxuwTxV3hNLJ+0M6B6C9j0wBSsEi37yNuYMdl1OHvtdmpfFdeG+zr+RYxXr1kj5Ru59oCFLSdqMXq5aYBpguDYKWeMdlZlBK7vAyYPyHACcVVH57VSnLuucUsKhQrWd5As1CFpVOEeWLtf+z5//A+ychSGbfPzWAAAAAElFTkSuQmCC" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]>
</td>
<td>
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:4px;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation"
style="border-radius:3px;width:18px;">
<tbody>
<tr>
<td
style="font-size:0;height:18px;vertical-align:middle;width:18px;">
<a href="https://t.me/UTUtrust"
target="_blank"
style="color: #333; text-decoration: underline;">
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB7UlEQVRIS5WV7VkCMRCE31QAHYgViB1oBWIFYAVqB9IBVgAdoBWAHUAH2AFUEJ9JcrlcLsed+4eQj92d2dk9w2AzgE1u5/9TR/WZVkDX5WFOut/7k8yqrTTbazBLSbQQlOENZq95cQqMwexFaQHBf9zGTMfAHHgDJsGD890ToLcGM+/YzGoBuDe/VaAsQBefyiXWRBm+AnJeZXsBzsBNyP7bn5sUwVUliYInMAuwDxmJn8AXsPXcO3sHVoGiqzRMwVbZqnABSaRhEVCsM6k+ZkVuBJGjOdgFGAUoNdcSzAcgROtCL0Xq0xoIupSgrArmkvgJ5ycwq4AuS4AjWEk1tnC1PgB3ze2YvYqojB2vYDZglUzJVBPJtRVAG1KGkOg3KMJIEaLiDGbsKZEsZSX6zAvYTRKgUbgkroMpVexDAbXeARF+B4J74FAVvacPGp2aOU+F0Vgbj8zvdXRy67Fo2zWlWJS3RNDok45p2pqkIYAr8AXsqB3MEbb0YqjfD0DgHqrtt2CPPkM3e6SoUVaH59DVcXvoNJVEK4Vp5shUbKklSNvt3QLqkXClVYOc1xh/4mXqBlpqUpaQqCfiBE0vDEBQUksrEY0UBT/l0g0BusZ032ezpqLru5wguDqu0wYs9FdORK+KSkCHoGnf+QPkkIwavO7RtwAAAABJRU5ErkJggg==" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]>
</td>
<td>
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0"
role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:4px;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation"
style="border-radius:3px;width:18px;">
<tbody>
<tr>
<td
style="font-size:0;height:18px;vertical-align:middle;width:18px;">
<a href="https://medium.com/@utu_trust"
target="_blank"
style="color: #333; text-decoration: underline;">
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB8UlEQVRIS6WWjVEjMQyFP1dwdABXwUEFkA6OCkgqgBKuBKiA0AEdkBJCBUAHuQp887yyV6s4ZOE8w7Cza0t6P5KTKCsBeXg8uHp7jp/TDltzAxwP6mt0CQ4hORRwXkGWoOY5RtNXKRzIrxr8AS6nIdIO8vUnYX9Dug36fQBLT3zV4ATyBtKvcGAFrEcjeLRpA9kX9QpcAbu6P2jAObABfriqt8BFB8UZpLfhvagtmizs/MQ60UVKEKjCDlZhy/974DYkDvuaBpNtoukcsqEoIEWFDvu1G6jg1L0MCFIVOSbgHbgZDVBoEE2iS3QsId9ZAoc2LQYdR4mjBlZt0eFsmiQ/De4o9Oj72tzi6ZxLkRKkNWQTsZX0056ERAU8B716Iu91pKrTn/oiCv4AnFgSed2+txgLKNaNLpp0sk8gT7+4YShRtVSpUMQCPrNpS+oTVE1CMxWX9b59K4GEfRxhpxVkCTwjQbNp41D8Slih8DNItpXf/5q4dRR0NChnbe33wdbNogdIdzYGJKhQmFXLeY2VFye63gmZZldP5ALbmqt9X5ldhUwoND3lkl7wOo8mSfx9cNW5NuUa615VnLa2Rz2gYWeV7N0jRlOhaM6NNfea3N/XGxVNoOM/BCLbbWxHDUbV+0G/cqV6FP1p6sv67+d/T1mbH7NuybwAAAAASUVORK5CYII=" />
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0;text-align:center;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix"
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
style="vertical-align:top;" width="100%">
<tbody>
<tr>
<td style="font-size:0px;padding:10px 25px;word-break:break-word;">
<p
style="border-top: dashed 1px lightgrey; font-size: 1px; margin: 0px auto; width: 100%;">
</p>
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:dashed 1px lightgrey;font-size:1px;margin:0px auto;width:550px;" role="presentation" width="550px"
>
<tr>
<td style="height:0;line-height:0;">
&nbsp;
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:400;line-height:24px;text-align:left;color:#999999;">
Have questions or need help? Email us at <a
href="mailto:[email protected]"
style="color: #333; text-decoration: underline;">
[email protected]</a>.
</div>
</td>
</tr>
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#333333;">
© 2020 <a href="https://protocol.utu.io"
style="color: #333; text-decoration: none;">UTU PROTOCOL</a>
</div>
</td>
</tr>
<tr>
<td align="left"
style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:400;line-height:24px;text-align:left;color:#999999;">
You’re receiving this email because you signed up for the UTU API
Gateway. This email was generated automatically. A direct reply to
this email will not be processed.
<!-- Update your <a href="https://google.com" style="color: #333; text-decoration: underline;">email
preferences</a> -->
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix"
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
style="vertical-align:top;" width="100%">
<tbody>
<tr>
<td style="font-size:0px;word-break:break-word;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="1" style="vertical-align:top;height:1px;">
<![endif]-->
<div style="height:1px;">   </div>
<!--[if mso | IE]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment