HTML, CSS and JavaScript playground

<!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">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Granite Supplements Newsletter</title>
      <style type="text/css">
      body {
      -webkit-text-size-adjust: 100% !important;
      -ms-text-size-adjust: 100% !important;
      -webkit-font-smoothing: antialiased !important;
      }
      img {
      border: 0 !important;
      outline: none !important;
      }
      p {
      Margin: 0px !important;
      padding: 0px !important;
      }
      table {
      border-collapse: collapse;
      mso-table-lspace: 0px;
      mso-table-rspace: 0px;
      }
      td {
      border-collapse: collapse;
      mso-line-height-rule: exactly;
      }
      a {
      border-collapse: collapse;
      mso-line-height-rule: exactly;
      }
      span {
      border-collapse: collapse;
      mso-line-height-rule: exactly;
      }
      .ExternalClass * {
      line-height: 100%;
      }
      span.MsoHyperlink {
      mso-style-priority: 99;
      color: inherit;
      }
      span.MsoHyperlinkFollowed {
      mso-style-priority: 99;
      color: inherit;
      }
      .em_defaultlink a {
      color: inherit !important;
      text-decoration: none !important;
      }
      * [lang="em_hide"] {
      display: none !important;
      }
      .em_black a {
      color: #1A1A1A;
      text-decoration: none;
      }
      .em_font a {
      color: #00CAF2;
      text-decoration: none;
      }
      .em_main_table {
      }
      .em_hide {
      }
      .em_side {
      }
      .em_wrapper {
      }
      .em_aside {
      }
      .em_full_img {
      }
      .spacer5 {
      padding-bottom:10px;
      }
      .spacer10 {
      padding-bottom:20px;
      }
      .spacer5-upper {
      padding-top:10px;
      }
      .header-text-spacer {
      padding-top:30px;
      padding-bottom:10px;
      }
      @media only screen and (max-width:480px) {
      table[class=em_main_table] {
      width: 100% !important;
      }
      table[class=em_wrapper] {
      width: 100% !important;
      }
      td[class=em_hide], table[class=em_hide], span[class=em_hide], br[class=em_hide], div[class=em_hide] {
      display: none !important;
      }
      td[class=em_side] {
      width: 10px !important;
      }
      td[class=em_spc_20] {
      height: 20px !important;
      }
      img[class=em_full_img] {
      width: 100% !important;
      height: auto !important;
      }
      td[class=em_aside] {
      padding: 0px 10px !important;
      }
      td[class=em_pad_top] {
      padding-top: 10px !important;
      }
      span[class=em_brk] {
      display:block !important;
      }
      .hide-me-480 {
      display:none !important;
      }
      .spacer5 {
      padding-bottom:5px;
      }
      .spacer10 {
      padding-bottom:10px;
      }
      .spacer5-upper {
      padding-top:5px;
      }
      .header-text-spacer {
      padding-top:30px;
      padding-bottom:5px;
      }
      }
      @media only screen and (min-width:481px) and (max-width:639px) {
      table[class=em_main_table] {
      width: 100% !important;
      }
      table[class=em_wrapper] {
      width: 100% !important;
      }
      td[class=em_hide], table[class=em_hide], span[class=em_hide], br[class=em_hide], div[class=em_hide] {
      display: none !important;
      }
      td[class=em_side] {
      width: 10px !important;
      }
      td[class=em_spc_20] {
      height: 20px !important;
      }
      img[class=em_full_img] {
      width: 100% !important;
      height: auto !important;
      }
      td[class=em_aside] {
      padding: 0px 10px !important;
      }
      td[class=em_pad_top] {
      padding-top: 10px !important;
      }
      span[class=em_brk2] {
      display:block !important;
      }
      }
      @media only screen and (max-width:639px) {
      .hide-me-640 {
      display:none !important;
      }
      .store-button {
      max-width:275px !important;
      width:100% !important;
      }
      .spacer5 {
      padding-bottom:5px;
      }
      .spacer10 {
      padding-bottom:10px;
      }
      .spacer5-upper {
      padding-top:5px;
      }
      .header-text-spacer {
      padding-top:20px;
      padding-bottom:5px;
      }
    .three-column .column {
        max-width: 100% !important;
        width: 100% !important;
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .three-column .column td {
        padding-left:0px !important;
        padding-right:0px !important;
  }
    .three-column.shipping .column img {
        max-width:none !important;
        width:70% !important;
        padding-left:15px !important;
        padding-right:15px !important;
  }
    .three-column.footer-buttons .column {
        width:80% !important;
        padding-left: 10% !important;
        padding-right: 10% !important;
  }
    .three-column.footer-buttons .column td.footer-buttons {
        padding-left:10px !important;
        padding-right:10px !important;
  }
    .three-column .column div {
        padding-left:0px !important;
        padding-right:0px !important;
  }
		  .brand-logo {
			  max-width:100px !important;
		  }
    .two-column .column,
    .two-column-bg-color .column {
        max-width: 100% !important;
        width: 100% !important;
    }

.two-column img,
    .two-column-bg-color img {
        max-width: 100% !important;
        width: 100% !important;
    }
      .h1 {
        font-size: 20px !important;
        line-height: 22px !important;
      }
  .cancel-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
      }
    .side-padding {
      padding-left:15px !important;
      padding-right:15px !important;
    }
  .category-heading {
    padding-left:15px !important;
    padding-right:15px !important;
    padding-top:60px !important;
  }
  .category-heading-top.category-heading  {
    padding-top:20px !important;
  }
      }
    </style>
  </head>
  <body style="margin:0px; padding:0px;" bgcolor="#ffffff">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
      <tr>
        <td valign="top" align="center">
          <table width="640" border="0" cellspacing="0" cellpadding="0" align="center" style="table-layout:fixed;" class="em_main_table">
            <tr>
              <td align="center" valign="top">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                  
                  <tr>
                    <td valign="top" align="center" class="em_aside">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                        <tr>
                          <td align="center" valign="top" class="em_hide">
                          
                          
                          
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" align="left" style="font-family:Arial,sans-serif;font-size:11px;text-decoration:none;color:#00a1de;"> 
To ensure you receive our future emails, <span class="em_brk2"></span>please add 
<a href="mailto:customerservice@granitesupplements.com" style="text-decoration:underline;color:#0369b2" target="_blank">customerservice@granitesupplements.com</a> 
to your address book.</td>
</tr>
 <tr>
<td valign="top" align="center" height="3" style="font-size:0px; line-height:0px;">&nbsp;</td>
</tr>
</table>
 	
	
	
                          </td>
                          <td width="10" class="em_hide">&nbsp;</td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td bgcolor="#232323" style="padding-top:0;padding-right:0;padding-left:0;padding-bottom:0px;background-color:#232323;">
                      
                      
<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#232323" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;background-color:#232323; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>

<td height="58" width="58" style="padding-bottom:0;padding-right:0;padding-top:0px;padding-left:0px;background-color:#00aeef;height:58px;max-width:58px;">
<a href="#." target="_blank" style="color:#00aeef;text-decoration:underline;">
<img src="http://mustangsplus.com/eblast/ir/images/gsLogo.gif" alt="GraniteSupplements.COM" width="58" style="max-width:58px;border-width:0;display:block;">
</a>
</td>

<td width="140" align="center" height="50" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:50px;">
 <a href="http://granitesupplements.com" target="_blank" style="text-decoration:none;color:#ffffff;"><span style="display:block;height:50px;"><span style="padding-top:20px;display:block;">HOME</span></span></a>
</td>

<td width="140" align="center" height="50" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:50px;">
<a href="http://granitesupplements.com" target="_blank" style="text-decoration:none;color:#ffffff;"><span style="display:block;height:50px;"><span style="padding-top:20px;display:block;">SHOP</span></span></a>
</td>

<td width="140" align="center" height="50" valign="middle" class="hide-me-480" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:50px;">
<a href="https://granitesupplements.com/product-category/supplement/" target="_blank" style="text-align:center;text-decoration:none;color:#ffffff;"><span style="display:block;height:50px;"><span style="padding-right:7px;padding-top:20px;display:block;">SUPPLEMENTS</span></span></a>
</td>

<td width="140" align="center" height="50" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:50px;">
<a href="https://granitesupplements.com/product-category/apparel/" target="_blank" style="text-align:center;text-decoration:none;color:#ffffff;"><span style="display:block;height:50px;"><span style="padding-right:7px;padding-top:20px;display:block;">APPAREL</span></span></a>
</td>

<td width="140" align="center" height="50" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:50px;">
 <a href="https://granitesupplements.com/category/coach/" target="_blank" style="text-align:center;text-decoration:none;color:#ffffff;"><span style="display:block;height:50px;"><span style="padding-right:7px;padding-top:20px;display:block;">COACH'S CORNER</span></span></a>
</td>

</tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </td>
                            </tr>

</table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

<table width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
<tr>
<td class="category-heading category-heading-top" style="padding-right:0;padding-left:0;font-size:18px;font-weight:bold;text-transform:uppercase;padding-top:20px;padding-bottom:20px;">
Current Sale <a href="https://granitesupplements.com/product/lipocalypse/" target="_blank" class="category-heading-see-more" style="font-size:12px;color:#00aeef;text-transform:none;text-decoration:none;">See More</a>
</td>
</tr>
</table>

</td>
</tr>

<tr>
<td class="full-width-image" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<a href="https://granitesupplements.com/product/lipocalypse/" target="_blank" style="color:#00aeef;text-decoration:none;"><img src="https://gallery.mailchimp.com/dd2f20a1b7939429ac367c13f/images/07deecc6-ded8-4dde-a662-ab2079aef761.jpg" alt="Lipocalypse" width="830" style="border-width:0;display:block;width:100%;max-width:640px;height:auto;"></a>
</td>
</tr>

<table style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
<tr>
<td class="title" style="padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;font-weight:bold;text-transform:none;text-decoration:none;text-align:left;color:#000000 !important;padding-top:8px;padding-bottom:8px;">
<a href="https://granitesupplements.com/product/lipocalypse/" target="_blank" style="color:#000000;text-decoration:none;">Buy two, get one free!</a>
</td>
</tr>
<tr>
<td class="description" style="padding-top:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;text-align:left;padding-bottom:10px;">For a limted time buy two Lipocalypse and get the third one free. Limited time only.
</td></tr>
</table>

</td>
					    </tr>
			        </table>
                </td>
            </tr>
		</table>
	</td>
</tr>
<tr>
<td class="two-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;">
        
					<div class="column" style="max-width:320px;display:inline-block;vertical-align:top;">
						<table width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
								<tr>
					            <td class="cancel-padding" style="padding-right:10px;padding-top:0;padding-bottom:0;padding-left:0;">

<tr class="summary">
									    	<td class="padding-bottom-10 side-padding" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
									    		<table style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
									    			
										    			
<tr>
<td class="title" style="padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;font-weight:bold;text-transform:none;text-decoration:none;text-align:left;color:#000000 !important;padding-top:8px;padding-bottom:8px;">
<a href="https://granitesupplements.com/product/speed-force/" target="_blank" style="color:#000000;text-decoration:none;">Speed Force</a>
</td>
</tr>

<tr>
<td class="description" style="padding-top:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;text-align:left;padding-bottom:10px;">
    Dual Threat Pre-Workout and Fat Burner!
    1. Energy, Focus & Improved Strength
    2. Fat Burning Capabilities
</td>
</tr>

</table>
									    	</td>
									    </tr>
									</table>
					            </td>
							</tr>
					    </table>
					</div>
        
					<div class="column" style="max-width:320px;display:inline-block;vertical-align:top;">
						<table width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
								<tr>
					            <td class="cancel-padding" style="padding-left:10px;padding-top:0;padding-bottom:0;padding-right:0;">
									<table class="contents" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;width:100%;font-size:16px;">
									    
									    
<tr>
<td style="padding-top:40px;padding-bottom:0;padding-right:0;padding-left:0;">
<a href="https://granitesupplements.com/product/adamantium-aminos/" target="_blank" style="color:#00aeef;text-decoration:none;"><img src="http://mustangsplus.com/eblast/ir/images/adamRight.jpg" alt="Adamantium Aminos" width="310" style="border-width:0;display:block;width:auto;max-width:310px;height:auto;"></a>
</td>
</tr>

<tr class="summary">
									    	<td class="padding-bottom-10 side-padding" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
									    		<table style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
									    		

<tr>
<td class="title" style="padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;font-weight:bold;text-transform:none;text-decoration:none;text-align:left;color:#000000 !important;padding-top:8px;padding-bottom:8px;">
<a href="https://granitesupplements.com/product/adamantium-aminos/" target="_blank" style="color:#000000;text-decoration:none;">Adamantium Aminos</a>
</td>
</tr>

<tr>
<td class="description" style="padding-top:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;text-align:left;padding-bottom:10px;">
This product was designed specifically for our athletes who want to perform better in the gym, increase their power and endurance, while promote protein synthesis for recovery and growthâ€¦..all in one product!
</td>
</tr>

</table>
									    	</td>
									    </tr>
									</table>
					            </td>
							</tr>
					    </table>
					</div>
        
    </td>
</tr><tr>
	<td style="padding-top:20px;padding-bottom:0;padding-right:0;padding-left:0;">
    	<table style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
    		<tr>
    			<td class="divider-rule" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;width:640px;border-top-style:solid;border-top-color:#eeeeee;border-top-width:1px;">
    			</td>
    		</tr>
    	</table>
    </td>
</tr>

</table>
    </td>
</tr>

<tr>
<td class="description" style="padding-top:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;text-align:left;padding-bottom:10px;">Both the stress of training and the stress of feeling bad about a training session cause your body to release cortisol and other hormones that make it more difficult to recover for your NEXT workout. If you just try to push through, you get caught in a loop of missed lifts and bad feelings.

The secret is to (A) realize that, and (B) find a way out of the loop, either by backing off on your training or addressing the negative feelings directly, through meditation, by having fun outside of the gym, or however else you deal with stress in your life.
</td>
</tr>

</table>
					    	</td>
					    </tr>
			        </table>
                </td>
            </tr>
		</table>
	</td>
</tr>
<tr>
<td class="two-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;">
        
					<div class="column" style="max-width:320px;display:inline-block;vertical-align:top;">
						<table width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
								<tr>
					            <td class="cancel-padding" style="padding-right:10px;padding-top:0;padding-bottom:0;padding-left:0;">

<tr>
<td class="title" style="padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;font-weight:bold;text-transform:none;text-decoration:none;text-align:left;color:#000000 !important;padding-top:8px;padding-bottom:8px;">
<a href="https://granitesupplements.com/blog/luke-sandoe-iphone-series-1-week-out-ukbff-finals-2016-chest-pump/" target="_blank" style="color:#000000;text-decoration:none;">A Look Back at 2016</a>
</td>
</tr>

<tr>
<td class="description" style="padding-top:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;text-align:left;padding-bottom:10px;">
Chest training 6 days out. Keeping the weight â€˜heavyâ€™ and intensity high.
</td>
</tr>

</table>
									    	</td>
									    </tr>
									</table>
					            </td>
							</tr>
					    </table>
					</div>
        
					<div class="column" style="max-width:320px;display:inline-block;vertical-align:top;">
						<table width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
								<tr>
					            <td class="cancel-padding" style="padding-left:10px;padding-top:0;padding-bottom:0;padding-right:0;">
									<table class="contents" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;width:100%;font-size:16px;">
									    
									    
									    
<tr>
<td style="padding-top:40px;padding-bottom:0;padding-right:0;padding-left:0;">
<a href="https://granitesupplements.com/blog/mental-training-for-powerlifting/" target="_blank" style="color:#00aeef;text-decoration:none;"><img src="http://mustangsplus.com/eblast/ir/images/mental.jpg" alt="Mental Training" width="310" style="border-width:0;display:block;width:auto;max-width:310px;height:auto;"></a>
</td>
</tr>

<tr class="summary">
									    	<td class="padding-bottom-10 side-padding" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
									    		<table style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
									    			
									    			
<tr>
<td class="title" style="padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;font-weight:bold;text-transform:none;text-decoration:none;text-align:left;color:#000000 !important;padding-top:8px;padding-bottom:8px;">
<a href="https://granitesupplements.com/blog/mental-training-for-powerlifting/" target="_blank" style="color:#000000;text-decoration:none;">Mental Training for Powerlifting</a>
</td>
</tr>

<tr>
<td class="description" style="padding-top:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;text-align:left;padding-bottom:10px;">Check out a video from Ben Pollack on Mental Training for Powerlifting.
</td>
</tr>

<tr>
	<td class="one-column contents" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;width:100%;">
		<table width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
    		
    		
    		
<tr>
<td class="category-heading" style="padding-right:0;padding-left:0;font-size:18px;font-weight:bold;text-transform:uppercase;padding-top:20px;padding-bottom:20px;">
COACH'S CORNER <a href="https://granitesupplements.com/category/coach/" target="_blank" class="category-heading-see-more" style="font-size:12px;color:#00aeef;text-transform:none;text-decoration:none;">See More</a>
</td>
</tr>

</table>
    </td>
</tr>

<tr>
<td class="title" style="padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:24px;font-weight:bold;text-transform:none;text-decoration:none;text-align:left;color:#000000 !important;padding-top:8px;padding-bottom:8px;">
<a href="https://granitesupplements.com/coach/short-on-time-bicep-workout/" target="_blank" style="color:#000000;text-decoration:none;">Short on time bicep workout</a>
</td>
</tr>

<tr>
<td class="description" style="padding-top:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;text-align:left;padding-bottom:10px;">
    Are you running short on time and want to hit an arm workout? I know you are thinking that 15 minutes is not enough time. Well you are wrong. You can get a killer workout in just 15 min or less. This series will go over how to get a great workout in in just 15 min or less for all body parts so keep checking back. Also if you want me to make one for a body part just let me know in the comment section below

Today you will lean how to get some huge 21 inch arms in a very short time. You will have a killer pump going when you finish this biceps workout. I bet you put at least 2 inches on your arms during this epic 21 inch arm workout.</td>
</tr>

</table>
					    	</td>
					    </tr>
			        </table>
                </td>
            </tr>
		</table>
	</td>
</tr>

<tr>
	<td width="100%" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
		<table cellpadding="0" cellspacing="0" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;border-collapse:collapse;">
			<tr>
				<td width="640" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:640px;font-size:4px;line-height:4px;background-color:#f3f3f3;color:#f3f3f3;">&nbsp;

</td>
			</tr>
		</table>
	</td>
</tr>
<tr>
  <td style="padding-top:20px;padding-right:10px;padding-left:10px;padding-bottom:20px;">
    <div class="h1" style="font-family:Arial, Helvetica, sans-serif;font-size:24px;line-height:24px;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:2px;">Visit Our Store</div>
  </td>
</tr>

<tr>
        <td class="three-column footer-buttons" style="padding-top:10px;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;">
              
                <div class="column" style="max-width:220px;display:inline-block;vertical-align:top;">
                  <table cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                    <tr>
                      <td style="padding-bottom:10px;padding-right:20px;">
                        <table cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                          <tr>
                            <td class="footer-buttons" style="padding-top:14px;padding-bottom:14px;padding-left:10px;padding-right:10px;background-color:#ed1f24;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:2px;font-weight:bold;text-align:center;width:200px;">
                              <center><a href="https://granitesupplements.com/product-category/supplement/" target="_blank" style="color:#ffffff;text-decoration:none;">SHOP <span class="hide-me-640"><br></span>SUPPLEMENTS</a></center>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </div>

<div class="column" style="max-width:200px;display:inline-block;vertical-align:top;">
                  <table cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                    <tr>
                      <td style="padding-bottom:10px;">
                        <table cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                          <tr>
                            <td class="footer-buttons" style="padding-top:14px;padding-bottom:14px;padding-left:10px;padding-right:10px;background-color:#ed1f24;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:2px;font-weight:bold;text-align:center;width:200px;">
                              <center><a href="https://granitesupplements.com/product-category/apparel/" target="_blank" style="color:#ffffff;text-decoration:none;">SHOP<span class="hide-me-640"><br></span>APPAREL</a></center>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </div>
              
          </td>
      </tr>

<tr>
                      <td style="padding-top:20px;padding-bottom:20px;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;text-align:center;color:#999999;">
                        <center><table align="center" style="table-layout: fixed;margin-left:auto;margin-right:auto;">
                          <tr>
                            <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-align:center;color:#999999;">
                              <center><img src="http://mustangsplus.com/eblast/ir/images/gsLogo.gif" alt="granitesupplements.com" align="center" border="0" width="60" height="60" style="display:block;font-family:Arial, sans-serif;border-width:0;max-width:60px;margin-left:auto;margin-right:auto;"></center>
                            </td>
                            <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;text-align:left;color:#999999;">
                              <div>Granite Supplements<br>
                                30 Waterworks Way<br>
                                Irvine, CA 92618<br>
                              (714) 833-5646</div>
                            </td>
                          </tr>
                      </table></center>
                      </td>
                  </tr>
              </table>
          </td>
      </tr>
    </table>

<center>
                <br/>
                <br/>
                <br/>
                <br/>
                <br/>
                <br/>
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="canspamBarWrapper" style="background-color:#FFFFFF; border-top:1px solid #E5E5E5;">
                    <tr>
                        <td align="center" valign="top" style="padding-top:20px; padding-bottom:20px;">
                            <table border="0" cellpadding="0" cellspacing="0" id="canspamBar">
                                <tr>
                                    <td align="center" valign="top" style="color:#606060; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:150%; padding-right:20px; padding-bottom:5px; padding-left:20px; text-align:center;">
                                        This email was sent to <a href="mailto:*|EMAIL|*" target="_blank" style="color:#404040 !important;">*|EMAIL|*</a>
                                        <br/>
                                        <a href="*|ABOUT_LIST|*" target="_blank" style="color:#404040 !important;"><em>why did I get this?</em></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="*|UNSUB|*" style="color:#404040 !important;">unsubscribe from this list</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="*|UPDATE_PROFILE|*" style="color:#404040 !important;">update subscription preferences</a>
                                        <br/>
                                        *|LIST:ADDRESSLINE|*
                                        <br/>
                                        <br/>
                                        *|REWARDS|*
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <style type="text/css">
                    @media only screen and (max-width: 480px){
                        table#canspamBar td{font-size:14px !important;}
                        table#canspamBar td a{display:block !important; margin-top:10px !important;}
                    }
                </style>
            </center></body>
</html>

Check out our Python playground!