"shop card"
Bootstrap 3.0.0 Snippet by evarevirus

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>NEW Alta HR: The world's slimmest heart rate tracker</title> <style type="text/css"> /* Client-specific Styles */ #outlook a { padding: 0; } body { width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; } .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } #backgroundTable { margin: 0; padding: 0; width: 100% !important; line-height: 100% !important; } /* End reset */ div.preheader { display: none !important; } table td { border-collapse: collapse; } #outertable { width: 825px; } table {border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; table-layout: fixed;} table table { table-layout: auto; } @media only screen and (max-width: 480px) { table[id="backgroundTable"] { padding: 5px 0 !important; } table[class="wrapper"] { width: 100% !important; } *[class*="paddingreset"] { padding: 0 !important; } *[class*="hidden"] { display: none; } .centered-table { margin-left: auto; margin-right: auto;} td[class="hidden"] {display: none !important;} [class].column-t { display: table-header-group; align-content:center !important; } [class].column-b { display: table-footer-group; align-content:center !important; } *[class*="show"], *[class*="show"] img { display: block !important; margin: x !important; padding: 0 !important; overflow: visible !important; width: auto !important; max-height: inherit !important; height: auto !important; } img[class="photo"] { width: 100% !important; height:auto !important; } img[class="photo2"] { width: 90% !important; height:auto !important; margin: 0 auto !important; } img[class="photonew"] { width: 25% !important; height:auto !important; margin: 0 auto !important; } img[class="photoalta"] { width: 30% !important; height:auto !important; margin: 0 auto !important; } td[class="block"], table[class="block"] { width: 100% !important; display: block !important; } img[class="logoimage"] { width:30% !important; height:auto !important;} td[class="FeaturesCopy"] { font-size:11px !important; line-height:14px !important; padding-right:30px !important; padding-left: 40px !important; } td[class="PreheaderCopy"] { font-size:11px !important; padding-left:10px !important;} td[class="footer"] { padding-left:40px !important; padding-right:40px !important;} td[class="text1"] { font-size:26px !important; line-height:30px !important;} td[class="text2"] { font-size:14px !important; padding-bottom:23px !important;} td[class="text3"] { font-size:14px !important; line-height:20px !important; padding-bottom:15px !important; padding-left:20px !important; padding-right:20px !important;} } </style> </head> <body bgcolor="#F5F5F5"> <img src="http://click.e.fitbit.com/open.aspx?ffcb10-fec41176746d0679-fe2b11737263067a771572-fe87137275620d7472-ff6a177275-fe3417717160017f761673-feff1770716306" width="1" height="1"> <table border="0" align="center" cellpadding="0" cellspacing="0" id="backgroundTable" bgcolor="#f5f5f5" width="100%" style="table-layout: fixed;"> <tr> <td align="center"> <!-- start table shell --> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="wrapper"> <!-- start header desktop --> <tr> <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="wrapper"> <tr> <td><table border="0" cellpadding="10" cellspacing="0" width="100%" class="wrapper" bgcolor="#f5f5f5"> <tr> <td style="font-family:Helvetica, Arial, sans-serif; color:#a4acae; font-size:12px; padding-top:15px; padding-bottom:15px; padding-left:10px;"><a href="" style="color:#a4acae; text-decoration:none;">You asked. We delivered.</a></td> <td class="hidden" align="right" style="font-family:Helvetica, Arial, sans-serif; color:#a4acae; font-size:12px; padding-top:15px; padding-bottom:15px; padding-right:10px;"><a href="#" style="color:#a4acae; text-decoration:underline;">View in web browser </a></td> </tr> </table></td> </tr> <tr> <td><table border="0" cellpadding="0" cellspacing="0" style="border:none;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" width="100%" class="wrapper" bgcolor="#ffffff" > <tr> <td width="173"><a href="http://click.e.fitbit.com/?qs=57a41918d7c3c03a0143a1797c5fb7ed1b9842792d5c2887b22f538e4411dba72fe47228f03283250e4bd5e5c3b082bd23b96655f137f607ebc0776242afe924"><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/1/2016_Large_logo.gif" width="175" height="80" style="display:block; border:none;" alt="Fitbit" class="logoimage"></a></td> <td width="242" class="hidden"><img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/header_spacer.jpg" width="200" height="80" style="display:block; border:none;" alt="Share"></td> <td width="104" class="hidden"><a href="http://click.e.fitbit.com/?qs=57a41918d7c3c03ad9ffd0a13b0fed1e61faf54dcdb6549f8e6edb977361fe996e5394ec8ff3d0e36a71152f78f3f7067311f5b4fb0c94fe569d984bb57faa89"><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/2/ShoppingCart_US.gif" height="60" style="display:block; border:none;" alt="Store"></a></td> </tr> </table></td> </tr> </table></td> </tr> <!-- end header desktop --> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#002737"><a href="http://click.e.fitbit.com/?qs=57a41918d7c3c03aa9d3545136c880c98707bba909eda724d4ac34ce8ab2eb72e3cbad59d186e6c749ec6362678f1e28bff0eccabdffd484705012cb4aa739f8" target="_blank" ><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/3/Atom_PreSale_NewBanner2.gif" width="111" style="display:block; border:none;" alt="NEW" class="photonew" align="left"></a></td> </tr> <tr> <td bgcolor="#002737" align="center"><a href="http://click.e.fitbit.com/?qs=57a41918d7c3c03a1046400661bc2ce9b6c3253c569d86bbc71847ebe443e3583200f5eb5932ec2fa7bc935be231b8a3f2c52b04972a815bfda8d2dc50aa6588" target="_blank" ><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/3/Atom_PreSale_EM1_B.gif" width="101" style="display:block; border:none;" alt="alta HR | THE WORLD'S SLIMMEST WRISTBAND WITH CONTINUOUS HEART RATE" class="photoalta" align="center"></a></td> </tr> <tr> <td bgcolor="#002737" align="center" class="text1" style="font-family:'Proxima Nova Light', Helvetica, Arial, sans-serif; font-size:36px; color:#FFFFFF; line-height:40px;">THE WORLD'S SLIMMEST</td> </tr> <tr> <td bgcolor="#002737" align="center" class="text2" style="font-family:'Proxima Nova Light', Helvetica, Arial, sans-serif; font-size:18px; color:#FFFFFF; padding-bottom:33px;">WRISTBAND WITH CONTINUOUS HEART RATE</td> </tr> <tr> <td bgcolor="#002737" style="padding-bottom:45px;"><a href="http://click.e.fitbit.com/?qs=57a41918d7c3c03a0a5a07c331304be3f5ff056deff3974dd26a009205b1e13cf87c670d5afccff1c94690fd2635c5db35049dfe758733a221602bf7d219bc51" target="_blank" ><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/2/Atom_PreSale_EM1_3.jpg" width="600" style="display:block; border:none;" alt="" class="photo"></a></td> </tr> <tr> <td bgcolor="#002737" align="center" class="text3" style="font-family:'Proxima Nova Regular', Helvetica, Arial, sans-serif; font-size:18px; color:#FFFFFF; line-height:24px; padding-bottom:20px; padding-left:90px; padding-right:90px;">Meet new <strong>Fitbit Alta HR</strong>™, the heart rate wristband that helps you reach your goals in style.</td> </tr> <tr> <td bgcolor="#002737" style="padding-bottom:30px;"><div align="center"><!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.fitbit.com/shop/altahr?utm_source=ET&utm_medium=EM&utm_campaign=20170306_APSV1_NA_F_A_PN_TK_00_NA" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="63%" stroke="f" fillcolor="#ef426f"> <w:anchorlock/> <center> <![endif]--> <a href="http://click.e.fitbit.com/?qs=57a41918d7c3c03aafce539fc5fd34c0d410d68a83c1e0259dbcfe09cd4fd7fe8b505a612c161a5391afaeee9743ac3e63cfe3811cae360f14350095b1b8ffb6" style="background-color:#ef426f;border-radius:25px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;" >PRE-ORDER NOW</a> <!--[if mso]> </center> </v:roundrect> <![endif]--></div></td> </tr> <tr> <td bgcolor="#002737" style="padding-bottom:22px;" align="center"><table border="0" cellpadding="0" cellspacing="0" class="centered-table"> <tr> <td style="padding-right: 5px;"><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/3/Atom_PreSale_EM1_D.gif" width="24" style="display:block;"></td> <td bgcolor="#002737" style="font-family:'Proxima Nova Bold', Helvetica, Arial, sans-serif; font-size:16px; color:#FFFFFF;"> PurePulse<sup>®</sup> Heart Rate </td> </tr> </table></td> </tr> <tr> <td bgcolor="#002737" style="padding-bottom:22px;" align="center"><table border="0" cellpadding="0" cellspacing="0" class="centered-table"> <tr> <td style="padding-right: 5px;"><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/3/Atom_PreSale_EM1_E.gif" width="19" style="display:block;"></td> <td bgcolor="#002737" style="font-family:'Proxima Nova Bold', Helvetica, Arial, sans-serif; font-size:16px; color:#FFFFFF;"> Sleep Stages: Light, Deep, REM* </td> </tr> </table></td> </tr> <tr> <td bgcolor="#002737" style="padding-bottom:22px;" align="center"><table border="0" cellpadding="0" cellspacing="0" class="centered-table"> <tr> <td style="padding-right: 5px;"><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/3/Atom_PreSale_EM1_F.gif" width="24" style="display:block;"></td> <td bgcolor="#002737" style="font-family:'Proxima Nova Bold', Helvetica, Arial, sans-serif; font-size:16px; color:#FFFFFF;"> SmartTrack™ Auto Exercise Recognition </td> </tr> </table></td> </tr> <tr> <td bgcolor="#002737" style="padding-bottom:50px;" align="center"><table border="0" cellpadding="0" cellspacing="0" class="centered-table"> <tr> <td style="padding-right: 5px;"><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/3/Atom_PreSale_EM1_G.gif" width="21" style="display:block;"></td> <td bgcolor="#002737" style="font-family:'Proxima Nova Bold', Helvetica, Arial, sans-serif; font-size:16px; color:#FFFFFF;"> Interchangeable Bands** </td> </tr> </table></td> </tr> </table></td> </tr> <!-- start footer --> <tr> <td bgcolor="#FFFFFF"><table border="0" cellpadding="0" cellspacing="0" style="border:none;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0; background-color:#ffffff;" width="600" class="wrapper" > <tr> <td align="center" style="font-family:Helvetica, Arial, sans-serif; color:#939c9e; font-size:24px; padding:0; font-weight:100; background-color:#ffffff;"> </td> </tr> <tr> <td align="center" style="font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:18px; color:#939c9e; padding-left:30px; padding-right:30px; padding-bottom:40px; background-color:#ffffff;"> <a href="" style="color:#939c9e; text-decoration:none;">*Coming soon with an app update. <br>**Interchangeable bands sold separately.</a><br><br> <a href="#" style="text-decoration:underline; color:#939c9e;"> Unsubscribe </a> <br> <a href="" style="text-decoration:none; color:#939c9e;">Fitbit and the Fitbit logo are trademarks or registered trademarks of Fitbit, Inc. in the US and other countries. Additional Fitbit trademarks can be found at www.fitbit.com/legal/trademark-list. Third-party trademarks are the property of their respective owners.</a><br> <a href="" style="font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:15px; color:#939c9e; background-color:#ffffff; text-decoration:none;">Fitbit, Inc. — 405 Howard Street, Suite 550, San Francisco, CA 94105</a></td> </tr> <!-- iphone gmail fix --> <tr> <td><div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">                                                           </div></td> </tr> <!-- close iphone gmail fix --> </table></td> </tr> <!-- end footer --> </table> <!-- end table shell --> </td> </tr> </table> </body> </html>

Related: See More


Questions / Comments: