Skip to content

Instantly share code, notes, and snippets.

@tngeene
Last active October 5, 2021 16:32
Show Gist options
  • Save tngeene/78a312be1151c46a994b21c1729cf3d5 to your computer and use it in GitHub Desktop.
Save tngeene/78a312be1151c46a994b21c1729cf3d5 to your computer and use it in GitHub Desktop.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
</head>
<body style="padding: 0; width: 100% !important; -webkit-text-size-adjust: 100%; margin: 0; -ms-text-size-adjust: 100%;" marginheight="0" marginwidth="0">
<center>
<table cellpadding="8" cellspacing="0" style="padding: 0; width: 100% !important; margin: 0;" border="0">
<tr>
<td valign="top">
<!-- HEADER -->
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tr>
<td height="50"></td>
</tr>
<tr>
<td height="24"></td>
</tr>
<tr>
<td style="padding: 0; border-collapse: collapse;">
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tr style="color: #6a37bc; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none; line-height: 24px;">
<td width="448" align="center">
<img width="400px" height="142px" src="https://i.imgur.com/VPeEBHg.png" alt="Welcome to {{appNmae}}" title="Welcome to {{appName}}" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
<!-- END HEADER -->
<!-- BODY -->
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td width="400" style="padding: 0; border-collapse: collapse;">
<table cellpadding="0" cellspacing="0" align="center" border="0" style="text-align: center;">
<tr>
<td style="color: #525C66; font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none; line-height: 24px; font-weight: 600; padding-bottom: 6px;">
Welcome to <a style="color: #6a37bc; text-decoration: none;" href="{{appDomain}}">
{{ appName }}
</a>.
</td>
</tr>
<tr>
<td style="color: #525C66; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none; line-height: 23px; padding-bottom: 18px;">
Happy to have you {{user.username}}.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20" style="padding: 0; border-collapse: collapse;">
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tr>
<td width="72" align="center" style="border-top: 2px solid #eee; padding: 0 0 30px;">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="400" style="padding: 0; border-collapse: collapse;">
<table cellpadding="0" cellspacing="0" border="0">
{{-- <tr>
<td style="color: #525C66; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none; line-height: 24px; padding-bottom: 18px;">
Now that your account has been created, you can log into {{appName}} on other devices using your email address or username.
<br />
</td>
</tr> --}}
<tr>
<td style="color: #525C66; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none; line-height: 24px; padding-bottom: 18px;">
<tr>
<td style="color: #525C66; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none; line-height: 24px; padding-bottom: 18px;">
Click below to activate your account.
</td>
</tr>
<br />
<br />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="400" style="padding: 0; border-collapse: collapse;">
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tr height="34"></tr>
<tr height="54">
<td style="color: #525C66; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none;">
<table border="0" cellpadding="0" cellspacing="0" style="background-color: #6a37bc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 34px;" align="center" valign="middle">
<tr>
<td align="center" valign="middle" style="padding: 18px 50px; text-align: center;">
<a style="color: #fff; text-decoration: none; display: inline-block;" href="{{url}}">Verify Account</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- FOOTER -->
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tr>
<td height="50"></td>
</tr>
<tr>
<td height="33" style="padding: 0; border-collapse: collapse;">
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tr>
<td width="400" align="center" style="border-top: 2px solid #eee; padding: 0 0 15px;">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 0; border-collapse: collapse;">
<table cellpadding="0" cellspacing="0" align="center" border="0">
<tbody>
<tr style="color: #919BA1; font-size: 11px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none; line-height: 15px;">
<td align="center" height="33">
</td>
</tr>
<tr style="color: #919BA1; font-size: 11px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; -webkit-text-size-adjust: none; line-height: 17px;">
<td width="400" align="center">
© {{currentYear}} {{appName}}. <br />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<!-- END FOOTER -->
</td>
</tr>
</table>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment