Code Snippets on Cacher

All theme head tags

{{ shop.metafields.okendo.ReviewsWidgetStyleTag }}
{{ shop.metafields.okendo.StyleCustomizations }}
{{ 'okendo-reviews.scss.css' | asset_url | stylesheet_tag }}
{% include 'okendo-json-ld' %}

js奇技淫巧


// https://www.codewars.com/kata/reviews/57a5c44ae08254d7a4000125/groups/57a99d9272292d50e4000a0d
// 加解密问题
// 加密是将奇数字符组成的字符串拼接偶数字符组成的字符串,执行n次
// 解密是将前半字符串与后半字符串并行循环拼接
// 该解决方案巧妙地使用正则表达式实现上述两种做法

function encrypt(text, n) {
  for (let i = 0; i < n; i++) {
    text = text && text.replace(/.(.|$)/g, '$1') + text.replace(/(.)./g, '$1') 
  }
  return text
}

function decrypt(text, n) {
  let l = text && text.length / 2 | 0
  for (let i = 0; i < n; i++) {
    // 替换后半字符串,替换时让每个字符后追加前半字符串中地字符
    text = text.slice(l).replace(/./g, (_, i) => _ + (i < l ? text[i] : ''))
  }
  return text
}

UIView from nib

extension UIView {
    class func fromNib<T: UIView>() -> T {
        return Bundle.main.loadNibNamed(String(describing: T.self), owner: nil, options: nil)![0] as! T
    }
}

//Then call it like this:
let myCustomView: CustomView = UIView.fromNib()

//..or even:
let myCustomView: CustomView = .fromNib()

Cool link underline style

border-bottom: 1px solid #E7CA5B;
box-shadow: inset 0 -3px 0 #E7CA5B;

Master Marketing Template

All Marketing email go in here

<!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="format-detection" content="date=no">
<meta name="format-detection" content="telephone=no">
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Title</title>
Master CSS
</head>
<center class="wrapper"> 
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" yahoo="fix" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; -webkit-text-size-adjust:none !important;-ms-text-size-adjust:none !important;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:100% !important;width:100% !important;">
    
    
<!-- Hidden Preview -->
Mobile Hidden Preview
<!-- End Hidden Preview -->

<!-- Wrapper -->
<table width="100%" cellspacing="0" cellpadding="0" align="center" border="0" bgcolor="#ffffff">
 <tr>
  <td width="100%" align="center" valign="top">
  
<table class="wrapper" width="100%" cellspacing="0" cellpadding="0" align="center" border="0">
 <tr>
  <td width="100%" align="center" valign="top">

<!-- End Header -->

<!-- Desktop Snippet -->
Desktop Snippet
<!-- End Desktop Snippet -->


<!--Snippet / Mobile-->
Mobile Phone Snippet
<!--End Snippet / Mobile-->

<!--=======Logo=======-->
Logo Partial
<!--=======End Logo=======-->

<!-- Desktop Nav -->
Desktop Navigation
<!-- End Desktop Nav -->

<!--=======Shipping=======-->
Shipping
<!--=======End Shipping=======-->


<!-- Full Width Hero Image Scale Down -->
Full Width Hero
<!-- End Full Width Hero Image Scale Down -->

    
<!-- ERZ SHELL ONE -->
ERZ Shell
<!-- END ERZ SHELL ONE -->
    
<!-- Line -->
Dividing Line
<!-- End Line -->
   
<!-- Start Video -->
Video Shell  
<!-- End Video -->
      
<!-- Mobile Navigation -->
Mobile Navigation
<!-- End Mobile Navigation -->

<!--=======Healthy Horses Banner=======-->
Healthy Horses Banner
<!--=======End Healthy Horses Banner=======-->

<!-- Social media icons -->
Social Media Icons
<!-- END Social media icons -->
      
<!-- Start Footer Navigation -->
Footer Navigation
<!-- End Footer Navigation -->


<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="580">
<tr>
<td align="center" valign="top" width="580">
<![endif]-->


<!-- Email Opt In -->
Email Opt In
<!-- End Email Opt In -->

<!-- Address -->
SmartPak Address
<!-- End Address -->

<!-- Disclaimer -->
Disclaimer
<!-- End Disclaimer -->

<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->              
</td></tr></table></td></tr></table>


<!-- End Wrapper -->
</body></center>
</html>

Desktop Snippet

all emails

<tr><td align="center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="580" class="responsive-table">
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: none;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;" >
<tr>
<td align="center" style="-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt; color:#666666;" >

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;" >

<tr>
<td bgcolor="#F1F1F1" class="responsive-table" style="padding-top:0x;padding-bottom:0px;padding-right:0px;padding-left:0px;-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt; background-color: F1F1F1;" >

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;" >
<tr>
<td bgcolor="#F1F1F1" id="desktop" align="center" style="padding:5px; color:#999999; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; background-color: #F1F1F1;"><table width="100%" style="font-size:10px; color:#999999; font-weight:400; text-decoration:none;"><td><a name="Desktop Preview" xt="SPCLICK" href="https://www.smartpakequine.com?utm_source=email-promotional" style="text-decoration:none; color:#999999;" >Support, Supporting Module here</a></td><td align="right" style="text-decoration:none;"><a target="_blank"  href="#SPCLICKTOVIEW" xt="SPCLICKTOVIEW" style="font-size:10px; color:#999999;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; text-decoration:none;" name="Online Version">View in browser</a> | <a name="Desktop Phone Number" class="appleLinksblack" href="tel:1-888-339-9695" style="color:#999999; text-decoration:none; font-weight:400;" xt="SPNOTRACK" >1-888-339-9695</a></td></table></td></tr></table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr></table></td></tr>

Mobile Phone Snippet

<!--[if !mso 9]><!-->
<tr><td>
<div align="center" class="mobilecontent" style="display:none;max-height:0px;overflow:hidden;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="-webkit-text-size-adjust: none;mso-table-lspace:0pt;mso-table-rspace:0pt; font-smooth:always;">

<tr>
<td width="100%" align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 18px; display: block;
width: 100%;" bgcolor="#F1F1F1">
<a href="tel:1-888-339-9695" style="color:#666666; padding: 15px;display: block;text-decoration: none;border:0;text-align: center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; background: #F1F1F1;border: 1px solid #F1F1F1;line-height:17px;" name="Mobile Phone Number" xt="SPNOTRACK">Contact the Experts: 1-888-339-9695</a></td>
</tr>

</table>
</div></td></tr>
<!--<![endif]-->

Disclaimer

disclaimer

<tr><td align="center"><tr><td align="center"><table width="100%" class="responsive-table" border="0" align="center" style="-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt; max-width:580px;">
<tr>
<td align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:11px; color:#666666;line-height:20px;padding: 10px 15px 25px 15px;">*20% off the SmartPak Deluxe Fly Sheet with No-Fly Zone&#8482;, SmartPak Classic Fly Sheet, Rockin' SP Quarter Horse Cut Deluxe Fly Sheet with No-Fly Zone&#8482;, Rockin' SP Quarter Horse Cut Fly Sheet, SmartPak Classic Fly Mask, SmartPak Deluxe Fly Boots, SmartPak Classic Fly Bundle, SmartPak Deluxe Fly Bundle, Rockin' SP Classic Fly Bundle and Rockin' SP Deluxe Fly Bundle. For 20% off use promo code BYEFLY16 at checkout. Offer expires 4/8/16 11:59 PM PST. Additional exclusions may apply. Cannot be combined with other offers or applied to previous purchases or shipping charges. Please call <a name="Footer Phone Number" href="tel:1-888-339-9695" style="color:#666666; text-decoration:none; font-weight:500;" xt="SPNOTRACK" >1-888-339-9695</a> for complete details.</td>
</tr>
</table></td></tr>

SmartPak Address

Every email

<tr><td align="center"><table width="100%" class="responsive-table" border="0" align="center" style="-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt; max-width:580px;">
<tr>
<td align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:11px; color:#666666;line-height:14px; padding: 10px 15px 10px 15px;">SmartPak Equine, 40 Grissom Rd., Suite 500, Plymouth, MA 02360</td>
</tr>
</table></td></tr>

Email Opt In

<tr>
<td bgcolor="#ffffff" align="center"><table width="100%" class="responsive-table" border="0" align="center" style="-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt; max-width:580px;">
<tr>
<td align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:11px; color:#666666;line-height:14px; padding: 10px 15px 10px 15px; line-height: 20px;"><strong style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:18px; line-height:20px; color:#666666; padding-bottom:10px;">Email Preferences</strong><br/>
This email advertisement was sent to <a xt="SPEMAIL" name="Mail To" href="mailto:%%EMAIL%%" style="text-decoration:none; color:#666666;" >%%Email%%</a><br/>
<a name="Unsubscribe_1" xt="SPCLICKSTREAM" href="https://www.smartpakequine.com/content/emailoptions" target="_blank" style="text-decoration:underline; color:#666666;" class="appleLinksWhite">Update email frequency / unsubscribe</a> from SmartPak Equine emails. <a target="_blank" href="#SPONECLICKOPTOUT" xt="SPONECLICKOPTOUT" name="Unsubscribe_1_1"></a><br><strong style="color:#666666;">Please add <a href="mailto:email@e.smartpak.com" style="text-decoration:none; color:#666666;"  name="Add to Address Book" >email@e.smartpak.com</a> to your address book</strong>
</td>
</tr>
</table>
</td></tr>

Footer Navigation

Links in footer

<tr>
<td bgcolor="#ffffff" align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt; max-width:580px;">
<tr>
<td align="center" style="color:#666666;"><table width="100%" class="responsive-table" border="0" align="center" style="-webkit-text-size-adjust: none; mso-table-lspace:0pt;mso-table-rspace:0pt; max-width:580px;">

<td align="center" width="100%" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:11px; line-height:18px; text-decoration:none; text-align:center; font-smooth:always; padding:10px;">
<a href="https://www.smartpakequine.com/myaccount?utm_source=email-promotional" name="Footer_My Account" xt="SPCLICK" style="text-decoration:none; color:#666666;" >Manage My Account</a>&nbsp; / &nbsp;<a href="https://www.SmartPakEquine.com/shippolicy.aspx?utm_source=email-promotional" name="Footer_Shipping Policy" xt="SPCLICK" style="text-decoration:none; color:#666666;" >Free Shipping Both Ways</a>&nbsp; / &nbsp;<a href="https://www.smartpakequine.com/happiness.aspx?utm_source=email-promotional" name="Footer_Happiness Guarantee" xt="SPCLICK" style="text-decoration:none; color:#666666;" >Returns</a>&nbsp; / &nbsp;<a href="https://www.SmartPakEquine.com/Jobs.aspx?utm_source=email-promotional" name="Footer_Jobs" xt="SPCLICK" style="text-decoration:none; color:#666666;" >Careers</a>&nbsp; / &nbsp;<a href="https://www.smartpakEquine.com/legal.aspx?utm_source=email-promotional" name="Footer_Privacy" xt="SPCLICK" style="text-decoration:none; color:#666666;" >Legal</a>&nbsp; / &nbsp;<a href="https://www.smartpakequine.com/CatalogRequest?source=EM42&utm_source=email-promotional" name="Footer_Catalog Request" xt="SPCLICK" style="text-decoration:none; color:#666666;" >Catalog Request</a></td>

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

Social Media Icons

Stays in footer

<tr><td align="center">
<table bgcolor="#FFFFFF" cellpadding="15" cellspacing="0" border="0" align="center" style="max-width:280px;">
<tr>

<td align="center" width="45" height="45" class="w40 h40"><a href="https://www.facebook.com/SmartPakEquine?utm_source=email-promotional" target="_blank" name="Facebook" xt="SPCLICK" ><img src="https://www.smartpakequine.com/images/2016_Email/2016EmailIcons_09.gif" alt="Facebook" title="Facebook" width="41" border="0" class="w40 h40" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:12px; letter-spacing:1px; color:#0067b4;"/></a></td>

<td align="center" width="45" height="45" class="w40 h40"><a href="https://twitter.com/SmartPak?utm_source=email-promotional" target="_blank" name="Twitter" xt="SPCLICK" ><img src="https://www.smartpakequine.com/images/2016_Email/2016EmailIcons_11.gif" alt="Twitter" title="Twitter" width="36"  border="0" class="w40 h40" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:12px; letter-spacing:1px; color:#0067b4;"></a></td>

<td align="center" width="45" height="45" class="w40 h40"><a href="https://www.instagram.com/smartpak?utm_source=email-promotional" target="_blank" name="Instagram" xt="SPCLICK" ><img src="https://www.smartpakequine.com/images/2016_Email/2016EmailIcons_13.gif" alt="Instagram" title="Instagram" width="40" border="0" class="w40 h40" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:12px; letter-spacing:1px; color:#0067b4;"></a></td>

<td align="center" width="45" height="45"><a href="https://www.youtube.com/user/SmartPakEquine?utm_source=email-promotional" target="_blank" name="YouTube" xt="SPCLICK" ><img src="https://www.smartpakequine.com/images/2016_Email/2016EmailIcons_15.gif" alt="YouTube" title="YouTube" width="37" border="0" class="w40 h40" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:12px; letter-spacing:1px; color:#0067b4;"></a></td>

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

Healthy Horses Banner

Stays in footer

<tr><td align="center"><table class="img-max" border="0" align="center" style="mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr>
<td align="center" bgcolor="#2F70A8" style="padding:0 0 0 0;">
<a name="Healthy Horses Footer Banner" xt="SPCLICK" href="https://www.smartpakequine.com?utm_source=email-promotional" ><img src="https://www.smartpakequine.com/images/2016_Email/HealthyHorsesHappyRiders_2016.gif" width="580" alt="Healthy Horses Happy Riders" title="Healthy Horses Happy Riders" style="font-font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:36px; color:#FFFFFF;" class="img-max"></a></td>
</tr>
</table></td></tr>

Mobile Navigation

Only shows up on desktop, mostly IOS

<!--[if !mso 9]><!-->
<tr>
<td>
<div class="mobilecontent" style="display:none;max-height:0px;overflow:hidden;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="-webkit-text-size-adjust: none;mso-table-lspace:0pt;mso-table-rspace:0pt; font-smooth:always;">

<tr>
<td align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 14px; display: block;
width: 100%;
border-bottom: 1px solid #F5F4F4;" bgcolor="#2F70A8">

</td>
</tr>
<tr>
<td width="100%" align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 24px; display: block;
width: 100%;
border-bottom: 1px solid #F5F4F4;" bgcolor="#2F70A8">
<a href="https://www.smartpakequine.com/BrowseSupplements.aspx?CATID=284&utm_source=email-promotional" style="color:#ffffff; padding: 30px;display: block;text-decoration: none;border:0;text-align: center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px;color: #ffffff;background: #2F70A8;border: 1px solid #2F70A8;line-height:17px;" name="Mobile Nav_Supplements" xt="SPCLICK">Supplements</a>
</td>
</tr>
 <tr><td width="100%" align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 24px; display: block;
width: 100%;
border-bottom: 1px solid #F5F4F4;" bgcolor="#2F70A8">
<a href="https://www.smartpakequine.com/rider-apparel-and-gear-365c?utm_source=email-promotional" style="color:#ffffff; padding: 30px;display: block;text-decoration: none;border:0;text-align: center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; color: #ffffff;background: #2F70A8;border: 1px solid #2F70A8;line-height:17px;" name="Mobile Nav_Apparel" xt="SPCLICK">Apparel</a></td></tr>   
<tr>
<td width="100%" align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 24px; display: block;
width: 100%;
border-bottom: 1px solid #F5F4F4;" bgcolor="#2F70A8">
<a href="https://www.smartpakequine.com/horse-tack-supplies-and-equipment-687c?utm_source=email-promotional" style="color:#ffffff; padding: 30px;display: block;text-decoration: none;border:0;text-align: center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; color: #ffffff;background: #2F70A8;border: 1px solid #2F70A8;line-height:17px;" name="Mobile Nav_Tack" xt="SPCLICK">Tack</a>
</td>
</tr>
<tr>
<td width="100%" align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 24px; display: block;
width: 100%;
border-bottom: 1px solid #F5F4F4;" bgcolor="#2F70A8">
<a href="https://www.smartpakequine.com/horse-blankets-sheets-and-coolers-182c?utm_source=email-promotional" style="color:#ffffff; padding: 30px;display: block;text-decoration: none;border:0;text-align: center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; color: #ffffff;background: #2F70A8;border: 1px solid #2F70A8;line-height:17px;" name="Mobile Nav_Blankets" xt="SPCLICK">Blankets</a>
</td>
</tr>
<tr>
<td width="100%" align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 24px; display: block;
width: 100%;
border-bottom: 1px solid #F5F4F4;" bgcolor="#2F70A8">
<a href="https://www.smartpakequine.com/barn-and-stable-supplies-367c?utm_source=email-promotional" style="color:#ffffff; padding: 30px;display: block;text-decoration: none;border:0;text-align: center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; color: #ffffff;background: #2F70A8;border: 1px solid #2F70A8;line-height:17px;" name="Mobile Nav_Barn" xt="SPCLICK">Barn</a>
</td>
</tr>
<tr>
<td width="100%" align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 24px; display: block;
width: 100%;
border-bottom: 1px solid #F5F4F4;" bgcolor="#2F70A8">
<a href="https://www.smartpakequine.com/clearance--view-all-equine-1213pc?utm_source=email-promotional" style="color:#ffffff; padding: 30px;display: block;text-decoration: none;border:0;text-align: center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; color: #ffffff;background: #2F70A8;border: 1px solid #2F70A8;line-height:17px;" name="Mobile Nav_Sale" xt="SPCLICK">SALE</a></td>
</tr>
    <tr>
<td width="100%" align="center" style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 18px; display: block;
width: 100%;" bgcolor="#2F70A8">
<a href="tel:1-888-339-9695" style="color:#666666; padding: 30px;display: block;text-decoration: none;border:0;text-align: center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; background: #F1F1F1;border: 1px solid #F1F1F1;line-height:17px;" name="Mobile Phone" xt="SPNOTRACK"> Contact the Experts: 1-888-339-9695</a></td>
</tr>

<tr>
<td width="100%" align="center" style="padding: 10px 10px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; display: block; width: 100%; padding: 20px 0;" bgcolor="#FFFFFF">
<strong style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 2px;  color: #666666; -webkit-text-size-adjust:100%;-ms-text-size-adjust:none;mso-table-lspace:0pt;mso-table-rspace:0pt;">Download our mobile apps</strong><br />
<strong style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size:11px; color: #666666;-webkit-text-size-adjust:100%;-ms-text-size-adjust:none;mso-table-lspace:0pt;mso-table-rspace:0pt; font-weight:500;">Put SmartPak in your pocket with these awesome apps!</strong><br /><a href="https://play.google.com/store/apps/developer?id=SmartPak+Equine" target="_blank" xt="SPCLICK" name="Google App"><img src="https://www.smartpakequine.com/images/speupdate/MobileApps_02.gif" width="136" height="38" alt="Android App" title="Android App" border="0" style="padding-top:10px;"/></a>

<a href="https://itunes.apple.com/us/app/smartpak/id893591718?mt=8" target="_blank" xt="SPCLICK" name="Apple App"><img src="https://www.smartpakequine.com/images/speupdate/MobileApps_03.gif" width="144" height="38" alt="Apple Store" title="Apple Store" border="0" style="padding-top:10px;"/></a>
</td>
</tr>

</table>
</div></td></tr>
<!--<![endif]-->

Video Shell

<tr>
                        <td style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;padding:15px 15px 0 15px;" align="center">
<table width="520" class="responsive-table" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;max-width: 520px;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;" align="center" valign="top"><a name="Social_Video" xt="SPCLICK" href="utm_source=email-promotional" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;"><img src="https://www.smartpakequine.com/images/2017_Email/video_wireframe.gif" style="background-color: #F1F1F1; max-width: 520px;" class="img-max" border="0" width="520"></a></td>
</tr>
<tr>
<td class="body_copy" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 13px; line-height: 20px !important; color: #7f7f7f; padding-top: 10px;" align="left">WATCH OUR VIDEOS</td>
</tr>
<tr>
<td class="headline" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 18px; padding-top: 10px;" align="left"><strong><a name="Social_Video" xt="SPCLICK" href="utm_source=email-promotional" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#07529e; text-decoration: none;">Ask the Vet - Hoof packing, tying up vs. colic, riding in the heat, and more!</a></strong></td></tr>
</tbody>
</table>
</td>
</tr>

Dividing Line

full width line that separates space

<tr>
<td bgcolor="#ffffff" align="center" style="padding: 5px 15px 15px 15px;" >
<table align="center" border="0" cellpadding="0" cellspacing="0" width="520" class="responsive-table" style="border-top: 1px solid #cccccc;">
<tr>
<td>
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
</table>
</td>
</tr>
</table>
</td>
</tr>

Cacher is the code snippet organizer for pro developers

Curate a library of useful code snippets for you and your team.