Email test

by Hugo Carneiro

HTML

<!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" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">

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

  <body bgcolor="#ffffff" style="margin:0 !important; padding:0 !important; font-family:Arial, sans-serif; font-size:16px; color:#555555; word-break:break-word">
    <div style="margin:0 auto; max-width:580px; padding:15px;">
      <h1 style="color:#000000; font-size:36px; text-align: center; font-weight:bold;">We launched our new app<br>{{ appName }}</h1>
      <p style="text-align: center;">We would like to invite you to try it</p>
      <div style="text-align:center;">
        <table style="margin:0 auto;">
          <tr>
            {{#if webLink}}
            <td style="vertical-align:top;">
              <div style="margin-top:4px;">
                <a href="{{ webLink }}" style="display: inline-block; padding:8px 12px; background-color:#000000; color:#ffffff; border-radius:5px; text-decoration:none;">View web app</a>
              </div>
            </td>
            {{/if}}
            {{#if appleLink}}
            <td style="vertical-align:top;">
              <a href="{{ appleLink }}">
                <img height="42px" src="https://studio.fliplet.com/static/images/app-iOS.png">
              </a>
            </td>
            {{/if}}
            {{#if googleLink}}
            <td style="vertical-align:top;">
              <a href="{{ googleLink }}">
                <img height="42px" src="https://studio.fliplet.com/static/images/app-ggPlay.png">
              </a>
            </td>
            {{/if}}
          </tr>
        </table>
      </div>
      {{#if screenshot}}
      <div style="text-align:center; margin-top:20px;">
        <div style="text-align:center; max-width:180px; margin:0...