<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Pirate Party Australia</title>
    <style>
@media only screen and (max-width: 620px) {
  table[class=body] h1 {
    font-size: 28px !important;
    margin-bottom: 10px !important;
  }

  table[class=body] p,
table[class=body] ul,
table[class=body] ol,
table[class=body] td,
table[class=body] span,
table[class=body] a {
    font-size: 16px !important;
  }

  table[class=body] .wrapper,
table[class=body] .article {
    padding: 10px !important;
  }

  table[class=body] .content {
    padding: 0 !important;
  }

  table[class=body] .container {
    padding: 0 !important;
    width: 100% !important;
  }

  table[class=body] .main {
    border-left-width: 0 !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
  }

  table[class=body] .btn table {
    width: 100% !important;
  }

  table[class=body] .btn a {
    width: 100% !important;
  }

  table[class=body] .img-responsive {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
  }
}
@media all {
  .ExternalClass {
    width: 100%;
  }

  .ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
    line-height: 100%;
  }

  .apple-link a {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
  }

  .btn-primary table td:hover {
    background-color: #34495e !important;
  }

  .btn-primary a:hover {
    background-color: #34495e !important;
    border-color: #34495e !important;
  }
}
</style>
  </head>
  <body class="" style="background-color: #f6f6f6; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
    <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f6f6f6; width: 100%;" width="100%" bgcolor="#f6f6f6">
      <tr>
        <td style="font-family: 'Open Sans', sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td>
        <td class="container" style="font-family: 'Open Sans', sans-serif; font-size: 14px; vertical-align: top; display: block; max-width: 580px; padding: 10px; width: 580px; margin: 0 auto;" width="580" valign="top">
          <div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 580px; padding: 10px;">

            <!-- START CENTERED WHITE CONTAINER -->
            <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #fff; border-radius: 3px; width: 100%;" width="100%">

              <!-- START MAIN CONTENT AREA -->
              <tr>
                <td class="wrapper" style="font-family: 'Open Sans', sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                    <tr>
                      <td style="font-family: 'Open Sans', sans-serif; font-size: 14px; vertical-align: top;" valign="top">
                        <div style="text-align: center;">
                          <a href="https://www.pirateparty.org.au" style="color: #3498db; text-decoration: underline;">
                            <img alt="Pirate Party Australia Logo" width="350" src="https://www.pirateparty.org.au/media/emails/2017/logos/logo350px.png" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100%;">
                          </a>
                        </div>
                        <hr style="border: 0; border-bottom: 1px solid #f6f6f6; margin: 20px 0;">
                        <!-- content_begin_marker --><h1 id="an-example-h1-heading-" style="color: #000000; font-family: 'Open Sans', sans-serif; line-height: 1.4; margin: 0 30px 0 0; font-size: 35px; font-weight: 500; text-align: center;">An example H1 heading!</h1>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">Hi there,</p>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">Sometimes you just want to send a simple HTML email with a simple design and clear call to action. This is it.  and clear call to action. This is it.  and clear call to action. This is it.  and clear call to action.</p>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">That&#39;s a lot of call to actions ^</p>
<h2 id="an-example-heading" style="color: #000000; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.4; margin: 0 30px 0 0;">An example heading</h2>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;"><a href="http://htmlemail.io" style="color: #3498db; text-decoration: underline;">Normal link</a></p>
<table border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; box-sizing: border-box; width: 100%;" width="100%"><tbody><tr><td align="left" style="font-family: 'Open Sans', sans-serif; font-size: 14px; vertical-align: top; padding-bottom: 15px;" valign="top"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;"><tbody><tr><td style="font-family: 'Open Sans', sans-serif; font-size: 14px; vertical-align: top; border-radius: 5px; text-align: center; background-color: #3498db;" valign="top" align="center" bgcolor="#3498db"><a href="http://htmlemail.io" target="_blank" style="border: solid 1px #3498db; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-decoration: none; background-color: #3498db; border-color: #3498db; color: #ffffff;">Call To Action</a></td></tr></tbody></table></td></tr></tbody></table>

<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">Emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">Combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">Strikethrough uses two tildes. <del>Scratch this.</del></p>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">* Important terms and conditions
* Important terms and conditions</p>
<ul style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">
<li style="margin-left: 5px;">Unordered sub-list.</li>
<li style="margin-left: 5px;">Unordered sub-list.</li>
<li style="margin-left: 5px;">Unordered sub-list.</li>
</ul>
<ol style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">
<li style="margin-left: 5px;">First ordered list item</li>
<li style="margin-left: 5px;">Another item<ul style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">
<li style="margin-left: 5px;">Unordered sub-list.</li>
</ul>
</li>
<li style="margin-left: 5px;">Actual numbers don&#39;t matter, just that it&#39;s a number<ol style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">
<li style="margin-left: 5px;">Ordered sub-list</li>
</ol>
</li>
<li style="margin-left: 5px;">And another item.</li>
</ol>
<p style="font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; margin: 0 0 15px 0;">This is a really simple email template. Its sole purpose is to get the recipient to click the button with no distractions.
Good luck! Hope it works.</p>
<!-- content_end_marker -->
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- END MAIN CONTENT AREA -->
              </table>

            <!-- START FOOTER -->
            <div class="footer" style="clear: both; padding-top: 10px; text-align: center; width: 100%;">
              <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                <tr>
                  <td class="content-block" style="font-family: 'Open Sans', sans-serif; vertical-align: top; color: #999999; font-size: 12px; text-align: center;" valign="top" align="center">

                    <span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;">
                      <!-- unsubscribe_begin_marker -->
                        <a href="https://pirateparty.org.au" style="text-decoration: underline; color: #999999; font-size: 12px; text-align: center;">Pirate Party Australia</a>
                      <!-- unsubscribe_end_marker -->
                    </span>
                  </td>
                </tr>
              </table>
            </div>
            <!-- END FOOTER -->

<!-- END CENTERED WHITE CONTAINER --></div>
        </td>
        <td style="font-family: 'Open Sans', sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td>
      </tr>
    </table>
  </body>
</html>