Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu

hteumeuleu/Sabrina-Test-File.html Secret

Created August 4, 2016 11:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hteumeuleu/0d20fdfb90a16c95273044880047bc44 to your computer and use it in GitHub Desktop.
Save hteumeuleu/0d20fdfb90a16c95273044880047bc44 to your computer and use it in GitHub Desktop.
Download ZIP
Litmus Help
Raw
Sabrina-Test-File.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" cdsfdsfdsontent="width=device-width, initial-scale=1.0" />
<title>TEst</title>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<!--[if lte mso 11]>
<style>
.four_column_img {
height:310px;
}
</style>
<![endif]-->
<style type="text/css">
@media only screen and (max-width:480px) {
@-ms-viewport { width:320px; }
@viewport { width:320px; }
}
</style>
</head>
<body style="margin:0; padding:0;">
<!--[if (gte mso 9)|(IE 7)]>
<table border="0" cellpadding="0" cellspacing="0" width="620" align="center" bgcolor="#ffffff" style="width:620px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<![endif]-->
<div style="margin:0 auto; max-width:620px; min-width:310px; font:16px sans-serif; padding: 0;">
<!-- 1 COLUMN -->
<div style="text-align:center; font-size:0; background:#FFFFFF; display:table;">
<!--[if (gte mso 9)|(IE 7)]>
<table border="0" cellpadding="0" cellspacing="0" width="620" align="center" bgcolor="#ffffff" style="width:620px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="middle" align="left" width="620" style="width:620px; background-color:#FACF39;">
<![endif]-->
<div style="display:inline-block; vertical-align:middle; text-align:left; color:#231f20; background:#FACF39; width:100%; min-width:620px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(100%); width:calc(230400px - 48000%); min-width:calc(100%);">
<table bgcolor="#993399" width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="middle" align="center" bgcolor="#FACF39">
<img class="four_column_img" src="https://s3.amazonaws.com/www.myvirtualgaming.com/Images/dronev6.gif" width="100%" alt="test" height="auto" style="display:block!important; border:0; text-decoration:none; max-height:100%;" />
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
</tr>
</table>
<![endif]-->
</div>
<!-- END 1 COLUMN -->
<!-- 2 COLUMN -->
<div style="text-align:center; font-size:0; background:#FFFFFF; display:table;">
<!--[if (gte mso 9)|(IE 7)]>
<table border="0" cellpadding="0" cellspacing="0" width="620" align="center" bgcolor="#ffffff" style="width:620px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="middle" align="left" width="310" style="width:310px; background-color:#FACF39;">
<![endif]-->
<div style="display:inline-block; vertical-align:middle; font-size:16px; text-align:left; color:#231f20; background-color:#FACF39; width:50%; min-width:310px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(50%); width:calc(230400px - 48000%); min-width:calc(50%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="middle" align="left">
<img src="https://placeholdit.imgix.net/~text?txtsize=38&txt=320%C3%97170&w=640&h=340" width="100%" alt="test" height="170" style="display:block !important; border:0; text-decoration:none; max-height: 100%;" />
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
<td valign="middle" align="left" width="310" style="width:310px; background-color:green;">
<![endif]-->
<div style="display:inline-block; vertical-align: middle; font-size:16px; text-align:left; color:#231f20; background-color:yellow; width:50%; min-width:310px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(50%); width:calc(230400px - 48000%); min-width:calc(50%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="yellow" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="middle">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="285" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:285px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">Shop Now TEST 3</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop Now</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td></tr></table>
<![endif]-->
</div>
<!-- END 2 COLUMN -->
<!-- 3 COLUMN -->
<div style="text-align:center; font-size:0; background-color:#F05A41;">
<!--[if (gte mso 9)|(IE 7)]>
<table border="0" cellpadding="0" cellspacing="0" width="620" align="center" bgcolor="#ffffff" style="width:620px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="top" width="206" style="width:206px; background-color:#F266B6;">
<![endif]-->
<div style="display:inline-block; vertical-align:top; font-size:16px; text-align:left; color:#231f20; background-color:#F266B6; width:33.33%; min-width:206px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(33.33%); width:calc(230400px - 48000%); min-width:calc(33.33%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td style="padding:10px;">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="190" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:190px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">Shop Now TEST 4</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop Now</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
<td valign="top" width="206" style="width:206px; background-color:#F05A41;">
<![endif]-->
<div style="display:inline-block; vertical-align:top; font-size:16px; text-align:left; color:#231f20; background-color:#F05A41; width:33.33%; min-width:206px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(33.33%); width:calc(230400px - 48000%); min-width:calc(33.33%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td style="padding:10px;">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="190" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:190px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">Shop Now TEST 5</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop Now</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
<td valign="top" width="206" style="width:206px; background-color:#FACF39;">
<![endif]-->
<div style="display:inline-block; vertical-align:top; font-size:16px; text-align:left; color:#231f20; background-color:#FACF39; width:33.33%; min-width:206px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(33.33%); width:calc(230400px - 48000%); min-width:calc(33.33%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td style="padding:10px;">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="190" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:190px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">Shop Now TEST 6</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop HIER</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td></tr></table>
<![endif]-->
</div>
<!-- END 3 COLUMN -->
<!-- 4 COLUMN -->
<div style="text-align:center; font-size:0; background-color:orange;">
<!--[if (gte mso 9)|(IE 7)]>
<table border="0" cellpadding="0" cellspacing="0" width="620" align="center" bgcolor="orange" style="width:620px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="top" width="155" style="width:155px; background-color:#27AAE1;">
<![endif]-->
<div style="display:inline-block; vertical-align:top; font-size:16px; text-align:left; color:#231f20; background-color:#27AAE1; width:25%; min-width:155px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(25%); width:calc(230400px - 48000%); min-width:calc(25%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td style="padding:10px;">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="138" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:138px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">TEST 7</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop Now</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
<td valign="top" width="155" style="width:155px; background-color:#F05A41;">
<![endif]-->
<div style="display:inline-block; vertical-align:top; font-size:16px; text-align:left; color:#231f20; background-color:#F05A41; width:25%; min-width:155px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(25%); width:calc(230400px - 48000%); min-width:calc(25%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td style="padding:10px;">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="138" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:138px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">TEST 8</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop Now</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
<td valign="top" width="155" style="width:155px; background-color:#FACF39;">
<![endif]-->
<div style="display:inline-block; vertical-align:top; font-size:16px; text-align:left; color:#231f20; background-color:#FACF39; width:25%; min-width:155px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(25%); width:calc(230400px - 48000%); min-width:calc(25%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td style="padding:10px;">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="138" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:138px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">TEST 9</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop Now</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
<td valign="top" width="155" style="width:155px; background-color:#F266B6;">
<![endif]-->
<div style="display:inline-block; vertical-align:top; font-size:16px; text-align:left; color:#231f20; background-color:#F266B6; width:25%; min-width:155px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(25%); width:calc(230400px - 48000%); min-width:calc(25%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td style="padding:10px;">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="138" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:138px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">TEST 10</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop Now</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
</tr>
</table>
<![endif]-->
</div>
<!-- END 4 COLUMN -->
<!-- 2 COLUMN 40 / 60 -->
<div style="text-align:center; font-size:0; background:lime; display:table;">
<!--[if (gte mso 9)|(IE 7)]>
<table border="0" cellpadding="0" cellspacing="0" width="620" align="center" bgcolor="#ffffff" style="width:620px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="middle" width="248" style="width:248px; background-color:#FACF39;">
<![endif]-->
<div style="display:inline-block; vertical-align:middle; font-size:16px; text-align:left; color:#231f20; background-color:#FACF39; width:40%; min-width:248px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(40%); width:calc(230400px - 48000%); min-width:calc(40%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FACF39" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="middle" align="left">
<img src="https://placeholdit.imgix.net/~text?txtsize=38&txt=320%C3%97170&w=512&h=340" width="100%" alt="test" height="170" style="display:block !important; border:0; text-decoration:none; max-height: 100%;" />
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td>
<td valign="middle" width="372" style="width:372px; background-color:yellow;">
<![endif]-->
<div style="display:inline-block; vertical-align: middle; font-size:16px; text-align:left; color:#231f20; background-color:yellow; width:50%; min-width:372px; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(60%); width:calc(230400px - 48000%); min-width:calc(60%);">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="yellow" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td valign="middle">
<p style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#000000;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</td>
</tr>
<tr>
<td style="padding-bottom:10px;">
<!-- CTA -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td height="45" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
<div>
<!--[if mso]>
<table width="285" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.staples.co.uk" style="height:40px; v-text-anchor:middle; width:285px" arcsize="2%" strokecolor="#CC0000;" fillcolor="#CC0000;">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;">Shop Now TEST 3</center>
</v:roundrect>
</td>
</tr>
</table>
<![endif]-->
<div style="mso-hide:all;">
<table align="center" valign="middle" width="90%" height="40" cellpadding="0" cellspacing="0" border="0" style="mso-hide:all; text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#CC0000" width="100%" height="40" style="vertical-align:middle; color:#FFFFFF; display:inline-block; background-color:#CC0000; border-bottom:1px solid #000000; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; mso-hide:all; max-width: 285px;">
<a href="http://www.staples.co.uk" style="font-size:14px; line-height:36px; -webkit-text-size-adjust:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; width:100%; max-width: 285px; display:inline-block;">
<span style="color:#ffffff; line-height:36px;">Shop Now</span>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CTA -->
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td></tr></table>
<![endif]-->
</div>
<!-- END 2 COLUMN 40 / 60 -->
</div>
<!--[if (gte mso 9)|(IE 7)]>
</td></tr></table>
<![endif]-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment