title: HTML email not rendering properly
body: <p>I've designed a very basic HTML layout for my Laravel app's emails, however, it doesn't display properly in the Spark email client (no formatting whatsoever) and in Apple Mail the preview pane shows the HTML instead of text.</p>
  
  <p><a href="https://i.stack.imgur.com/8ajiL.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8ajiL.jpg" alt="Apple Mail preview"></a></p>
  
  <p>I've kept the HTML as simple as possible and rendered all of the CSS inline.</p>
  
  <p>What am I missing to make this render properly? Are there any special tags I need to add or any additional formatting prior to the HTML?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Pacifico|Open+Sans" rel="stylesheet"&gt;
      &lt;title&gt;Notification&lt;/title&gt;
  &lt;/head&gt;
  &lt;body style="padding: 10px; background-color: #f6f6f6" bgcolor="#f6f6f6"&gt;
      &lt;table cellpadding="0" cellspacing="0" border="0" style="width: 100%; border-radius: 3px; background-color: #ffffff; border: 1px solid #e9e9e9"&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td style="border-radius: 3px 3px 0 0; background-color: #7266ba; padding: 40px 0"&gt;
                      &lt;p style="font-family:'Pacifico', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #ffffff; text-align: center"&gt;
                          Alert Message Goes Here
                      &lt;/p&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style="padding: 40px; color:#7266ba"&gt;
                      &lt;p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;"&gt;
                          Body goes here
                      &lt;/p&gt;
                      &lt;p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-top: 30px"&gt;
                          &amp;mdash; Company
                      &lt;/p&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>