- Files
- Index
- Style
- Script
- README
- CDN Add
PLEASE WAIT...
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style type="text/css">
@media only screen and (max-width:601px), only screen and (max-device-width:601px){
@media screen and (max-width: 600px) {
/* What it does: Forces table cells into full-width rows. */
.stack-column,
.stack-column-center {
display: block !important;
width: 100% !important;
max-width: 100% !important;
direction: ltr !important;
}
/* And center justify these ones. */
.stack-column-center {text-align: center !important;}
.full-width-on-narrow {width: 100% !important;}
}
}
</style>
</head>
<body id="body" style="margin:0;padding:0;background-color:#FFFFFF">
<table align="center" border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td align="center">
<!-- side by side buttons: START -->
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td dir="ltr" width="100%" style="background-color: #ffffff; text-align: left; padding: 10px 30px 0;" align="left">
<table width="100%" role="presentation" border="0" cellpadding="0" cellspacing="0" width="" class="full-width-on-narrow">
<tr>
<!-- Column : BEGIN -->
<td class="stack-column">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="full-width-on-narrow">
<tr>
<td dir="ltr" valign="top" align="left" style="font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555; text-align: left; padding: 5px 20px 5px 0;" class="left-on-narrow" nowrap>
<!-- Button : BEGIN -->
<table align="left" role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="button-td button-td-primary" style="background-color: #267baf;">
<a class="button-a button-a-primary" href="#" style="background-color: #267baf; font-family: sans-serif; padding: 9px 17px; border: 1px solid #267baf; font-size: 15px; font-weight: bold; line-height: 100%; text-decoration: none; color: #ffffff; display: block;">Button 1 Custom Label</a>
</td>
</tr>
</table>
<!-- Button : END -->
</td>
</tr>
</table>
</td>
<!-- Column : END -->
<!-- Column : BEGIN -->
<td width="100%" class="stack-column">
<table width="100%" role="presentation" border="0" cellpadding="0" cellspacing="0" class="full-width-on-narrow">
<tr>
<td dir="ltr" valign="top" align="left" style="font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555; text-align: left; padding: 5px 0;" class="left-on-narrow" nowrap>
<!-- Button : BEGIN -->
<table align="left" role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="button-td button-td-secondary" style="background-color: #b0b0b0;">
<a class="button-a button-a-secondary" href="#" style="background-color: #b0b0b0; font-family: sans-serif; padding: 9px 17px; border: 1px solid #b0b0b0; font-size: 15px; font-weight: bold; line-height: 100%; text-decoration: none; color: #ffffff; display: block;">Button 2 Custom Label</a>
</td>
</tr>
</table>
<!-- Button : END -->
</td>
</tr>
</table>
</td>
<!-- Column : END -->
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 10px 30px 0;">
<table width="100%" role="presentation" border="0" cellpadding="0" cellspacing="0" width="" class="full-width-on-narrow">
<tr>
<!-- Column : BEGIN -->
<td>
<table align="left" role="presentation" border="0" cellpadding="0" cellspacing="0" class="full-width-on-narrow">
<tr>
<td style="padding: 5px 20px 5px 0;" class="left-on-narrow">
<!-- Button : BEGIN -->
<table align="left" role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="button-td button-td-primary" style="background-color: #267baf;">
<a class="button-a button-a-primary" href="#" style="background-color: #267baf; font-family: sans-serif; padding: 9px 17px; border: 1px solid #267baf; font-size: 15px; font-weight: bold; line-height: 100%; text-decoration: none; color: #ffffff; display: block;">Button 1 Custom Label</a>
</td>
</tr>
</table>
<!-- Button : END -->
</td>
</tr>
</table>
<table align="left" role="presentation" border="0" cellpadding="0" cellspacing="0" class="full-width-on-narrow">
<tr>
<td style="padding: 5px 0;" class="left-on-narrow">
<!-- Button : BEGIN -->
<table align="left" role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="button-td button-td-secondary" style="background-color: #b0b0b0;">
<a class="button-a button-a-secondary" href="#" style="background-color: #b0b0b0; font-family: sans-serif; padding: 9px 17px; border: 1px solid #b0b0b0; font-size: 15px; font-weight: bold; line-height: 100%; text-decoration: none; color: #ffffff; display: block;">Button 2 Custom Label</a>
</td>
</tr>
</table>
<!-- Button : END -->
</td>
</tr>
</table>
</td>
<!-- Column : END -->
</tr>
</table>
</td>
</tr>
</table>
<!-- side by side buttons: END -->
</td>
</tr>
</table>
</body>
</html>/* ESLint rules https://eslint.org/docs/2.0.0/rules/ */
/* eslint no-undef: "off" */