main.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">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Email</title>
    <style>
      @import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;600&display=swap");
      @import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");

      p {
        margin: 0;
      }

      .background-image {
        background: url("https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/Image_2.png");
        background-repeat: no-repeat;
        width: 102px;
        height: 104px;
      }
    </style>
    <body style="margin: 0; background-color: #f6f6f6">
      <table
        role="presentation"
        style="
          width: 100%;
          max-width: 375px;
          border-collapse: collapse;
          border: 0;
          border-spacing: 0;
          background: #ffffff;
          border: 1px solid #000000;
        "
        align="center"
      >
        <tr>
          <td>
            <img
              src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/transparent.png"
              alt=""
              width="1"
              height="67"
            />
          </td>
        </tr>
        <tr>
          <td align="center">
            <a style="display: inline-block; cursor: default">
              <img
                src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/logo.png"
                width="137"
                height="31"
                alt=""
              />
            </a>
          </td>
        </tr>
        <tr>
          <td>
            <img
              src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/transparent.png"
              alt=""
              width="1"
              height="60"
            />
          </td>
        </tr>
        <tr>
          <td>
            <table
              role="presentation"
              cellpadding="0"
              cellspacing="0"
              align="center"
            >
              <tr style="padding: 0">
                <td
                  style="
                    margin: 0;
                    padding: 0;
                    background: url('https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/Group_19_Copy_2.png');
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 332px;
                    height: 150px;
                    max-width: 332px;
                  "
                >
                  <!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; width:249pt;height:112.5pt;" src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/Group_19_Copy_2.png" />                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; width:249pt;height:112.5pt;">
<v:fill  opacity="0%" color="#000000”  />
<v:textbox inset="0,0,0,0">
<![endif]-->
                  <table width="100%" cellspacing="0" cellpadding="0">
                    <tr>
                      <td
                        align="left"
                        style="padding-top: 115px; padding-left: 20px"
                      >
                        <span
                          style="
                            text-align: left;
                            color: #ffffff;
                            font-weight: 400;
                            font-family: 'Anton';
                          "
                          >KENDRA JENNINGS</span
                        >
                      </td>
                    </tr>
                  </table>
                  <!--[if gte mso 9]>
</v:textbox>
</v:fill>
</v:rect>
</v:image>
<![endif]-->
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <p
              style="
                font-size: 16px;
                line-height: 18px;
                font-family: 'Source Sans Pro', sans-serif;
                font-style: italic;
                font-weight: bold;
                text-align: right;
                margin-right: 40px;
              "
            >
              Maverick since May 2019
            </p>
          </td>
        </tr>
        <tr>
          <td align="center">
            <h1
              style="
                margin: 0;
                color: #ffc95d;
                font-size: 22px;
                line-height: 33px;
                font-family: 'Anton';
                margin-top: 20px;
              "
            >
              BE YOURSELF, IT PAYS OFF!
            </h1>
          </td>
        </tr>
        <tr>
          <td align="center">
            <h2
              style="
                margin: 0;
                font-size: 20px;
                line-height: 33px;
                font-family: 'Anton';
                margin-top: 20px;
                margin-bottom: 30px;
                margin-left: 22px;
                margin-right: 22px;
              "
            >
              Thanks for being an inspiration to others
            </h2>
          </td>
        </tr>
        <tr>
          <td align="center">
            <table
              role="presentation"
              style="
                border-collapse: collapse;
                border: 0;
                border-spacing: 0;
                width: 240px;
              "
            >
              <tr>
                <td style="width: 185px">
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      font-weight: bold;
                      line-height: 18px;
                    "
                  >
                    Total payout
                  </p>
                </td>
                <td>
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      font-weight: bold;
                      line-height: 18px;
                    "
                  >
                    $75
                  </p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table align="center">
              <tr>
                <td>
                  <img
                    src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/Path_4.png"
                    alt=""
                  />
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td align="center">
            <table
              role="presentation"
              style="
                border-collapse: collapse;
                border: 0;
                border-spacing: 0;
                width: 240px;
              "
            >
              <tr>
                <td style="width: 185px">
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                    "
                  >
                    Number of sessions
                  </p>
                </td>
                <td>
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                      width: 40px;
                    "
                  >
                    3
                  </p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td align="center">
            <table
              role="presentation"
              style="
                border-collapse: collapse;
                border: 0;
                border-spacing: 0;
                width: 240px;
              "
            >
              <tr>
                <td style="width: 185px">
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                    "
                  >
                    Average price
                  </p>
                </td>
                <td>
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                      width: 40px;
                    "
                  >
                    $15
                  </p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td align="center">
            <table
              role="presentation"
              style="
                border-collapse: collapse;
                border: 0;
                border-spacing: 0;
                width: 240px;
              "
            >
              <tr>
                <td style="width: 185px">
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                    "
                  >
                    Average turnout
                  </p>
                </td>
                <td>
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                      width: 40px;
                    "
                  >
                    5
                  </p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td align="center">
            <table
              role="presentation"
              style="
                border-collapse: collapse;
                border: 0;
                border-spacing: 0;
                width: 240px;
              "
            >
              <tr>
                <td style="width: 180px">
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                    "
                  >
                    Tax
                  </p>
                </td>
                <td>
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                      width: 50px;
                    "
                  >
                    -$75
                  </p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td align="center">
            <table
              role="presentation"
              style="
                border-collapse: collapse;
                border: 0;
                border-spacing: 0;
                width: 240px;
              "
            >
              <tr>
                <td style="width: 180px">
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                    "
                  >
                    VERSD fee
                  </p>
                </td>
                <td>
                  <p
                    style="
                      font-family: 'Source Sans Pro', sans-serif;
                      font-size: 18px;
                      line-height: 18px;
                      font-weight: 300;
                      margin-bottom: 5px;
                      width: 50px;
                    "
                  >
                    -$75
                  </p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td
            style="padding-left: 25px; padding-right: 25px; padding-top: 30px"
          >
            <tr>
              <td>
                <table
                  cellpadding="0"
                  align="center"
                  style="border-spacing: 5px; max-width: 340px; width: 340px"
                >
                  <tr>
                    <td class="background-image" align="center">
                      <!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; height: 78.75pt; width: 77.25pt;" src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/Image_2.png" />                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; height: 78.75pt; width: 77.25pt;">
<v:fill  opacity="0%" color="#000000”  />
<v:textbox inset="0,0,0,0">
<![endif]-->
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tr>
                          <td
                            align="left"
                            style="
                              padding-top: 25px;
                              padding-left: 40px;
                              padding-bottom: 10px;
                            "
                          >
                            <span
                              style="
                                font-size: 25px;
                                font-family: 'Anton';
                                color: #ffffff;
                              "
                              >x3</span
                            >
                          </td>
                        </tr>
                        <tr>
                          <td align="left" style="padding-left: 15px">
                            <span
                              style="
                                font-size: 13;
                                font-family: 'Anton';
                                color: #ffffff;
                              "
                              >TRICKING</span
                            >
                          </td>
                        </tr>
                      </table>
                    </td>
                    <!--[if gte mso 9]>
</v:textbox>
</v:fill>
</v:rect>
</v:image>
<![endif]-->
                    <td class="background-image" align="center">
                      <!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; height: 78.75pt; width: 77.25pt;" src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/Image_2.png" />                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; height: 78.75pt; width: 77.25pt;">
<v:fill  opacity="0%" color="#000000”  />
<v:textbox inset="0,0,0,0">
<![endif]-->
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tr>
                          <td
                            align="left"
                            style="
                              padding-top: 25px;
                              padding-left: 40px;
                              padding-bottom: 10px;
                            "
                          >
                            <span
                              style="
                                font-size: 25px;
                                font-family: 'Anton';
                                color: #ffffff;
                              "
                              >x10</span
                            >
                          </td>
                        </tr>
                        <tr>
                          <td align="left" style="padding-left: 15px">
                            <span
                              style="
                                font-size: 13;
                                font-family: 'Anton';
                                color: #ffffff;
                              "
                              >BOXING</span
                            >
                          </td>
                        </tr>
                      </table>
                      <!--[if gte mso 9]>
</v:textbox>
</v:fill>
</v:rect>
</v:image>
<![endif]-->
                    </td>
                    <td class="background-image" align="center">
                      <!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; height: 78.75pt; width: 77.25pt;" src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/Image_2.png" />                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; height: 78.75pt; width: 77.25pt;">
<v:fill  opacity="0%" color="#000000”  />
<v:textbox inset="0,0,0,0">
<![endif]-->
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tr>
                          <td
                            align="left"
                            style="
                              padding-top: 25px;
                              padding-left: 40px;
                              padding-bottom: 10px;
                            "
                          >
                            <span
                              style="
                                font-size: 25px;
                                font-family: 'Anton';
                                color: #ffffff;
                              "
                              >x1</span
                            >
                          </td>
                        </tr>
                        <tr>
                          <td align="left" style="padding-left: 15px">
                            <span
                              style="
                                font-size: 13;
                                font-family: 'Anton';
                                color: #ffffff;
                              "
                              >DANCE</span
                            >
                          </td>
                        </tr>
                      </table>
                      <!--[if gte mso 9]>
</v:textbox>
</v:fill>
</v:rect>
</v:image>
<![endif]-->
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </td>
        </tr>
        <tr>
          <td align="center" style="padding-left: 24px">
            <h2
              style="
                margin: 0;
                font-size: 20px;
                line-height: 33px;
                font-family: 'Anton';
                margin-top: 20px;
                margin-bottom: 60px;
                text-align: left;
              "
            >
              Your students thank you!
            </h2>
          </td>
        </tr>
        <tr>
          <td style="background-color: #e5e6e7">
            <table align="center">
              <tr>
                <td>
                  <img
                    src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/transparent.png"
                    alt=""
                    width="1"
                    height="32"
                  />
                </td>
              </tr>
              <tr>
                <td style="text-align: center">
                  <a
                    href=""
                    style="
                      color: #000000;
                      font-family: 'Source Sans Pro', sans-serif;
                      font-weight: 300;
                      line-height: 21px;
                      font-size: 14px;
                      cursor: pointer;
                      text-decoration: underline;
                    "
                    ><span>Contact us</span></a
                  >
                </td>
              </tr>
              <tr>
                <td style="text-align: center">
                  <span
                    style="
                      color: #000000;
                      font-family: 'Source Sans Pro', sans-serif;
                      font-weight: 300;
                      line-height: 21px;
                      font-size: 14px;
                    "
                  >
                    Visit us at
                    <a
                      href=""
                      style="
                        color: #000000;
                        cursor: pointer;
                        text-decoration: underline;
                      "
                      ><span>www.versd.co</span></a
                    >
                  </span>
                </td>
              </tr>
              <tr>
                <td style="text-align: center">
                  <span
                    style="
                      color: #000000;
                      font-family: 'Source Sans Pro', sans-serif;
                      font-weight: 300;
                      line-height: 21px;
                      font-size: 14px;
                    "
                    >Versd Technologies Inc.</span
                  >
                </td>
              </tr>
              <tr>
                <td>
                  <img
                    src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/transparent.png"
                    alt=""
                    width="1"
                    height="28"
                  />
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </body>
  </head>
</html>