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.

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>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
  <title></title>
  <!--[if !mso]><!-- -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!--<![endif]-->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <style type="text/css">
    #outlook a {
      padding: 0;
    }

    .ReadMsgBody {
      width: 100%;
    }

    .ExternalClass {
      width: 100%;
    }

    .ExternalClass * {
      line-height: 100%;
    }

    body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

    table,
    td {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }

    p {
      display: block;
      margin: 13px 0;
    }
  </style>
  <!--[if !mso]><!-->
  <style type="text/css">
    @media only screen and (max-width:480px) {
      @-ms-viewport {
        width: 320px;
      }
      @viewport {
        width: 320px;
      }
    }
  </style>
  <!--<![endif]-->
  <!--[if mso]>
        <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
        </xml>
        <![endif]-->
  <!--[if lte mso 11]>
        <style type="text/css">
          .outlook-group-fix { width:100% !important; }
        </style>
        <![endif]-->
  <!--[if !mso]><!-->
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,500,700" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
  <style type="text/css">
    @import url(https://fonts.googleapis.com/css?family=Lato:300,400,500,700);
    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
  </style>
  <!--<![endif]-->
  <style type="text/css">
    @media only screen and (min-width:480px) {
      .mj-column-per-100 {
        width: 100% !important;
        max-width: 100%;
      }
      .mj-column-per-25 {
        width: 25% !important;
        max-width: 25%;
      }
    }
  </style>
  <style type="text/css">
    @media only screen and (max-width:480px) {
      table.full-width-mobile {
        width: 100% !important;
      }
      td.full-width-mobile {
        width: auto !important;
      }
    }
  </style>
  <style type="text/css">
    @media all and (max-width: 500px) {
      .padding-section>table>tbody>tr>td {
        padding: 20px 0 !important;
      }
      .vitahome-logo table tr td {
        width: 115px !important;
      }
      .vita-break br {
        display: none;
      }

      .vita-title div {
        font-size: 20px !important;
      }
      .vita-description {
        padding: 0 !important;
      }
      .vita-description div {
        font-size: 16px !important;
      }
      .vita-title div br {
        display: none;
      }
      .vita-description div br {
        display: none;
      }
      .category__item {
        margin-bottom: 35px;
      }
      .category__item:last-child {
        margin-bottom: 0 !important;
      }
      .vita-otros>table>tbody>tr>td {
        width: 75px !important;
      }
      .vita-wow>table>tbody>tr>td {
        width: 200px !important;
      }

      .vita-essenze>table>tbody>tr>td {
        width: 245px !important;
      }
    }

    .im {
      color: #a3a3a3 !important;
    }
  </style>
</head>

<body style="background-color:#fafafa;">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">En Vita Home podrás encontrar descuentos hasta del 50% en referencias seleccionadas para hacer posible la decoración que sueñas.</div>
  <div style="background-color:#fafafa;">
    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
    <div style="background:#FFF;background-color:#FFF;Margin:0px auto;max-width:600px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFF;background-color:#FFF;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:25px 0;text-align:center;vertical-align:top;">
              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="width:600px;" ><![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;" ><![endif]-->
                <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
                    <tr>
                      <td align="center" class="vitahome-logo" style="font-size:0px;padding:0;word-break:break-word;">
                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                          <tbody>
                            <tr>
                              <td style="width:100px;"><a href="https://www.vitahome.co/?utm_source=newsletter&utm_medium=email&utm_campaign=inspira&utm_term=logo" target="_blank"><img height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/b680dd083e70408af1b328dca4517a482881f521848a7ef094421d3370aad0ef9551bd82b5d8cfbb85cbfe48ed0fde5613f29371b096c3fda8c52bd78478a0b4.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="100"></a></td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </table>
                </div>
                <!--[if mso | IE]></td></tr></table><![endif]-->
              </div>
              <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
    <div style="background:#FFF;background-color:#FFF;Margin:0px auto;max-width:600px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFF;background-color:#FFF;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 20px 40px 20px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:middle;width:560px;" ><![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
                  <tr>
                    <td align="center" class="vita-description" style="font-size:0px;padding:0 50px;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;font-weight:300;line-height:22px;text-align:center;color:#a3a3a3;">En Vita Home podrás encontrar <strong>descuentos hasta del 50%</strong> en referencias seleccionadas para hacer posible la decoración que sueñas.</div>
                    </td>
                  </tr>
                </table>
              </div>
              <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
    <div style="background:#fff;background-color:#fff;Margin:0px auto;max-width:600px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fff;background-color:#fff;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;vertical-align:top;">
              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-bottom:5px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                              <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:600px;"><a href="https://www.vitahome.co/producto/sofa-bonetti/?utm_source=newsletter&utm_medium=email&utm_campaign=sale2018&utm_term=BannerPrincipal" target="_blank"><img alt="Sofá Bonetti" height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/4d0dcfffd023797e5d5f5a416c1dc92da322943e162544351b5af04dda0f7bd8732f55c09b8bd67db0f4f962fc0601e780903ec43e2fc5da9eb133218f78ecab.gif" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="600"></a></td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                              <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:600px;"><a href="https://www.vitahome.co/producto/sala-l-vitelli/?utm_source=newsletter&utm_medium=email&utm_campaign=sale2018&utm_term=BannerPrincipal" target="_blank"><img alt="Sala en L Vitelli" height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/619f0cf6f3548a059a5d194b8ab8d2a2b48ca79291df34ea59531258cf2e99cd21e3439843a8353bbffd7ef48fa7a63e7ded6cc0106ebdc9c18031a9aa5efa18.gif" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="600"></a></td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                              <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:600px;"><a href="https://www.vitahome.co/producto/sala-l-vitelli/?utm_source=newsletter&utm_medium=email&utm_campaign=sale2018&utm_term=BannerPrincipal" target="_blank"><img alt="Silla Sala Bonetti" height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/c84cbea8b0e3498df2a5c3d3ba62554b73d79f02418d32daf272f1d6201a111a94056ca2fd31255ed95b3afe211581ab78a83740fe69f8c2ccc1391f1e93dac6.gif" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="600"></a></td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                              <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:600px;"><a href="https://www.vitahome.co/producto/silla-reclinable/?utm_source=newsletter&utm_medium=email&utm_campaign=sale2018&utm_term=BannerPrincipal" target="_blank"><img alt="Silla Reclinable Essenze" height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/4573e9d359a286a87dc7fab39840ce0fe089ed93b4296a3ef9ffe4a0441b827726bc689fbd5b842b39d6ce3af3bfed64c2f65a7a84562c283acc1c078dd0f81b.gif" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="600"></a></td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
    <div style="background:#f9f6f6;background-color:#f9f6f6;Margin:0px auto;max-width:600px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f9f6f6;background-color:#f9f6f6;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:50px 0;text-align:center;vertical-align:top;">
              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:middle;width:600px;" ><![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:middle;padding-bottom:20px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                          <tr>
                            <td align="center" class="vita-title" style="font-size:0px;padding:10px 25px;padding-top:0;word-break:break-word;">
                              <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:22px;font-weight:400;line-height:24px;text-align:center;color:#474d5f;">Conoce nuestros productos</div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]></td><td class="category__item-outlook" style="vertical-align:middle;width:150px;" ><![endif]-->
              <div class="mj-column-per-25 outlook-group-fix category__item" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
                  <tr>
                    <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                        <tbody>
                          <tr>
                            <td style="width:60px;"><a href="https://www.vitahome.co/categoria-producto/salas/?utm_source=newsletter&utm_medium=email&utm_campaign=inspira&utm_term=SalasCategoria" target="_blank"><img alt="Categoría Salas" height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/8fbb261b46665215c340f9ca841c513294132b36255fecf171227bee0e9fbc798cd1514001b27b96e082cea28d0b4b6762ee3908ca94f933548e0a4068e30bb0.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="60"></a></td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="font-size:0px;padding:10px 0 0;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;letter-spacing:1px;line-height:1;text-align:center;color:#474d5f;">Salas</div>
                    </td>
                  </tr>
                </table>
              </div>
              <!--[if mso | IE]></td><td class="category__item-outlook" style="vertical-align:middle;width:150px;" ><![endif]-->
              <div class="mj-column-per-25 outlook-group-fix category__item" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
                  <tr>
                    <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                        <tbody>
                          <tr>
                            <td style="width:60px;"><a href="https://www.vitahome.co/categoria-producto/alcobas/?utm_source=newsletter&utm_medium=email&utm_campaign=inspira&utm_term=AlcobasCategoria" target="_blank"><img alt="Categoría Alcobas" height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/95d20599a3dcf99003b4f2df0cfce9a1822411b455f9d618661195a0dc0260c8d6600c66c0dba37ed0efb8118e620a8b27e272dce6f38b2a6eec8f7f1910e603.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="60"></a></td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="font-size:0px;padding:10px 0 0;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;letter-spacing:1px;line-height:1;text-align:center;color:#474d5f;">Alcobas</div>
                    </td>
                  </tr>
                </table>
              </div>
              <!--[if mso | IE]></td><td class="category__item-outlook" style="vertical-align:middle;width:150px;" ><![endif]-->
              <div class="mj-column-per-25 outlook-group-fix category__item" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
                  <tr>
                    <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                        <tbody>
                          <tr>
                            <td style="width:60px;"><a href="https://www.vitahome.co/categoria-producto/comedores/?utm_source=newsletter&utm_medium=email&utm_campaign=inspira&utm_term=ComedoresCategoria" target="_blank"><img alt="Categoría Comedores" height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/c8d3a179c06a576afafc8d3588c1ad5529f5d9ed69b40fbf58fd2a2a5be899360bbd8dd18f5861015e470db8176b7ca3351e38b1b0d14b1e42595b682bcc38c1.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="60"></a></td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="font-size:0px;padding:10px 0 0;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;letter-spacing:1px;line-height:1;text-align:center;color:#474d5f;">Comedores</div>
                    </td>
                  </tr>
                </table>
              </div>
              <!--[if mso | IE]></td><td class="category__item-outlook" style="vertical-align:middle;width:150px;" ><![endif]-->
              <div class="mj-column-per-25 outlook-group-fix category__item" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
                  <tr>
                    <td align="center" class="vita-otros" style="font-size:0px;padding:0;word-break:break-word;">
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                        <tbody>
                          <tr>
                            <td style="width:60px;"><a href="https://www.vitahome.co/categoria-producto/complementos/?utm_source=newsletter&utm_medium=email&utm_campaign=inspira&utm_term=ComplementosCategoria" target="_blank"><img alt="Categoría Complementos" height="auto" src="https://marketing-image-production.s3.amazonaws.com/uploads/908aaeddcc26a9cc9fbb3995f07a126f63716672d679d7bee0495f385cbb92ad218599e9ea50aa27a17e02674637ac56fc7efd6a4bb30829326d60042285d815.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;" width="60"></a></td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="font-size:0px;padding:10px 0 0;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;letter-spacing:1px;line-height:1;text-align:center;color:#474d5f;">Otros</div>
                    </td>
                  </tr>
                </table>
              </div>
              <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
    <div style="background:#474d5f;background-color:#474d5f;Margin:0px auto;max-width:600px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#474d5f;background-color:#474d5f;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:35px 0;text-align:center;vertical-align:top;">
              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:middle;width:600px;" ><![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:middle;padding-bottom:20px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:0 30px;word-break:break-word;">
                              <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:16px;font-weight:100;letter-spacing:1px;line-height:20px;text-align:center;color:#FFF;">Síguenos en nuestras redes sociales</div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]></td><td class="" style="vertical-align:middle;width:600px;" ><![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
                  <tr>
                    <td align="center" style="font-size:0px;padding:10px 25px;padding-bottom:0;word-break:break-word;">
                      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td><![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
                        <tr>
                          <td style="padding:4px;">
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:transparent;border-radius:3px;width:25px;">
                              <tr>
                                <td style="font-size:0;height:25px;vertical-align:middle;width:25px;"><a href="https://www.facebook.com/vitahomeco/" target="_blank"><img height="25" src="https://marketing-image-production.s3.amazonaws.com/uploads/8ad63d378388bee3cb9ebfc2b0b82ebc67c766b1970c8a94be245cb69e2f65bffa4f8e8c873f600d4f644d5844941c8eed42e1f285da95792f27cd0dc4905186.png" style="border-radius:3px;" width="25"></a></td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                      </table>
                      <!--[if mso | IE]></td><td><![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
                        <tr>
                          <td style="padding:0 20px 0;">
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:transparent;border-radius:3px;width:25px;">
                              <tr>
                                <td style="font-size:0;height:25px;vertical-align:middle;width:25px;"><a href="https://www.instagram.com/vitahomeco/" target="_blank"><img height="25" src="https://marketing-image-production.s3.amazonaws.com/uploads/75f14501d6b7c87543d62d2c8f662b0a49c70a612cfb8eaa8c3c9abff6830b4353d896d0215d9a483f1796c0c4c7f69179b927c3315c0278bdd4a2bcf3ebac53.png" style="border-radius:3px;" width="25"></a></td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                      </table>
                      <!--[if mso | IE]></td><td><![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
                        <tr>
                          <td style="padding:4px;">
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:transparent;border-radius:3px;width:25px;">
                              <tr>
                                <td style="font-size:0;height:25px;vertical-align:middle;width:25px;"><a href="https://api.whatsapp.com/send?phone=573113908030" target="_blank"><img height="25" src="https://marketing-image-production.s3.amazonaws.com/uploads/d93d1a903227caf715cc13c49b50445a3e4fbba3a8ac56934fd0cdc1fe8fc490b272a7f92671c170cb21649c070650b577009d1dbfc3362610940627ef9b2465.png" style="border-radius:3px;" width="25"></a></td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                      </table>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                    </td>
                  </tr>
                </table>
              </div>
              <!--[if mso | IE]></td><td class="" style="vertical-align:middle;width:600px;" ><![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:middle;padding-top:20px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                              <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:16px;font-weight:100;letter-spacing:1px;line-height:15px;text-align:center;color:#FFF;"><a href="https://www.vitahome.co" style="text-decoration: none !important; color: #FFF;">www.vitahome.co</a></div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
    <div style="background:#FFF;background-color:#FFF;Margin:0px auto;max-width:600px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFF;background-color:#FFF;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 10px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:middle;width:580px;" ><![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:middle;" width="100%">
                  <tr>
                    <td align="left" style="font-size:0px;padding:0 10px 10px 10px;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;font-weight:300;line-height:12px;text-align:left;color:#a3a3a3;">2018 - © VITAHOME.</div>
                    </td>
                  </tr>
                  <tr>
                    <td align="left" style="font-size:0px;padding:10px;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;font-weight:300;line-height:12px;text-align:left;color:#a3a3a3;">Si tiene problemas para visualizar este e-mail, haga clic <a href="[Weblink]" style="color: #a3a3a3 !important; text-decoration: none; font-weight:400;">aquí</a>.</div>
                    </td>
                  </tr>
                  <tr>
                    <td align="left" style="font-size:0px;padding:0 10px;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;font-weight:300;line-height:12px;text-align:left;color:#a3a3a3;">Te enviamos este email porque tu correo hello@SmilesDavis.yeah se encuentra en nuestra base de datos.</div>
                    </td>
                  </tr>
                  <tr>
                    <td align="left" style="font-size:0px;padding:10px 10px;word-break:break-word;">
                      <div style="font-family:Lato, Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;font-weight:300;line-height:12px;text-align:left;color:#a3a3a3;"><a href="<%asm_group_unsubscribe_raw_url%>" style="color: #a3a3a3 !important; text-decoration: none; font-weight:400;">Cancelar suscripción</a> | <a href="<%asm_preferences_raw_url%>" style="color: #a3a3a3 !important; text-decoration: none; font-weight:400;">Administrar suscripción</a></div>
                    </td>
                  </tr>
                </table>
              </div>
              <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
</body>

</html>
            
          
!

CSS

            
              
            
          
!

JS

            
              
            
          
!
999px

Console