<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <div
      style='background-color:#F5F5F5;color:#262626;font-family:"Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'
    >
      <table align="center" width="100%" style="margin:0 auto;max-width:600px;background-color:#FFFFFF" role="presentation" cellspacing="0" cellpadding="0" border="0">
        <tbody>
          <tr style="width:100%">
            <td>
              <h3 style="font-weight:bold;margin:0;font-size:20px;padding:16px 24px 16px 24px">
                Hello {{ .Subscriber.Name }}
              </h3>
              <div style="font-weight:normal;padding:16px 24px 16px 24px">
                <p>
                  This is a test e-mail campaign. Your second name is {{ .Subscriber.LastName }} and this block of text is in Markdown.
                </p>
                <p>
                  Here is a
                  <a href="https://example.com@TrackLink" target="_blank">tracked link</a>.
                </p>
                <p>
                  Use the link icon in the editor toolbar or when writing raw
                  HTML or Markdown, simply suffix @TrackLink to the end of a URL
                  to turn it into a tracking link. Example:
                </p>
                <p><a href="https:/‌/example.com@TrackLink"></a></p>
              </div>
              <div style="padding:16px 0px 16px 0px">
                <hr style="width:100%;border:none;border-top:1px solid #CCCCCC;margin:0"/>
              </div>
              <div style="padding:16px 24px 16px 24px">
                <a href="https://example.com"
                  style="color:#FFFFFF;font-size:16px;font-weight:bold;background-color:#1b3a5b;border-radius:4px;display:inline-block;padding:12px 20px;text-decoration:none"
                  target="_blank">
                  <span><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30" hidden>&nbsp;</i><![endif]--></span>
                  <span>This is a button</span>
                  <span><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--></span>
                </a>
              </div>
              <div style="background-color:#F5F5F5;font-size:12px;font-weight:normal;text-align:center;padding:16px 24px 16px 24px">
                <p>
                  <a href="{{ UnsubscribeURL }}" style="color: #888;">{{ L.T "email.unsub" }}</a>
                  &nbsp;&nbsp;&nbsp;&nbsp;
                  <a href="{{ MessageURL }}"style="color: #888;">{{ L.T "email.viewInBrowser" }}</a>
                  {{ TrackView }}
                </p>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>
