Html News Template for Sendgrid

news_template.html

{{#each news}}
<table
  class="module"
  role="module"
  data-type="divider"
  border="0"
  cellpadding="0"
  cellspacing="0"
  width="100%"
  style="table-layout: fixed"
  data-muid="2725bd0f-6686-4bd9-80b4-4593b3122c6e"
>
  <tbody>
    <tr>
      <td
        style="padding: 0px 0px 0px 0px"
        role="module-content"
        height="100%"
        valign="top"
        bgcolor=""
      >
        <table
          border="0"
          cellpadding="0"
          cellspacing="0"
          align="center"
          width="100%"
          height="1px"
          style="line-height: 1px; font-size: 1px"
        >
          <tbody>
            <tr>
              <td style="padding: 0px 0px 1px 0px" bgcolor="#d9d8d8"></td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>
<table
  border="0"
  cellpadding="0"
  cellspacing="0"
  align="center"
  width="100%"
  role="module"
  data-type="columns"
  style="padding: 0px 0px 0px 0px"
  bgcolor="#FFFFFF"
  data-distribution="1,3"
>
  <tbody>
    <tr role="module-content">
      <td height="100%" valign="top">
        <table
          width="145"
          style="
            width: 145px;
            border-spacing: 0;
            border-collapse: collapse;
            margin: 0px 10px 0px 0px;
          "
          cellpadding="0"
          cellspacing="0"
          align="left"
          border="0"
          bgcolor=""
          class="column column-0"
        >
          <tbody>
            <tr>
              <td style="padding: 0px; margin: 0px; border-spacing: 0">
                <table
                  class="wrapper"
                  role="module"
                  data-type="image"
                  border="0"
                  cellpadding="0"
                  cellspacing="0"
                  width="100%"
                  height="100%"
                  style="table-layout: fixed"
                  data-muid="s8X6AheefzSdtWPVKBLVoa.1"
                >
                  <tbody>
                    <tr>
                      <td
                        style="
                          font-size: 6px;
                          line-height: 10px;
                          padding: 0px 0px 0px 0px;
                        "
                        valign="center"
                        align="center"
                      >
                        <img
                          class="max-width"
                          border="0"
                          style="
                            display: block;
                            color: #000000;
                            text-decoration: none;
                            font-family: Helvetica, arial, sans-serif;
                            font-size: 16px;
                            max-width: 100% !important;
                            width: 100%;
                            height: 100% !important;
                          "
                          width="145"
                          height="100%"
                          alt=""
                          data-proportionally-constrained="true"
                          data-responsive="true"
                          src="{{{image_uri}}}"
                        />
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
        <table
          width="435"
          style="
            width: 435px;
            border-spacing: 0;
            border-collapse: collapse;
            margin: 0px 0px 0px 10px;
          "
          cellpadding="0"
          cellspacing="0"
          align="left"
          border="0"
          bgcolor=""
          class="column column-1"
        >
          <tbody>
            <tr>
              <td style="padding: 0px; margin: 0px; border-spacing: 0">
                <table
                  class="module"
                  role="module"
                  data-type="text"
                  border="0"
                  cellpadding="0"
                  cellspacing="0"
                  width="100%"
                  style="table-layout: fixed"
                  data-muid="09afb738-b8d3-48b8-9d81-13ce53d755b9"
                >
                  <tbody>
                    <tr>
                      <td
                        style="
                          padding: 18px 0px 18px 0px;
                          line-height: 23px;
                          text-align: inherit;
                        "
                        height="100%"
                        valign="top"
                        bgcolor=""
                        role="module-content"
                      >
                        <div>
                          <h3 style="">
                            <a href="{{{news_url}}}">{{{news_headline}}}</a>
                          </h3>
                          <div style="font-family: inherit">
                            <span style="font-size: 12px"
                              ><em><strong>{{{author}}}</strong></em></span
                            >
                          </div>
                          <div style="font-family: inherit">
                            {{{description}}}
                          </div>
                          <div></div>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>
{{/each}}