"layout"
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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>New tools to help you sleep better!</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; } 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: 70% !important; height:auto !important; margin: 0 auto !important; } td[class="block"], table[class="block"] { width: 100% !important; display: block !important; } table[class="social1"] { width:100px !important; } table[class="social2"] { width:100px !important } td[class="socialTD1"] { align-content:right !important; } td[class="socialTD2"] { align-content:center !important; } td[class="socialTD3"] { align-content:center !important; } td[class="socialTD4"] { width:30px !important; } td[class="socialTD5"] { width:30px !important; } td[class="socialTD6"] { width:30px !important; } td[class="socialTD7"] { width:50px !important; } td[class="logo"] { width:160px !important; align-items:center !important; align-content:center !important; } img[class="logoimage"] { width:70% !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="mod1header"] { font-size:20px !important; padding-bottom:8px !important; line-height:24px !important; padding-top:10px !important;} td[class="mod1body"] { font-size:11px !important; line-height:13px !important; padding-right:30px !important; padding-bottom:12px !important;} td[class="mod2header"] { font-size:13px !important; padding-bottom:8px !important; line-height:16px !important; padding-top:10px !important;} td[class="mod2body"] { font-size:11px !important; line-height:13px !important; padding-bottom:10px !important; padding-right:25px !important;} td[class="mod3header"] { font-size:13px !important; padding-bottom:8px !important; line-height:16px !important; padding-top:10px !important;} td[class="mod3body"] { font-size:11px !important; line-height:13px !important; padding-bottom:10px !important; padding-right:20px !important;} a[class="link"] { font-size:11px !important;} } </style> </head> <body bgcolor="#F5F5F5"> <style type="text/css"> div.preheader { display: none !important; } </style> <div class="preheader" style="font-size: 1px; display: none !important;">Get the nighttime routine of your dreams.</div> <img src="http://click.e.fitbit.com/open.aspx?ffcb10-fec21775716c067a-fe2a167670650678701679-fe87137275620d7472-fef71571726d02-fe201574706d07797d1d74-fef117797d6002" width="1" height="1"> <table border="0" align="center" cellpadding="0" cellspacing="0" id="backgroundTable" bgcolor="#f5f5f5" width="100%"> <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:15px 0 15px 10;"> <a href="" style="color:#a4acae; text-decoration:none;">Get the nighttime routine of your dreams.</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="https://www.fitbit.com/?utm_source=exacttarget&utm_medium=email&utm_campaign=20160620_F_US_R_ED_TK_00_SleepCon_NA"> <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 bgcolor="#FFFFFF"> </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="#272851"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50" bgcolor="#272851"> </td> <td width="322" valign="middle" bgcolor="#272851"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="mod1header" align="left" style="font-family:'Proxima Nova Light', Helvetica, Arial, sans-serif; font-size:34px; color:#4ac1c0; padding-bottom:16px; line-height:38px;">Try new Sleep <br />Schedule tools!</td> </tr> <tr> <td class="mod1body" align="left" style="font-family:'Proxima Nova Regular', Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; color:#FFFFFF; padding-right:70px; padding-bottom:16px;">Now you can use the Fitbit<sup>®</sup> app to create a personalized sleep goal based on your trends, set bedtime and wake-up targets & get friendly reminders to help you stay on schedule.</td> </tr> <tr> <td style="padding-bottom:10px;"> <a href="https://help.fitbit.com/articles/en_US/Help_article/2061?utm_source=exacttarget&utm_medium=email&utm_campaign=20160620_F_US_R_ED_TK_00_SleepCon_NA" target="_blank"> <img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/1/SleepConsistency_2.jpg" width="288" height="36" style="display:block; border:none;" alt="Set Your Schedule" class="photo2" align="left"> </a> </td> </tr> </tbody> </table> </td> <td width="230" valign="bottom" bgcolor="#272851"> <img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/1/SleepConsistency_1.jpg" width="262" height="407" style="display:block; border:none;" alt="" class="photo"> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="299" valign="bottom" bgcolor="#3ba3ac"> <img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/1/SleepConsistency_3.jpg" width="299" height="339" style="display:block; border:none;" alt="" class="photo"> </td> <td width="301" valign="middle" bgcolor="#3ba3ac"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="mod2header" align="left" style="font-family:'Proxima Nova Light', Helvetica, Arial, sans-serif; font-size:24px; color:#000000; padding-bottom:10px; line-height:28px;">Discover the benefits <br />of a regular bedtime.</td> </tr> <tr> <td class="mod2body" align="left" style="font-family:'Proxima Nova Regular', Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; color:#ffffff; padding-bottom:15px; padding-right:55px;">Research shows a consistent sleep schedule can help strengthen your body's circadian rhythm.* Learn why that matters & follow our tips for a better routine.</td> </tr> <tr> <td style="padding-bottom:15px;"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#3ba3ac"> <a class="link" href="https://blog.fitbit.com/how-a-consistent-bedtime-can-improve-your-health/" target="_blank" style="color:#ffffff; text-decoration:none; font-family:'Proxima Nova Regular','Open Sans',arial,sans-serif; text-decoration:underline; font-size:14px;"> <b>SLEEP SMARTER</b> </a> </td> <td> <img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/1/SleepConsistency_4.jpg" width="17" height="14" style="display:block;" class="photo2" /> </td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50" bgcolor="#272851"> </td> <td width="305" valign="middle" bgcolor="#2c2c52"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="mod3header" align="left" style="font-family:'Proxima Nova Light', Helvetica, Arial, sans-serif; font-size:24px; color:#4ac1c0; padding-bottom:10px; line-height:28px;">10 million people. <br />Eye-opening results.</td> </tr> <tr> <td class="mod3body" align="left" style="font-family:'Proxima Nova Regular', Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; color:#ffffff; padding-bottom:15px; padding-right:20px;">Fitbit analyzed users across the globe and the sleep stats might shock you.</td> </tr> <tr> <td style="padding-bottom:10px;"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#2c2c52"> <a class="link" href="https://blog.fitbit.com/how-do-your-sleep-habits-stack-up/" target="_blank" style="color:#ffffff; text-decoration:none; font-family:'Proxima Nova Regular','Open Sans',arial,sans-serif; text-decoration:underline; font-size:14px;"> <b>SEE ALL THE STATS</b> </a> </td> <td> <img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/1/SleepConsistency_5.jpg" width="17" height="14" style="display:block;" class="photo2" /> </td> </tr> </table> </td> </tr> </tbody> </table> </td> <td width="245" valign="top" bgcolor="#2c2c52"> <img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/1/SleepConsistency_6.jpg" width="245" height="230" style="display:block; border:none;" alt="" class="photo"> </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:25px 0 20px 0; font-weight:100; background-color:#ffffff;">Let's be friends</td> </tr> <!-- Social --> <tr> <td bgcolor="#FFFFFF" style="padding-bottom:10px;" class="hidden"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="wrapper"> <tr> <td width="76" class="hidden"> </td> <td width="66" align="left"> <a href="https://www.facebook.com/fitbit"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Footer_facebook.png" width="30" height="30" alt="Facebook" style="border:none;"> </a> </td> <td width="65" align="left"> <a href="https://twitter.com/fitbit"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Footer_twitter.png" width="30" height="30" alt="Twitter" style="border:none;"> </a> </td> <td width="65" align="left"> <a href="https://www.instagram.com/fitbit/"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Footer_instagram.png" width="30" height="30" alt="Instagram" style="border:none;"> </a> </td> <td width="65" align="left" class="socialTD4"> <a href="https://www.pinterest.com/fitbit"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Footer_pinterest.png" width="30" height="30" alt="Pinterest" style="border:none;"> </a> </td> <td width="65" align="left" class="socialTD1"> <a href="https://www.youtube.com/user/FitbitOfficialSite"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Footer_youtube.png" width="30" height="30" alt="YouTube" style="border:none;"> </a> </td> <td width="59" align="left" class="socialTD2"> <a href="https://plus.google.com/+fitbit/posts"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Footer_google.png" width="30" height="30" alt="Google+" style="border:none;"> </a> </td> <td width="159" align="left" class="socialTD3"> <a href="https://blog.fitbit.com/"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Footer_blog.png" width="60" height="30" alt="BLOG" style="border:none;"> </a> </td> </tr> </table> </td> </tr> <!--[if !mso]> <!--> <tr> <td align="center" bgcolor="#FFFFFF"> <div class="show" style="display:none; width:0px; max-height:0px; overflow:hidden; background-color:#FFFFFF;"> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="https://www.facebook.com/fitbit"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Social_Mobile_1.gif" width="79" height="30" alt="Facebook" style="border:none;"> </a> </td> <td> <a href="https://twitter.com/fitbit"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Social_Mobile_2.gif" width="72" height="30" alt="Twitter" style="border:none;"> </a> </td> <td> <a href="https://www.instagram.com/fitbit/"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Social_Mobile_3.gif" width="60" height="30" alt="Instagram" style="border:none;"> </a> </td> <td> <a href="https://www.pinterest.com/fitbit"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Social_Mobile_4.gif" width="89" height="30" alt="Pinterest" style="border:none;"> </a> </td> </tr> </table> </td> </tr> <tr> <td> <table width="600" border="0" cellspacing="0" cellpadding="0" class="wrapper"> <tr> <td> <a href="https://www.youtube.com/user/FitbitOfficialSite"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Social_Mobile_5.gif" width="105" height="30" alt="YouTube" style="border:none;"> </a> </td> <td> <a href="https://plus.google.com/+fitbit/posts"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Social_Mobile_6.gif" width="68" height="30" alt="Google+" style="border:none;"> </a> </td> <td> <a href="https://blog.fitbit.com/"> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Social_Mobile_7.gif" width="127" height="30" alt="BLOG" style="border:none;"> </a> </td> </tr> </table> </td> </tr> </table> </div> </td> </tr> <!--<![endif]--> <!-- End Social --> <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; background-color:#ffffff;">*Breus, M., Dr., & Tunney, C. (n.d.). Both Bedtimes and Wake Times Matter to Good Sleep. Read more: from <a href="http://www.belsomra.com/static/pdf/wake-times-matter-to-good-sleep.pdf" target="_blank" style="color:#939c9e; text-decoration:none;">http://www.belsomra.com/static/pdf/wake-times-matter-to-good-sleep.pdf</a> <br /> <br /> <a href="" target="_blank" style="color:#939c9e; text-decoration:none;">**Fitbit. Inc. (2016, June 20). How Do Your Sleep Habits Stack Up?</a>. Read more:  <a href="https://blog.fitbit.com/how-do-your-sleep-habits-stack-up/" target="_blank" style="color:#939c9e; text-decoration:none;">https://blog.fitbit.com/how-do-your-sleep-habits-stack-up</a> <br> <br> <a href="#" style="text-decoration:underline; color:#939c9e;">Unsubscribe</a> <br>Fitbit and the Fitbit Logo are trademarks, service marks and/or registered trademarks of Fitbit, Inc. in the United States and in other countries. All other trademarks, service marks, and product names used herein are the property of their respective owners. <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 --> <tr> <td align="center" style="padding:20px 0 40px 0; background-color:#ffffff;"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span style="color:#939c9e; text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:14px;"> <a href="http://www.fitbit.com/jobs" style="color:#939c9e; text-decoration:none;" > <b>WE'RE HIRING</b> </a>   </span> </td> <td> <img src="http://image.e.fitbit.com/lib/fe9413727564027a70/m/1/Footer_arrow.png" width="14" height="14"> </td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- end footer --> </table> <!-- end table shell --> </td> </tr> </table> </body> </html> <!-- ## New tools to help you sleep better! ## XXX XXXXXXXXXXXXX XXX> https://help.fitbit.com/articles/en_US/Help_article/2061?utm_source=exacttarget&utm_medium=email&utm_campaign=20160620_F_US_R_ED_TK_00_SleepCon_NA ------------------------ Fitbit and the Fitbit Logo are trademarks, service marks and/or registered trademarks of Fitbit, Inc. in the United States and in other countries. All other trademarks, service marks, and product names used herein are the property of their respective owners. Fitbit, Inc. - 405 Howard St, STE 550, San Francisco, CA 94105 Unsubscribe -->

Related: See More


Questions / Comments: