Skip to content

Instantly share code, notes, and snippets.

@aldosch
Created November 30, 2018 04:14
Show Gist options
  • Save aldosch/62de5a654cd77724e639d74053c91ccf to your computer and use it in GitHub Desktop.
Save aldosch/62de5a654cd77724e639d74053c91ccf to your computer and use it in GitHub Desktop.
<!-- ============================================================
CTA MODULE START
============================================================ -->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#F7F7F7;background-color:#F7F7F7;width:100%;">
<tbody>
<tr>
<td>
<!--[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:25px 0px 25px 0px;text-align:center;vertical-align:top;">
<!--[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 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table background="#D9D9D9" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="background-color:#D9D9D9;vertical-align:top;padding:50px 5px 50px 5px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
<tr>
<td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
<div style="font-family:Lato, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#000000;">
<h1 style="font-family: Montserrat, Helvetica, Arial, sans-serif; margin: 0px; line-height: 120%;">
Enter CTA text here
</h1>
<p style="line-height: 120%;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</td>
</tr>
<tr>
<td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
<tr>
<td align="center" bgcolor="#858585" role="presentation" style="border:none;border-radius:0px;cursor:auto;padding:10px 25px;" valign="middle">
<a href="#" style="background: #858585; color: #ffffff; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 30px; Margin: 0; text-decoration: none; text-transform: none;" target="_blank">
Button name
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<!-- ============================================================
CTA MODULE END
============================================================ -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment