Pine Outlook Email Body Background Image

pine-outlook-email-body-bg-image.html

<table class="wrapper" cellpadding="15" cellspacing="0" role="presentation" width="100%" background="halftone-yellow.png" style="background-image: url('halftone-yellow.png'); background-repeat: repeat; background-position: center;">
  <tr>
    <td>
      <!--[if gte mso 9]>
        <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
          <v:fill type="tile" src="halftone-yellow.png"/>
        </v:background>
      <![endif]-->
      <table class="container" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" role="presentation" width="700">
        <tr>
          <td>

            <table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tr>
                <td class="col p-sm-2" width="100%" bgcolor="#1F2225">
                  <div class="spacer" style="line-height: 213px;">&nbsp;</div>
                  <div style="color: #FFFFFF; text-align: center;">TILEABLE</div>
                  <h1 style="color: #FFFFFF; font-size: 40px; font-weight: 300; line-height: 40px; margin: 0 0 10px; text-align: center;">Email Body Background</h1>
                  <div class="spacer" style="line-height: 213px;">&nbsp;</div>
                </td>
              </tr>
            </table>

          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>