Skip to content

Instantly share code, notes, and snippets.

@jurekbarth
Last active August 29, 2015 14:13
Show Gist options
  • Save jurekbarth/2140baf991ee14b2f5f7 to your computer and use it in GitHub Desktop.
Save jurekbarth/2140baf991ee14b2f5f7 to your computer and use it in GitHub Desktop.

Revisions

  1. jurekbarth revised this gist Jan 16, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion spain_mail
    Original file line number Diff line number Diff line change
    @@ -128,7 +128,7 @@
    <td style="padding: 40px 0px 10px 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" class="logo" bgcolor="#F3F3F3" width="560" align="center"><a href="https://www.freeletics.com?utm_source=email&utm_medium=email&utm_campaign=email_impacting_2101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img alt="Logo" src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/fl_logo.png" width="67" height="39" style="display: block;font-family: Helvetica, Arial, sans-serif;color: #666666;font-size: 16px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" border="0"></a></td>
    </tr>
    <tr>
    <td class="padding-right" style="padding: 0px 0px 15px 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" bgcolor="#F3F3F3" width="560" align="right"><a style="font-size: 11px;line-height: 11px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;" href="#">view in browser</a>
    <td class="padding-right" style="padding: 0px 0px 15px 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" bgcolor="#F3F3F3" width="560" align="right"><a style="font-size: 11px;line-height: 11px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;" href="http://assets.freeletics.com/email/spain_campaign.html?utm_source=email&utm_medium=email&utm_campaign=email_impacting_2101">view in browser</a>
    </td>
    </tr>
    </table>
  2. jurekbarth revised this gist Jan 16, 2015. 1 changed file with 51 additions and 57 deletions.
    108 changes: 51 additions & 57 deletions spain_mail
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Awesome Freeletics Email</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
    /* CLIENT-SPECIFIC STYLES */
    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
    @@ -104,31 +104,31 @@
    }
    </style>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    </head>
    <body style="margin: 0; padding: 0;">
    <body style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100% !important;width: 100% !important;">
    <!-- GMAIL FIX -->

    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td bgcolor="#F3F3F3" align="center">
    <table class="gmailfix" width="560" border="0" cellpadding="0" cellspacing="0" style="min-width:560px;">
    <td bgcolor="#F3F3F3" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table class="gmailfix" width="560" border="0" cellpadding="0" cellspacing="0" style="min-width: 560px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td class="gmailfix" width="560" style="min-width:560px;">
    <td class="gmailfix" width="560" style="min-width: 560px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">

    <!-- HEADER -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td bgcolor="#F3F3F3">
    <td bgcolor="#F3F3F3" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <div align="center">
    <table border="0" cellpadding="0" cellspacing="0" width="560" class="wrapper">
    <table border="0" cellpadding="0" cellspacing="0" width="560" class="wrapper" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <!-- LOGO/PREHEADER TEXT -->
    <tr>
    <td style="padding: 40px 0px 10px 0px;" class="logo" bgcolor="#F3F3F3" width="560" align="center"><a href="https://www.freeletics.com/" target="_blank"><img alt="Logo" src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/fl_logo.png" width="67" height="39" style="display: block; font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 16px;" border="0"></a></td>
    <td style="padding: 40px 0px 10px 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" class="logo" bgcolor="#F3F3F3" width="560" align="center"><a href="https://www.freeletics.com?utm_source=email&utm_medium=email&utm_campaign=email_impacting_2101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img alt="Logo" src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/fl_logo.png" width="67" height="39" style="display: block;font-family: Helvetica, Arial, sans-serif;color: #666666;font-size: 16px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" border="0"></a></td>
    </tr>
    <tr>
    <td class="padding-right" style="padding: 0px 0px 15px 0px;" bgcolor="#F3F3F3" width="560" align="right"><a style=" font-size: 11px; line-height: 11px; font-family: Helvetica, Arial, sans-serif; color: #666666;" href="#">view in browser</a>
    <td class="padding-right" style="padding: 0px 0px 15px 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" bgcolor="#F3F3F3" width="560" align="right"><a style="font-size: 11px;line-height: 11px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;" href="#">view in browser</a>
    </td>
    </tr>
    </table>
    @@ -139,24 +139,24 @@


    <!-- Hero Picture Only -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td bgcolor="#F3F3F3" align="center" class="section-padding">
    <table border="0" cellpadding="0" cellspacing="0" width="560" class="responsive-table">
    <td bgcolor="#F3F3F3" align="center" class="section-padding" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table border="0" cellpadding="0" cellspacing="0" width="560" class="responsive-table" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td>
    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <!-- HERO IMAGE -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tbody>
    <tr>
    <td class="padding-copy">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <td class="padding-copy" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td>
    <a href="https://www.freeletics.com/es/offer/the-year-of-no-excuses?utm_source=email&utm_medium=email&utm_campaign=mail_impacting_2101" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/spain_mailcampaign.jpg" width="560" height="333" border="0" alt="En Forma en 12 Semanas" style="display: block; padding: 0; color: #666666; text-decoration: none; font-family: Helvetica, arial, sans-serif; font-size: 16px; width: 560px; height: 333px;" class="img-max"></a>
    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <a href="https://www.freeletics.com/es/offer/the-year-of-no-excuses?utm_source=email&utm_medium=email&utm_campaign=mail_impacting_2101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/spain_mailcampaign.jpg" width="560" height="333" border="0" alt="En Forma en 12 Semanas" style="display: block;padding: 0;color: #666666;text-decoration: none;font-family: Helvetica, arial, sans-serif;font-size: 16px;width: 560px;height: 333px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;" class="img-max"></a>
    </td>
    </tr>
    </table>
    @@ -175,16 +175,16 @@
    </table>

    <!-- Appstore Icons -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td bgcolor="#F3F3F3" align="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <td bgcolor="#F3F3F3" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td style="padding: 60px 30px 40px 30px;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table">
    <td style="padding: 60px 30px 40px 30px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td align="right" valign="middle" style="padding: 0 10px 0 0; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://itunes.apple.com/us/app/freeletics-functional-high/id654810212" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/apple.png" width="135" height="41" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 135px; height: 41px;" alt="Apple Appstore" border="0" class="img-max"></a></td>
    <td align="left" valign="middle" style="padding: 0 0 0 10px; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://play.google.com/store/apps/details?id=com.freeletics.lite" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/google.png" width="135" height="41" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 135px; height: 41px;" alt="Google Playstore" border="0" class="img-max"></a></td>
    <td align="right" valign="middle" style="padding: 0 10px 0 0;font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="https://itunes.apple.com/us/app/freeletics-functional-high/id654810212" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/apple.png" width="135" height="41" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 135px;height: 41px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Apple Appstore" border="0" class="img-max"></a></td>
    <td align="left" valign="middle" style="padding: 0 0 0 10px;font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="https://play.google.com/store/apps/details?id=com.freeletics.lite" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/google.png" width="135" height="41" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 135px;height: 41px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Google Playstore" border="0" class="img-max"></a></td>
    </tr>
    </table>
    </td>
    @@ -195,23 +195,23 @@
    </table>

    <!-- Social Media Icons -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td bgcolor="#F3F3F3" align="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <td bgcolor="#F3F3F3" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td style="padding: 25px 30px 40px 30px;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table">
    <td style="padding: 25px 30px 40px 30px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://www.freeletics.com" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_fl.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://www.facebook.com/freeletics" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_facebook.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://twitter.com/freeletics" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_twitter.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://plus.google.com/+Freeletics-fitness-beyond-imagination/posts" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_google.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://www.youtube.com/user/Freeletics/" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_youtube.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="http://freeletics.tumblr.com/" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_tumblr.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://vine.co/Freeletics" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_vine.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="http://instagram.com/freeletics" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_instagram.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="http://www.pinterest.com/freeletics/" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_pinterest.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="https://www.freeletics.com?utm_source=email&utm_medium=email&utm_campaign=email_impacting_2101" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_fl.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="https://www.facebook.com/freeletics" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_facebook.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="https://twitter.com/freeletics" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_twitter.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="https://plus.google.com/+Freeletics-fitness-beyond-imagination/posts" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_google.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="https://www.youtube.com/user/Freeletics/" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_youtube.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="http://freeletics.tumblr.com/" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_tumblr.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="https://vine.co/Freeletics" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_vine.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="http://instagram.com/freeletics" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_instagram.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px;line-height: 18px;font-family: Helvetica, Arial, sans-serif;color: #666666;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a href="http://www.pinterest.com/freeletics/" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_pinterest.png" width="24" height="24" style="display: block;color: #666666;font-family: Helvetica, arial, sans-serif;font-size: 13px;width: 24px;height: 24px;-ms-interpolation-mode: bicubic;border: 0;line-height: 100%;outline: none;text-decoration: none;" alt="Icon" border="0"></a></td>
    </tr>
    </table>
    </td>
    @@ -222,24 +222,18 @@
    </table>

    <!-- FOOTER -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td bgcolor="#F3F3F3" align="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <td bgcolor="#F3F3F3" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td style="padding: 20px 30px 20px 30px;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table">
    <td style="padding: 20px 30px 20px 30px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
    <tr>
    <td align="center" valign="middle" style="font-size: 10px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; color:#8D8D8D;">
    You receive this email because you opted in at Freeletics.com and decided to become truly fit. If you don't want to pursue that goal anymore, you can unsubscribe from this list.

    </td>
    </tr>
    <tr>
    <td align="center" valign="middle" style="padding: 30px 0 0 0; font-size: 10px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; color:#8D8D8D;">Copyright © 2014 Freeletics GmbH, All rights reserved.</td>
    <td align="center" valign="middle" style="padding: 30px 0 0 0;font-size: 10px;line-height: 14px;font-family: Helvetica, Arial, sans-serif;color: #8D8D8D;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">Copyright © 2014 Freeletics GmbH, All rights reserved.</td>
    </tr>
    <tr>
    <td align="center" valign="middle" style="font-size: 10px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; color:#8D8D8D;">Freeletics - Lothstr. 5 - 80335 Munich, Germany</td>
    <td align="center" valign="middle" style="font-size: 10px;line-height: 14px;font-family: Helvetica, Arial, sans-serif;color: #8D8D8D;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">Freeletics - Lothstr. 5 - 80335 Munich, Germany</td>
    </tr>
    </table>
    </td>
  3. jurekbarth created this gist Jan 16, 2015.
    261 changes: 261 additions & 0 deletions spain_mail
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,261 @@
    <!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>
    <title>Awesome Freeletics Email</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">
    /* CLIENT-SPECIFIC STYLES */
    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
    .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
    body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
    table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
    img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

    /* RESET STYLES */
    body{margin:0; padding:0;}
    img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
    table{border-collapse:collapse !important;}
    body{height:100% !important; margin:0; padding:0; width:100% !important;}

    /* iOS BLUE LINKS */
    .appleBody a {color:#68440a; text-decoration: none;}
    .appleFooter a {color:#999999; text-decoration: none;}

    /* MOBILE STYLES */
    @media screen and (max-width: 525px) {

    /* ALLOWS FOR FLUID TABLES */
    table[class="wrapper"]{
    width:100% !important;
    }

    /* ADJUSTS LAYOUT OF LOGO IMAGE */
    td[class="logo"] img{
    margin:0 auto !important;
    }

    /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
    td[class="mobile-hide"]{
    display:none;}

    img[class="mobile-hide"]{
    display: none !important;
    }

    img[class="img-max"]{
    max-width: 100% !important;
    height:auto !important;
    }

    /* MOBILE PADDING */
    td[class="tc-padding"]{
    padding: 25px 0 0 0 !important;
    }
    td[class="padding-right"]{
    padding: 0 15px 15px 0 !important;
    }

    td[class="mp-all"]{
    padding: 25px 10px 25px 10px !important;
    }

    td[class="mobile-wrapper"]{
    padding: 0 30px 0 30px !important;
    }


    /* FIX ALIGN */
    td[class="align-center"]{
    text-align: center !important;
    }
    td[class="align-center"] img{
    margin: 0 auto 0 auto !important;
    }

    /* FULL-WIDTH TABLES */
    table[class="responsive-table"]{
    width:100% !important;
    height:auto !important;
    }

    /* ADJUST BUTTONS ON MOBILE */
    table[class="mobile-button-container"]{
    margin:0 auto;
    width:100% !important;
    }

    a[class="mobile-button"]{
    width:80% !important;
    padding: 12px !important;
    border: 0 !important;
    font-size: 16px !important;
    }
    /*GMAIL FIX*/
    table[class="gmailfix"] {
    min-width: 100% !important;
    width: 100% !important;
    }
    td[class="gmailfix"] {
    min-width: 100% !important;
    width: 100% !important;
    }

    }
    </style>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    </head>
    <body style="margin: 0; padding: 0;">
    <!-- GMAIL FIX -->

    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td bgcolor="#F3F3F3" align="center">
    <table class="gmailfix" width="560" border="0" cellpadding="0" cellspacing="0" style="min-width:560px;">
    <tr>
    <td class="gmailfix" width="560" style="min-width:560px;">

    <!-- HEADER -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td bgcolor="#F3F3F3">
    <div align="center">
    <table border="0" cellpadding="0" cellspacing="0" width="560" class="wrapper">
    <!-- LOGO/PREHEADER TEXT -->
    <tr>
    <td style="padding: 40px 0px 10px 0px;" class="logo" bgcolor="#F3F3F3" width="560" align="center"><a href="https://www.freeletics.com/" target="_blank"><img alt="Logo" src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/fl_logo.png" width="67" height="39" style="display: block; font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 16px;" border="0"></a></td>
    </tr>
    <tr>
    <td class="padding-right" style="padding: 0px 0px 15px 0px;" bgcolor="#F3F3F3" width="560" align="right"><a style=" font-size: 11px; line-height: 11px; font-family: Helvetica, Arial, sans-serif; color: #666666;" href="#">view in browser</a>
    </td>
    </tr>
    </table>
    </div>
    </td>
    </tr>
    </table>


    <!-- Hero Picture Only -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td bgcolor="#F3F3F3" align="center" class="section-padding">
    <table border="0" cellpadding="0" cellspacing="0" width="560" class="responsive-table">
    <tr>
    <td>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <!-- HERO IMAGE -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td class="padding-copy">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <a href="https://www.freeletics.com/es/offer/the-year-of-no-excuses?utm_source=email&utm_medium=email&utm_campaign=mail_impacting_2101" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/spain_mailcampaign.jpg" width="560" height="333" border="0" alt="En Forma en 12 Semanas" style="display: block; padding: 0; color: #666666; text-decoration: none; font-family: Helvetica, arial, sans-serif; font-size: 16px; width: 560px; height: 333px;" class="img-max"></a>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <!-- Appstore Icons -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td bgcolor="#F3F3F3" align="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td style="padding: 60px 30px 40px 30px;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table">
    <tr>
    <td align="right" valign="middle" style="padding: 0 10px 0 0; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://itunes.apple.com/us/app/freeletics-functional-high/id654810212" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/apple.png" width="135" height="41" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 135px; height: 41px;" alt="Apple Appstore" border="0" class="img-max"></a></td>
    <td align="left" valign="middle" style="padding: 0 0 0 10px; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://play.google.com/store/apps/details?id=com.freeletics.lite" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/google.png" width="135" height="41" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 135px; height: 41px;" alt="Google Playstore" border="0" class="img-max"></a></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <!-- Social Media Icons -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td bgcolor="#F3F3F3" align="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td style="padding: 25px 30px 40px 30px;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table">
    <tr>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://www.freeletics.com" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_fl.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://www.facebook.com/freeletics" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_facebook.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://twitter.com/freeletics" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_twitter.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://plus.google.com/+Freeletics-fitness-beyond-imagination/posts" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_google.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://www.youtube.com/user/Freeletics/" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_youtube.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="http://freeletics.tumblr.com/" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_tumblr.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="https://vine.co/Freeletics" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_vine.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="http://instagram.com/freeletics" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_instagram.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    <td align="center" valign="middle" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;"><a href="http://www.pinterest.com/freeletics/" target="_blank"><img src="http://image.mail-freeletics.com/lib/fe8b13727562037a72/m/1/icon_pinterest.png" width="24" height="24" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 24px; height: 24px;" alt="Icon" border="0"></a></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <!-- FOOTER -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td bgcolor="#F3F3F3" align="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td style="padding: 20px 30px 20px 30px;">
    <table width="560" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table">
    <tr>
    <td align="center" valign="middle" style="font-size: 10px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; color:#8D8D8D;">
    You receive this email because you opted in at Freeletics.com and decided to become truly fit. If you don't want to pursue that goal anymore, you can unsubscribe from this list.

    </td>
    </tr>
    <tr>
    <td align="center" valign="middle" style="padding: 30px 0 0 0; font-size: 10px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; color:#8D8D8D;">Copyright © 2014 Freeletics GmbH, All rights reserved.</td>
    </tr>
    <tr>
    <td align="center" valign="middle" style="font-size: 10px; line-height: 14px; font-family: Helvetica, Arial, sans-serif; color:#8D8D8D;">Freeletics - Lothstr. 5 - 80335 Munich, Germany</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <!-- gmail fix -->
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    </body>
    </html>