Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

HTML

              
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="opacity: 1;">
  
  <head>
    <!--[if !mso]>
      <!-->
      <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <!--<![endif]-->
    <meta content="text/html; charset=utf-8" http-equiv="content-type" />
    <meta content="width=device-width, maximum-scale=1.0" name="viewport" />
    <meta content="telephone=no" name="format-detection" />
    <title></title>
    <style type="text/css">
      @font-face {
            font-family:'Gotham SSm A';
            font-style:normal;
            src:local('Maison'), local('Maison Web'),
              url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeue-Book.ttf") format("truetype"),
              url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeueWEB-Book.woff") format("woff"),
              url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeueWEB-Book.woff2") format("woff2");
            }
            @font-face {
              font-family:'Gotham SSm B';
              font-style:normal;
              src:local('Maison'), local('Maison Web'),
                url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeue-Demi.ttf") format("truetype"),
                url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeue-Demi.woff") format("woff"),
                url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeue-Demi.woff2") format("woff2");
            }
            @font-face {
              font-family:'Gotham SSm C';
              font-style:normal;
              src:local('Maison'), local('Maison Web'),
                url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeue-Black.ttf") format("truetype"),
                url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeue-Black.woff") format("woff"),
                url("https://s3.amazonaws.com/strava.static/webfonts/maison_neue/MaisonNeue-Black.woff2") format("woff2");
            }
            #distance {
              font-size:102px !important;
              line-height:105px !important;
            }
            #Days {
              font-size:200px !important;
              line-height:205px !important;
            }
            #Time {
              font-size:100px !important;
              line-height:105px !important;
            }
            @media screen and (max-width: 500px){
              #distance {
                font-size:80px !important;
                line-height:85px !important;
              }
              #Days {
                font-size:150px !important;
                line-height:155px !important;
              }
              #Time {
                font-size:80px !important;
                line-height:85px !important;
              }
            }
    </style>
  </head>
  
  <body bgcolor="#1a1a1a" leftmargin="0" rightmargin="0" style="background-color: rgb(238, 238, 238); margin: 0px; padding: 0px;">
    <table cellpadding="0" cellspacing="0" style="border: 0px; padding: 0px; margin: 0px; position: absolute; display: none; float: left">
      <tr>
        <td height="1" style="font-size: 1px; line-height: 1px; padding: 0px;">
          <img height="1" width="1" style="padding: 0px 0px; !important; margin: 0px 0px; font-size: 1px; line-height: 1px;"
          src="https://news.strava.com/pub/as?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXHkMX%3Dw&_ei_=EolaGGF4SNMvxFF7KucKuWPxR5B8_8tMdXSS3jeZ0PJzGmYKpILc4tamF-7-00eKZRaXqTQQaOzBknLcm8r3qcc."></img>
        </td>
      </tr>
    </table>
    <center class="wrapper" style="table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;min-width:100%; height:auto;">
      <table align="center" cellpadding="0" cellspacing="0" height="100%" style="min-width:600px"
      width="600px">
        <tbody>
          <tr>
            <td align="center" bgcolor="#c6c6c6" class="strav_body" style="padding-top:0; max-width: 600px;"
            valign="top">
              <!-- BEGIN PRE-HEADER -->
              <div style="display:none; max-height:0; max-width:0;width:0;height:0; overflow:hidden;font-size:1px;color:#F5F5F5;">Check your progress and finish 2017 strong!</div>
              <!-- END PRE-HEADER -->
              <center>
                <!-- BEGIN EMAIL CONTENT -->
                <div style="max-width:600px;min-width:600px;">
                  <!--[if (gte mso 9)|(IE)]>
                    <table width="600" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td>
                        <![endif]-->
                        <table align="center" cellpadding="0" cellspacing="0" class="strav_w100" style="margin:0 auto; max-width: 600px; min-width: 600px;"
                        width="600px">
                          <tbody>
                            <tr>
                              <td align="left" bgcolor="#FFFFFF" style="" valign="top">
                                <!-- Module 1 Start-->
                                <table align="center" bgcolor="#1B1A20" cellpadding="0" cellspacing="0" style="margin:0 auto; min-width: 600px;"
                                width="600px">
                                  <tbody>
                                    <tr>
                                      <td>
                                        <table align="center" bgcolor="#1B1A20" cellpadding="0" cellspacing="0" class="strav_w100"
                                        style="margin:0 auto" width="100%">
                                          <!-- Full width Img Start-->
                                          <tbody>
                                            <tr>
                                              <td align="center" bgcolor="#1B1A20" class="full-width-image" style="padding-top:30px;padding-bottom:30px;padding-right:0;padding-left:0;">
                                                <a href="https://news.strava.com/pub/acc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXtpKX%3DSRRTDDRW&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbmX1eDRTKD1D_MmWg5MoxizgOEEifiePPwXElFmi6ouCfCDnQDOjb13fJAi4WyPgYyi2THlPEgKsM."
                                                style="text-decoration:none">
                                                  <img alt="| Strava |" src="http://static.cdn.responsys.net/i5/responsysimages/strava/contentlibrary/campaigns/2017_12_05_eoy_stats/strava_logo_white_300px.png"
                                                  style="border-width:0;width:100%;max-width:150px;height:auto;" width="150" />
                                                </a>
                                              </td>
                                            </tr>
                                            <!-- Full width Img End-->
                                            <tr>
                                              <td align="center" bgcolor="#1B1A20" style="padding-top:0px;padding-bottom:45px; padding-left:15px; padding-right:15px"
                                              valign="top">
                                                 <h2 style="margin-top:0;margin-bottom:0px; font-size:32px; font-weight:lighter; font-family:'Gotham SSm A', Maison, sans-serif; line-height:40px; color:#FFFFFF; letter-spacing:2px;"><a href="https://news.strava.com/pub/acc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXtpKX%3DSRRTDDSD&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbmX1eDRTKD1D_MmWg5MoxizgOEEifiePPwXElFmi6ouCfCDnQDOjb13fJAi4WyPgYyi2THlPEgKsM." style="text-decoration:none; color:#FFFFFF;">It’s Homestretch Time </a>
                                    </h2>

                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                        <!-- BEGIN HEADER MODULE -->
                                        <!-- IMAGE SIZE A // 900x900px DESKTOP & 480x576 MOBILE -->
                                        <!-- IMAGE SIZE B // 600x600px DESKTOP & 480x800 MOBILE -->
                                        <table align="center" bgcolor="#1B1A20" cellpadding="0" cellspacing="0" class="strav_w100"
                                        style="margin:0 auto" width="100%">
                                          <tbody>
                                            <tr>
                                              <td align="center" style="padding-top:5px;padding-bottom:30px; padding-left:45px; padding-right:45px"
                                              valign="top">
                                                 <h2 class="Body_Copy1" style="margin-top:0;margin-bottom:0; font-size:28px; font-weight: bold; font-family:'Gotham SSm B', Helvetica, Arial, sans-serif; line-height:34px; color: #FD7035; text-align: left;">Total<br>Distance  
                                    </h2>

                                                 <h2 id="distance" style="margin-top:5px;margin-bottom:0; font-size:51px; font-weight: bold; font-family:'Gotham SSm B', Helvetica, Arial, sans-serif; line-height:55px; color: #FFFFFF; text-align: left;"> 7<br />
                                    mi 
                                    </h2>

                                              </td>
                                              <td align="right" class="image" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;">
                                                <a href="https://news.strava.com/pub/acc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXtpKX%3DSRRTDDRA&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbmX1eDRTKD1D_MmWg5MoxizgOEEifiePPwXElFmi6ouCfCDnQDOjb13fJAi4WyPgYyi2THlPEgKsM."
                                                style="text-decoration:none">
                                                  <img alt="circle" src="http://static.cdn.responsys.net/i5/responsysimages/strava/contentlibrary/campaigns/2017_12_05_eoy_stats/circle-data-half.gif"
                                                  style="border-width:0;max-width:175px;height:auto;" width="175" />
                                                </a>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                        <!-- END HEADER MODULE -->
                                        <!-- START MODULE BE SAFER -->
                                        <table align="center" bgcolor="#1B1A20" cellpadding="0" cellspacing="0" class="strav_w100"
                                        style="margin:0 auto" width="100%">
                                          <tbody>
                                            <tr>
                                              <td align="center" style="padding-top:30px;padding-bottom:30px; padding-left:50px; padding-right:50px"
                                              valign="top">
                                                 <h2 class="Body_Copy1" style="margin-top:0;margin-bottom:0; font-size:22px; font-weight: 300; font-family:'Gotham SSm A', Gotham SSm B, Helvetica, Arial, sans-serif; line-height:34px; color: #FFFFFF;">In just a few weeks, we'll be sending a personalized video of your 2017 on Strava. That means it’s time for one last push to max out those annual stats. Check your progress below and finish strong! 
                                    </h2>

                                              </td>
                                            </tr>
                                            <tr>
                                              <td align="center" style="padding-bottom:60px; padding-left:30px; padding-right:30px"
                                              valign="top">
                                                <!-- start CTA A -->
                                                <table align="center" bgcolor="#FC4C02" border="0" cellpadding="0" cellspacing="0"
                                                class="strav_button" style="border-radius:50px;border:1px solid #FC4C02;overflow:hidden"
                                                width="250">
                                                  <tbody>
                                                    <tr>
                                                      <td align="center" height="60" width="250">
                                                        <a class="strav_button" href="https://news.strava.com/pub/acc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXtpKX%3DSRRTDDRB&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbmX1eDRTKD1D_MmWg5MoxizgOEEifiePPwXElFmi6ouCfCDnQDOjb13fJAi4WyPgYyi2THlPEgKsM."
                                                        style="white-space:nowrap; display:block; width:100%; line-height:60px!important; font-size: 14px;  color: #FFFFFF; font-weight: bold; font-family:'Gotham SSm A', Gotham SSm B, Helvetica, Arial, sans-serif;  text-decoration:none; letter-spacing: 0.5px"
                                                        target="_blank">&nbsp;&nbsp; SEE YOUR PROGRESS &nbsp;&nbsp;</a>
                                                      </td>
                                                    </tr>
                                                  </tbody>
                                                </table>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <!-- Module 1 End-->
                                <table align="center" bgcolor="#4D0680" cellpadding="0" cellspacing="0" style="margin:0 auto; min-width: 600px;"
                                width="600px">
                                  <tbody>
                                    <tr>
                                      <td>
                                        <table align="center" bgcolor="#4D0680" cellpadding="0" cellspacing="0" style="margin:0 auto"
                                        width="100%">
                                          <tbody>
                                            <tr>
                                              <td align="left" class="image" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;">
                                                <a href="https://news.strava.com/pub/acc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXtpKX%3DSRRTDDRC&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbmX1eDRTKD1D_MmWg5MoxizgOEEifiePPwXElFmi6ouCfCDnQDOjb13fJAi4WyPgYyi2THlPEgKsM."
                                                style="text-decoration:none">
                                                  <img alt="circle" src="http://static.cdn.responsys.net/i5/responsysimages/strava/contentlibrary/campaigns/2017_12_05_eoy_stats/EOY_Module_2_Left_v2.jpg"
                                                  style="border-width:0;max-width:92px;display:block;" width="100%" />
                                                </a>
                                              </td>
                                              <td align="center" style="padding-top:45px;padding-bottom:0px; padding-left:0px; padding-right:0px; max-width:440px;"
                                              valign="top" width="440px">
                                                <p class="Body_Copy1" style="margin-top:0;margin-bottom:5px; margin-right: 33px; font-size:40px; font-weight: 300; font-family:'Gotham SSm B', Gotham SSm B, Helvetica, Arial, sans-serif; line-height:45px; color: #FFFFFF;">Days Active</p>
                                                <p id="Days" style="margin-top:0;margin-bottom:0; margin-left:0; margin-right: 33px; font-size:140px; font-weight: bold; font-family:'Gotham SSm C', Gotham SSm B, Helvetica, Arial, sans-serif; line-height:145px; color: #FFFFFF;">3</p>
                                              </td>
                                              <td align="right" class="image" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;">
                                                <a href="https://news.strava.com/pub/acc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXtpKX%3DSRRTDDRC&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbmX1eDRTKD1D_MmWg5MoxizgOEEifiePPwXElFmi6ouCfCDnQDOjb13fJAi4WyPgYyi2THlPEgKsM."
                                                style="text-decoration:none">
                                                  <img alt="circle" src="http://static.cdn.responsys.net/i5/responsysimages/strava/contentlibrary/campaigns/2017_12_05_eoy_stats/EOY_Module_2_Right_v2.jpg"
                                                  style="border-width:0;max-width:59px;display:block;" width="100%" />
                                                </a>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                        <table align="center" bgcolor="#4D0680" cellpadding="0" cellspacing="0" class="strav_w100"
                                        style="margin:0 auto" width="100%">
                                          <tbody>
                                            <tr>
                                              <td align="center" class="image" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;">
                                                <a href="https://news.strava.com/pub/acc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXtpKX%3DSRRTDDRC&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbmX1eDRTKD1D_MmWg5MoxizgOEEifiePPwXElFmi6ouCfCDnQDOjb13fJAi4WyPgYyi2THlPEgKsM."
                                                style="text-decoration:none">
                                                  <img alt="circle" src="http://static.cdn.responsys.net/i5/responsysimages/strava/contentlibrary/campaigns/2017_12_05_eoy_stats/EOY_Module_2_Bottom.jpg"
                                                  style="border-width:0;max-width:600px;display:block;" width="100%" />
                                                </a>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                        <table align="center" bgcolor="#4D0680" cellpadding="0" cellspacing="0" class="strav_w100"
                                        style="margin:0 auto" width="100%">
                                          <tbody>
                                            <tr>
                                              <td align="center" style="padding-top:30px;padding-bottom:0px; padding-left:45px; padding-right:0px"
                                              valign="top">
                                                 <h1 class="Body_Copy1" style="margin-top:0;margin-bottom:0; font-size:30px; font-weight: 300; font-family:'Gotham SSm B', Gotham SSm B, Helvetica, Arial, sans-serif; line-height:40px; color: #D79DFF; text-align: left;">Total Time
                                    </h1>

                                                 <h1 id="Time" style="margin-top:0;margin-bottom:0; font-size:60px; font-weight: bold; font-family:'Gotham SSm B', Gotham SSm B, Helvetica, Arial, sans-serif; line-height:65px; color: #FFFFFF; text-align: left;">2 h
                                    </h1>

                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                        <table align="center" bgcolor="#4D0680" cellpadding="0" cellspacing="0" class="strav_w100"
                                        style="margin:0 auto" width="100%">
                                          <tbody>
                                            <tr>
                                              <td align="center" class="image" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;">
                                                <a href="https://news.strava.com/pub/acc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGNJSwwrzgGzfsu2X7PzaXNuRoMTjzgXpoiEI4CzeMCnUvzeTOAR4GWcTJvVXtpKX%3DSRRTDDRC&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbmX1eDRTKD1D_MmWg5MoxizgOEEifiePPwXElFmi6ouCfCDnQDOjb13fJAi4WyPgYyi2THlPEgKsM."
                                                style="text-decoration:none">
                                                  <img alt="circle" src="http://static.cdn.responsys.net/i5/responsysimages/strava/contentlibrary/campaigns/2017_12_05_eoy_stats/EOY_Module_2_Bottom_2.jpg"
                                                  style="border-width:0;width:100%;height:auto;min-width:600px; max-width: 600px;"
                                                  width="600" />
                                                </a>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <!-- BEGIN SPACER PREMIUM GRAY // 15px -->
                                <div style="height:15px; line-height:15px; background-color:#EEEEEE; min-width:600px;"></div>
                                <!-- END SPACER -->
                                <!-- BEGIN FOOTER -->
                                <html>
                                  
                                  <head>
                                    <title></title>
                                  </head>
                                  
                                  <body>
                                    <table cellpadding="0" cellspacing="0" class="strav_w100 strav_footer" style="background: #FFFFFF"
                                    width="100%">
                                      <tbody>
                                        <tr>
                                          <td align="center" class="strav_minwidth" style="min-width:0; padding-left:30px; padding-right:30px; padding-top:45px; padding-bottom:30px"
                                          valign="top">
                                             <h2 style="margin-top:0;margin-bottom:0; font-size:24px; font-weight: normal; font-family: Gotham SSm A, Gotham SSm B, Helvetica, Arial, sans-serif; line-height:19px; color: #60605A">Follow Strava 
                           </h2>

                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center" class="strav_minwidth" style="min-width:0; padding-left:30px; padding-right:30px; padding-bottom:45px;"
                                          valign="top">
                                            <table align="center" cellpadding="0" cellspacing="0" class="strav_w100 strav_footer_icons">
                                              <tbody>
                                                <tr>
                                                  <td align="center" class="icons" style="padding-right:50px;" valign="top">
                                                    <a href="https://strava.app.link/3p?%243p=e_rs&%24original_url=strava%3A%2F%2Fclubs%2F231407&%24desktop_url=https%3A%2F%2Fwww.strava.com%2Fclubs%2F231407&channel=email&campaign=2017_EMAIL_FOOTER"
                                                    rilt="footer_strava_club">
                                                      <img alt="STRAVA" src="http://static.cdn.responsys.net/i5/responsysimages/content/strava/2016_template_footer_share_strava.png"
                                                      style="border:0; min-width:45px;" width="45" />
                                                    </a>
                                                  </td>
                                                  <td align="center" class="icons" style="padding-right:50px;" valign="top">
                                                    <a href="https://www.facebook.com/Strava?utm_source=strava&utm_medium=mktgemail&utm_campaign=2017_12_05_EOY_Stats">
                                                      <img alt="Facebook" src="http://static.cdn.responsys.net/i5/responsysimages/content/strava/2016_template_footer_share_face.png"
                                                      style="border:0; min-width:45px;" width="45" />
                                                    </a>
                                                  </td>
                                                  <td align="center" class="icons" style="padding-right:50px;" valign="top">
                                                    <a href="https://twitter.com/strava?utm_source=strava&utm_medium=mktgemail&utm_campaign=2017_12_05_EOY_Stats"
                                                    rilt="footer_twitter">
                                                      <img alt="Twitter" src="http://static.cdn.responsys.net/i5/responsysimages/content/strava/2016_template_footer_share_twit.png"
                                                      style="border:0; min-width:45px;" width="45" />
                                                    </a>
                                                  </td>
                                                  <td align="center" class="icons" style="padding-right:50px;" valign="top">
                                                    <a href="https://www.snapchat.com/add/stravasnaps?utm_source=strava&utm_medium=mktgemail&utm_campaign=2017_12_05_EOY_Stats"
                                                    rilt="footer_snapchat">
                                                      <img alt="Snapchat" src="http://static.cdn.responsys.net/i5/responsysimages/content/strava/2016_template_footer_share_snap.png"
                                                      style="border:0; min-width:45px;" width="45" />
                                                    </a>
                                                  </td>
                                                  <td align="center" class="icons" style="" valign="top">
                                                    <a href="https://www.instagram.com/strava/?utm_source=strava&utm_medium=mktgemail&utm_campaign=2017_12_05_EOY_Stats">
                                                      <img alt="Instagram" src="http://static.cdn.responsys.net/i5/responsysimages/content/strava/2016_template_footer_share_inst.png"
                                                      style="border:0; min-width:45px;" width="45" />
                                                    </a>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center" class="strav_minwidth" style="min-width:0; padding-left:30px; padding-right:30px;padding-bottom:45px; "
                                          valign="top">
                                            <p style="margin-top:0;margin-bottom:10px; font-size:12px; font-weight: normal; font-family: Gotham SSm A, Gotham SSm B, Helvetica, Arial, sans-serif; line-height:16px; color: #60605A; text-decoration: none;">&copy; 2017 Strava
                                              <br />
                                              <a href="https://www.strava.com?utm_source=strava&utm_medium=mktgemail&utm_campaign=2017_12_05_EOY_Stats"
                                              style="text-decoration: none; border: none; color: #60605A;">500 3rd Street, Suite 110,
                                                <br />San&nbsp;Francisco, CA&nbsp;94107</a>
                                            </p>
                                            <p style="margin-top:0;margin-bottom:25px; font-size:12px; font-weight: normal; font-family: Gotham SSm A, Gotham SSm B, Helvetica, Arial, sans-serif; line-height:16px; color: #60605A">Please do not reply to this email. You are receiving this email because you created
                                              a Strava account at
                                              <a href="https://www.strava.com?utm_source=strava&utm_medium=mktgemail&utm_campaign=2017_12_05_EOY_Stats"
                                              rilt="footer_strava" style="color:#60605A;text-decoration:none;">www.strava.com</a>or from our mobile app. If you no longer wish to receive emails
                                              please update your Strava
                                              <a href="#" rilt="footer_email_settings"
                                              style="color: #60605A;text-decoration: underline;">email settings</a> or
                                              <a href="#"
                                              rilt="footer_unsub" style="color: #60605A;text-decoration: underline;">unsubscribe</a>.</p>
                                            <p style="margin-top:0;margin-bottom:10px; font-size:12px; font-weight: normal; font-family: Gotham SSm A, Gotham SSm B, Helvetica, Arial, sans-serif; line-height:16px; color: #60605A">
                                              <a href="#"
                                              rilt="footer_viewonline" style="color: #60605A;text-decoration: underline;">View online</a>
                                            </p>
                                          </td>
                                        </tr>
                                        <!-- Spacer Start -->
                                      </tbody>
                                    </table>
                                  </body>
                                
                                </html>
                                <!-- END FOOTER -->
                                <!-- BEGIN SPACER PREMIUM GRAY // 15px -->
                                <div class="stav_spacer15" style="height:15px; line-height:15px; background-color:#EEEEEE; min-width:600px;"></div>
                                <!-- END SPACER GRAY-->
                              </td>
                            </tr>
                          </tbody>
                        </table>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                      </tr>
                    </table>
                  <![endif]-->
                  <table align="center" cellpadding="0" cellspacing="0" style="margin:0 auto" width="100%">
                    <tbody>
                      <tr>
                        <td align="center" data-content-region-name="STATS" style="padding-top:0px;padding-bottom:0px; padding-left:0px; padding-right:0px"
                        valign="top"></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </center>
            </td>
          </tr>
        </tbody>
      </table>
    </center>
  </body>

</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console