Untitled


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      font-family: "Times New Roman", Times, serif;
      padding: 50px;
    }
    .colored-line {
      width: 100%;
      height: 10px;
      background: linear-gradient(to right, #764af1 50%, #f82c17 50%);
    }
    .heading {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 10px;
    }
    .heading-left h3 {
      margin-bottom: 10px;
    }
    .heading-left p {
      font-size: 16px;
      font-weight: 400;
    }
    .top {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-top: 50px;
      margin-bottom: 20px;
    }
    .mid {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: end;
      width: 100%;
      margin-bottom: 50px;
    }

    .mid .left {
      width: 100%;
    }

    .mid .right{
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: end;
    }

    .mid .right span {
      font-weight: 700;
    }
    .box {
      display: flex;
      flex-direction: row;
      justify-content: start;
      padding-bottom: 10px;
    }

    .box .title {
      font-weight: 700;
      width: 30%;
    }

    table {
      width: 100%;
      border-collapse: collapse;
    }

    table,
    td,
    th {
      border: 1px solid;
      height: 40px;
    }

    td {
      text-align: center;
      height: 40px;
    }

    .table-item {
      margin-bottom: 20px;
    }

    .table-item .item-name {
      width: 50%;
    }

    .info {
      text-align: start;
      vertical-align: top;
      padding: 10px;
    }

    .signature {
      margin-top: 50px;
      display: flex;
      flex-direction: row;
      width: 100%;
      justify-content: space-around;
    }
  </style>
</head>

<body>
  <div class="heading">
    <div class="heading-left">
      <h3>PT Pasifik Cipta Solusi</h3>
      <p>Sahid Sudirman Centre 50th, Jend Sudirman No 86, Jakarta Pusat, 10220.</p>
      <p>Website: pcsindonesia.co.id | Phone: (021) 2522350</p>
    </div>
    <img width="150px"
      src="data:image/png;base64,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"
      alt="" />
  </div>
  <div class="colored-line"></div>
  <div class="po-detail">
    <div class="top">
      <h1>Purchase Order</h1>
      <p>Date: {{ date }}</p>
    </div>
    <div class="mid">
      <div class="left">
        <div class="box">
          <p class="title">PO Number</p>
          <p class="detail-data">: {{ code }}</p>
        </div>
        <div class="box">
          <p class="title">Contract Reference</p>
          <p class="detail-data">: {{ contract_ref }}</p>
        </div>
        <div class="box">
          <p class="title">Vendor/ Supplier</p>
          <p class="detail-data">: {{ supplier }}</p>
        </div>
        <div class="box">
          <p class="title">Currency</p>
          <p class="detail-data">: {{ currency }}</p>
        </div>
      </div>
      <div class="right">
        <p><span>Ship to</span> : PT Pasifik Cipta Solusi</p>
        <p>Ship Address : {{ address }}</p>
      </div>
    </div>
    <table class="table-item">
      <thead>
        <tr>
          <th>No</th>
          <th class="item-name">Item Name</th>
          <th>Unit Price</th>
          <th>Qty</th>
          <th>Total Price</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>Macbook lorem200</td>
          <td>20.0000</td>
          <td>2</td>
          <td>40.000</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Macbook</td>
          <td>20.0000</td>
          <td>2</td>
          <td>40.000</td>
        </tr>
      </tbody>
    </table>


    <table class="table-item">
      <tbody>
        <tr>
          <td rowspan="2" class="info" style="width: 55.5%;">Additional Information: {{ additional_info }}</td>
          <td>Subtotal</td>
          <td>{{ subtotal }}</td>
        </tr>
        <tr>
          <td>Tax</td>
          <td>{{ tax }}</td>
        </tr>
      </tbody>
    </table>

    <div class="signature">
      <div>
        <p>Diterbitkan oleh,</p>
        <p style="margin-top: 100px">{{ name }}</p>
        <p>{{ title }}</p>
      </div>
      <div>
        <p>Disetujui oleh,</p>
        <p style="margin-top: 100px">{{ approver }}</p>
        <p>{{ approver_title }}</p>
      </div>
    </div>
  </div>
</body>

</html>
apps-fileview.texmex_20231214.01_p4
index.html
Displaying index.html.
Editor is loading...