YetiForceCompany/YetiForcePDF

View on GitHub
examples/Image.html

Summary

Maintainability
Test Coverage
<!--<table style="font-size:12px;line-height:1.2;border-collapse:separate;text-align:center;vertical-align:middle;width:100%;border:1px solid red;">
    <tr>
        <td rowspan="2" style="border:1px solid orange;">
            <div style="height:100px;">test</div>
        </td>
        <td style="border:1px solid orange;">YetiForce sp. z o.o.</td>
    </tr>
    <tr>
        <td style="border:1px solid orange;">Address level 1</td>
    </tr>
    <tr>
        <td style="border:1px solid orange;">Address level 1</td>
        <td style="border:1px solid orange;">Address level 1</td>
    </tr>
</table>
<table style="font-size:12px;line-height:1.2;border-collapse:collapse;text-align:center;vertical-align:middle;width:100%;border:1px solid red;">
    <tr style="border:1px solid orange;">
        <td rowspan="2">
            <div style="height:100px;">test</div>
        </td>
        <td>YetiForce sp. z o.o.</td>
    </tr>
    <tr style="border:1px solid orange;">
        <td>Address level 1</td>
    </tr>
    <tr style="border:1px solid orange;">
        <td>Address level 1</td>
        <td>Address level 1</td>
    </tr>
</table>-->
<!--<div style="border:1px solid red;"></div>
<div style="font-size:24px;font-weight:800;text-align:center">Invoice Nr. 1/2/3</div>-->
<div style="text-align: center">
  <div style="width:100px;border:1px solid red;">
    <img src="Image.jpg" />
  </div>
</div>
<div>
  <table style="width:100%">
    <tr>
      <td style="width:50%;">Left</td>
      <td style="text-align:right;">Right</td>
    </tr>
  </table>

  <table
    style="font-size:12px;line-height:1.2;border-collapse:separate;text-align:center;vertical-align:middle;width:100%;"
  >
    <tr style="background-color:#ccc;font-weight:500;">
      <td style="width:33.33%;">Logo</td>
      <td style="width:33.33%">Seller</td>
      <td>Client</td>
    </tr>
    <tr>
      <td rowspan="3" style="">
        <img src="Image.jpg" style="height:40px;" />
      </td>
      <td style="">YetiForce sp. z o.o.</td>
      <td style="">John Doe</td>
    </tr>
    <tr>
      <td style="">Address level 1</td>
      <td style="">Address level 1</td>
    </tr>
    <tr>
      <td style="">Address level 2</td>
      <td style="">Address level 2</td>
    </tr>
  </table>

  <div style="font-size:24px;font-weight:800;text-align:center;">Invoice Nr. 1/2/3</div>
</div>