Skip to content

Instantly share code, notes, and snippets.

@CoderCookE
Created September 29, 2014 20:24
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 CoderCookE/89f097330ffeea53f4d1 to your computer and use it in GitHub Desktop.
Save CoderCookE/89f097330ffeea53f4d1 to your computer and use it in GitHub Desktop.
Mobile
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html style="margin-top: 0px !important; padding-top: 0px !important; width: 100%">
<head>
<style type="text/css">
html, body{ width:100%; margin-top: 0px !important; padding-top: 0px !important; }
body{ background-color:#FFFFFF; margin-top: 0px !important; padding-top: 0px !important; font-family:sans-serif; }
table{ margin-top: 0px !important; padding-top: 0px !important; }
a img{ color:#000001 !important; }
body{ padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; color:#000000 !important; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:13px; line-height:17px; }
h1, .faux_h1{ padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; color:#000000 !important; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; line-height:26px; }
.faux_h1_color_color{ color:#000000; }
h2, .faux_h2{ padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; color:#000000 !important; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:18px; line-height:26px; }
.faux_h2_color_color{ color:#000000; }
p, .faux_p{ padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; color:#000000 !important; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:13px; line-height:17px; }
.faux_p_color_color{ color:#000000; }
a, .faux_a{ padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; color:#1122CC !important; }
.faux_a_color_color{ color:#1122CC; }
.wysiwyg-text-align-right{ text-align: right; }
.wysiwyg-text-align-center { text-align: center; }
.wysiwyg-text-align-left{ text-align: left; }
.wysiwyg-text-align-justify{ text-align: justify; }
.mi-all{ display: block; }
.mi-desktop{ display: block; }
.mi-mobile{
display: none;
font-size: 0;
max-height: 0;
line-height: 0;
padding: 0;
float: left;
overflow: hidden;
mso-hide: all; /* hide elements in Outlook 2007-2013 */
}
</style>
<style type="text/css" >
@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {
/* very important! all except 'all' and this current type get a display:none; */
.mi-desktop{ display: none !important; }
/* then show the mobile one */
.mi-mobile{
display: block !important;
font-size: 12px !important;
max-height: none !important;
line-height: 1.5 !important;
float: none !important;
overflow: visible !important;
}
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="background: #FFFFFF; color: #000000 !important; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 17px; margin: 0px 0 0 0px; padding: 0px 0 0; width: 100%" bgcolor="#FFFFFF">
<style type="text/css">
body {
width: 100%; margin-top: 0px !important; padding-top: 0px !important;
}
body {
background-color: #FFFFFF; margin-top: 0px !important; padding-top: 0px !important; font-family: sans-serif;
}
body {
padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; color: #000000 !important; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 17px;
}
</style>
<!-- mi_embed_code nil --><table width="100%" cellspacing="0" cellpadding="0" align="center" style="background: #FFFFFF; border-collapse: collapse; border-spacing: 0px; border: 0px none; margin: 0px; padding: 0px" bgcolor="#FFFFFF">
<tbody>
<tr align="center" style="border-collapse: collapse; border-spacing: 0px; border: 0px none">
<td valign="top" align="center" style="border-collapse: collapse; border-spacing: 0px; border: 0px none">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse: collapse; border-spacing: 0px; border: 0px none; margin: 0px; padding: 0px">
<tbody>
<tr align="left" style="border-collapse: collapse; border-spacing: 0px; border: 0px none">
<td width="100%">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0px; border: 0px none; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr align="left" style="border-collapse: collapse; border-spacing: 0px; border: 0px none">
<td width="100%">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0px; border: 0px none; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0px; border: 0; height: 50px">
<td width="100%" valign="top" height="50" align="left" style="background: #FFFFFF" bgcolor="#FFFFFF"><img width="1" height="50" style="border: 0; display: block; line-height: 1; opacity: 0; padding: 0px" src="http://mailrox-prod.s3.amazonaws.com/clear.gif" alt=""></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" cellpadding="0" cellspacing="0" width="100%" style="background: #FFFFFF; border-collapse: collapse; border-spacing: 0; border: 0; margin: 0px 0 0; padding: 0px 0 0" bgcolor="#FFFFFF">
<tr align="center" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td align="center" valign="top" style="border-collapse: collapse; border-spacing: 0; border: 0">
<div class="mi-desktop" style="display: block">
<table class="mi-desktop" width="600" align="center" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; display: block; margin: 0px 0 0; padding: 0px 0 0">
<tbody>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600" align="left" valign="top">
<table width="600" align="center" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin: 0px 0 0; padding: 0px 0 0">
<tbody> <tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="299" height="75" align="left" valign="top" style="">
<img height="75" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561901/ead66fa46b972bb0b6814a630859d360-original.jpg?1408632921" style="border: 0; display: block; line-height: 1; padding: 0" width="299">
</td>
<td width="301" height="75" align="left" valign="top" style="">
<img height="75" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561902/4b889aa2cc4ee22eeb106fb9b5a27794-original.jpg?1408632924" style="border: 0; display: block; line-height: 1; padding: 0" width="301">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="100" height="39" align="left" valign="top" style="">
<img height="39" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561896/d2ec0f0f729cd3d67cc8bdca353a55d3-original.jpg?1408632903" style="border: 0; display: block; line-height: 1; padding: 0" width="100">
</td>
<td width="100" height="39" align="left" valign="top" style="">
<img height="39" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561897/bab0cefcefb2167ff26112d7fe6d553a-original.jpg?1408632908" style="border: 0; display: block; line-height: 1; padding: 0" width="100">
</td>
<td width="100" height="39" align="left" valign="top" style="">
<img height="39" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561895/82c4a4577e3413f3e4b624eef2b41d90-original.jpg?1408632901" style="border: 0; display: block; line-height: 1; padding: 0" width="100">
</td>
<td width="100" height="39" align="left" valign="top" style="">
<img height="39" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561898/a1adeea5a0901e76b553e4378aca7f85-original.jpg?1408632911" style="border: 0; display: block; line-height: 1; padding: 0" width="100">
</td>
<td width="100" height="39" align="left" valign="top" style="">
<img height="39" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561899/efcb893a3c4638798808e6bb4e4c1d36-original.jpg?1408632914" style="border: 0; display: block; line-height: 1; padding: 0" width="100">
</td>
<td width="100" height="39" align="left" valign="top" style="">
<img height="39" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561900/36efa576abaaa242dc8954f016c9cc21-original.jpg?1408632918" style="border: 0; display: block; line-height: 1; padding: 0" width="100">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600" height="336" align="left" valign="top" style="">
<img height="336" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561894/9be803750d560b093a6884e18c600e7b-original.jpg?1408632897" style="border: 0; display: block; line-height: 1; padding: 0" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600" height="60" align="left" valign="top" style="">
<img height="60" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561850/297e9a0a3e4655aead4697f0957ed197-original.jpg?1408632449" style="border: 0; display: block; line-height: 1; padding: 0" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="200" height="320" align="left" valign="top" style="">
<img height="320" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561851/67fcc41dc0f9a4b298a95a6ba8870d32-original.jpg?1408632469" style="border: 0; display: block; line-height: 1; padding: 0" width="200">
</td>
<td width="200" height="320" align="left" valign="top" style="">
<img height="320" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561852/c4ae9e48077ab8e55410a3bf886b16fc-original.jpg?1408632490" style="border: 0; display: block; line-height: 1; padding: 0" width="200">
</td>
<td width="200" height="320" align="left" valign="top" style="">
<img height="320" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561853/da136bc62fde05eec7d4b9d73bc564e9-original.jpg?1408632503" style="border: 0; display: block; line-height: 1; padding: 0" width="200">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600" height="115" align="left" valign="top" style="">
<img height="115" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561854/4fcd8002109d34c30b29033c5408e74a-original.jpg?1408632513" style="border: 0; display: block; line-height: 1; padding: 0" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="300" height="299" align="left" valign="top" style="">
<img height="299" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561855/f36a039526137dccb94121c7a67ee0d5-original.jpg?1408632519" style="border: 0; display: block; line-height: 1; padding: 0" width="300">
</td>
<td width="300" height="299" align="left" valign="top" style="">
<img height="299" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561856/cbd5849c145e511fcae30f449396ec8c-original.jpg?1408632532" style="border: 0; display: block; line-height: 1; padding: 0" width="300">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="398" height="201" align="left" valign="top" style="">
<img height="201" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561857/eba65ecddd6e8238b5f88faf8528c2df-original.jpg?1408632540" style="border: 0; display: block; line-height: 1; padding: 0" width="398">
</td>
<td width="202" height="201" align="left" valign="top" style="">
<img height="201" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561858/c34184dcab968d64bd741107bdd2f382-original.jpg?1408632547" style="border: 0; display: block; line-height: 1; padding: 0" width="202">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="300" height="200" align="left" valign="top" style="">
<img height="200" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561859/80fc2f0a5edee3efdfd45b8037feba0d-original.jpg?1408632554" style="border: 0; display: block; line-height: 1; padding: 0" width="300">
</td>
<td width="300" height="200" align="left" valign="top" style="">
<img height="200" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561860/c8f0dab5d016b6ad7bd004b1479a05f7-original.jpg?1408632616" style="border: 0; display: block; line-height: 1; padding: 0" width="300">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="600">
<table width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="204" height="60" align="left" valign="top" style="">
<img height="60" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561861/7d597aade44e13f1bee4840e4699dcba-original.jpg?1408632621" style="border: 0; display: block; line-height: 1; padding: 0" width="204">
</td>
<td width="51" height="60" align="left" valign="top" style="">
<img height="60" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561862/9e81f38bcf792bc687282aee8f92fc4d-original.jpg?1408632626" style="border: 0; display: block; line-height: 1; padding: 0" width="51">
</td>
<td width="49" height="60" align="left" valign="top" style="">
<img height="60" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561863/97a2a14e6efd8ac98d343d974ecb2707-original.jpg?1408632635" style="border: 0; display: block; line-height: 1; padding: 0" width="49">
</td>
<td width="50" height="60" align="left" valign="top" style="">
<img height="60" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561864/a05b5ec5cf951317a97ef714d00b21e4-original.jpg?1408632642" style="border: 0; display: block; line-height: 1; padding: 0" width="50">
</td>
<td width="52" height="60" align="left" valign="top" style="">
<img height="60" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561865/9d6d14be4354c31bd4cb4e624b51c964-original.jpg?1408632655" style="border: 0; display: block; line-height: 1; padding: 0" width="52">
</td>
<td width="194" height="60" align="left" valign="top" style="">
<img height="60" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561866/d9f3e9dec776f03a34915541766770d5-original.jpg?1408632668" style="border: 0; display: block; line-height: 1; padding: 0" width="194">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if !mso]><!-->
<div class="mi-mobile" style="display: none; float: left; font-size: 0; line-height: 0; max-height: 0; mso-hide: all; overflow: hidden; padding: 0">
<table class="mi-mobile" width="700" align="center" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; display: none; float: left; font-size: 0; line-height: 0; margin: 0px 0 0; max-height: 0; mso-hide: all; overflow: hidden; padding: 0px 0 0">
<tbody>
<tr align="left" style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="700">
<table width="700" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; border-spacing: 0; border: 0; margin-top: 0px !important; padding-top: 0px !important">
<tbody>
<tr style="border-collapse: collapse; border-spacing: 0; border: 0">
<td width="700" height="1403" align="left" valign="top" style="">
<img height="1403" src="http://s3.amazonaws.com/mailrox2-dev/crops/1561840/26e2d75272c24968271562a661f1f5ad-original.jpg?1408628104" style="border: 0; display: block; line-height: 1; padding: 0" width="700">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--<![endif]-->
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment