Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save grace-snow/5ff715d8ceb7263ee85986c84db30841 to your computer and use it in GitHub Desktop.
Save grace-snow/5ff715d8ceb7263ee85986c84db30841 to your computer and use it in GitHub Desktop.
1 Column Text + Button + 1 Column Text
<!-- 1 Column Text + Button + 1 Column Text : BEGIN -->
<tr>
<td bgcolor="#ffffff">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 40px; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 18px; line-height: 140%; color: {{color-body}};">
<p style="margin: 0;">
Text
</p>
</td>
</tr>
<tr>
<td style="padding: 0 40px; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 18px; line-height: 140%; color: #ffffff;">
<!-- Button : BEGIN (positive color can be changed to alternate variables) -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="left" style="margin: auto;">
<tr>
<td style="border-radius: 8px; background: {{btn-color--positive}}; text-align: center;" class="button-td">
<a href="[TO-DO]" style="background: {{btn-color--positive}}; border: 15px solid {{btn-color--positive}}; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 16px; line-height: 110%; text-align: center; text-decoration: none; display: block; border-radius: 8px; font-weight: bold;letter-spacing: 1px;" class="button-a">
<span style="color:#ffffff;" class="button-link">&nbsp;&nbsp;&nbsp;&nbsp;Button&nbsp;&nbsp;&nbsp;&nbsp;</span>
</a>
</td>
</tr>
</table>
<!-- Button : END -->
</td>
</tr>
<tr>
<td style="padding: 40px; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 18px; line-height: 140%; color: {{color-body}};">
<p style="margin: 0;">
Text
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 1 Column Text + Button + 1 Column Text : END -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment