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,iVBORw0KGgoAAAANSUhEUgAAAPAAAAB4CAYAAADMtn8nAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABjfSURBVHgB7Z0HnFxV9cfPuW/azrYUkmwNgYQa5Q8EQVGUDrtLQMTgXxEQ6aJoegJChmZIgKA0JYICkqhEJBBCIFLiB8SSAAKGZiB1CyTZvtN23j2eN1uzKTtvdmb27e75fj6zr+yr993fveee2wAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRAEQRCGLAhpYMP4nNHeYOy07vsItWnwYtd9vG2C7nk+79fWb/cro1a4x+NN6HFtC6XBjO1+DTLajt8TyiRSXkQzqiHmAhU0DbPB78v+dMSG2ibcwz3SSVXhsP2jKnygC/ofpV01RdXN70MKWT8RPMPrsgpiGse4UGdpBQYMEpD8G4qrardCmkmLgLcUec5BwuUwsDE5cEKs2FpA3IZE/yDCZ7wjc98YvX57M6QRvidWFvhO5IRpKW8VgAPgZ3lgbFXkGugjr5wIrgkbsg9Haj2b08pyDtcSft8RHNY+Xg4aARPBjLE1kbsgzTghcXcqBkeoHLB+RGN5/Xj+LNdG6xr/u7HQ++ssHVlc8Cm0QIppE2/WFK303UjgCPGmgo3jxvk80apz9AcwFTB2JAF6rbftMGkyatoMIhQIiYPg4pT1ME717oop76sfF/tOoRSHYWWBv5xLCgtYvEUwSNg6xvN5V6T6d5rgIbZmjuNdXhBSggg4OVhfcJRH0+rKQt/NG8eBD1JAZZHvVK3Mx/na42AQYCVu29iaYMN4DW9+k4MtB4SUIgLuG4qNwOuNiO83W0tKsqAPVBZ5TyfQf+CUYRgMAqyy7pZC77XsvHycC9AjQEgLIuAUwM70b5O5YxFNmuQGm1hl3i2Fvq+yg+xx/o2EQYD1Tgd96L2UI5flxPGAkDZEwCmCRXxVVfV7U8mGZz/usBrjOwkRnuScfBQMEjYXZ32R6/ruBolfaUcCOIVo0j/aPDrri4kcG895R3tPJQOWsZd7PxgkbBw3bJhB+kFOxfpUpBASQwScWoqVoedZVSb7Oigu3mJvhXLhH1m8g6Z8aL2XEQndwCufByEjiIBTC1vDcIoRrTpzXwdtLvR8Q2m4h8U7HAYRVUXeg7kAcSkIGUMEnHpcSPjdV/bSSGZrQdaxBqBVPjwABhkm4XnsRc8HIWM4pSXWnzjr2gwOgTR4UMHhRPBl3kyijhdPOLTAczDURN/b7dqov8e5dCkkB3E4PcvLjyDTkHp9X/+2yr4QCZ0HyYAQ4Tf7F1skb3O4R2AwQLgOMoAjBKwQfl1cFVkNDmNrCYwA7b2Zy3RXgy1rhUZrhSfzynu7/w+T6xOB0Aoaby0uCs/HN3jdaYTDR/KbHWLnFIxn2vjbKOAt46tDW0CwjZjQ+6B0G9SG/ZHpHDF/BTZVp4m+BinCiuhsls8rqQnf5kjxMm6ko3mRbeccDtD7SgrDPxhfJeJNFhFwLxy0ASLZnsj1gPSOrRMBx9cemJLyYEwDziuuDi+whAxOBfFYsMeWEm9kjlMTpIGCCDgBhm+CegL8i51zOHfJrwtn9VnAfJ2HS9vEq8GhBKzuwgQlds7h8FyCmyAMQp8QASeIS9HfbZ0A6Pei7nMnBwMNq1FEDBzMxePAo5BsNdxAg14Doc+IgBOEPdO2zdeYpj53UGcnj2Nz3u7Y7YzP4enoRGmgIAJOEA3qSDvHI1AUTTU4qkR6YdwmS4wYsnMO2gxPYc+IgBNg/ahROQT6TFsnIdRHlasJhgCWia+Iqm2dRPpC6qXJqdA7IuBeWDdpkjvP3fwDrsY5ys55SLBtQk1zLQwRWgnfAnt8blu0+vJXTjxRhnXqAyLgffDp6OwxoyvX3wBa/xTsDgOj8TVHV/ukGA6cV/l9bXmVudx884SP/jn9w6LcQdMbK9M4IvUjwhO3FXjywBmgViqXn+rwVoidpjRMJLQ9WmIjO59egiEEKfd/CKIfsSqPSPScttFH9K1ZEDl/a6FvtYn6Xc5RggqxNT7kcNdxVjUVO7rjTkFepmc01V2eTUGrSarW9Lq3x1xNVQdtgEZwIM4QMNDceAtDh8ARJb6M/03isTiyrfOOzlsPNbb8OgOaoqqmHVsLfE9x4CUs4HZcCHg0h/bRBrUFNvVo82Zttv2n/f8ZiCrWMyBSqxGNfuaOeDduKYR1SpnPFh8fW4PLnGNZiQmdemIcqE8VvPNpyoecdTraA4+xgOthsEBWC1EoZi1/hdOMn5BWz2z7m/fp+BBIAI7IcUTAKYY/7DtoeH4PQ5D9t4Q/4QB4FgYt6Of3q2DrfhVbG/dvKMpKtldZyhABp5YgGnBDSWXTThiqxPAmTsRqYHDjZ/P6ah/pv1UW+Y+GfkQEnDos18r9pdsiz8EQpnR7ZIMiuIxDY9C3tOKEqlSTuWZzoe+70E+IgFMEO1ZWu83ITSBAcU3kOQ6Pe8DBHTBSSK4CeqCq0D8J+gERcN+xRsl4JTscOT8dcyUNRKwRC0qrI7PYuzyPhRyFwU9uDM1nasb4Mj5Mkgi4b7CZSEuzwpGvj6x1Zj1hf2E1YvGHw/dyfczNVrNSGORYc1nFkBZaM1JABhEBJ897SHhZSXX0IhHvnhlRBw1jq6O3uTR+gxO6D2CQw9bG5AkfeE+DDCICtgviDstZFVWec4uvCv/OyR3tnUJhTZiLGNlfJEU38mbaJ73uR7wcN+ZYE5dDhhABJwJCK7W19b3KvV/+uNKqyA/HVzZ9hAERb6KMqKtrGFsZvaVxRGQCmXQuIj7Buwedac3x5LicOu8ZkCGc0hPkBS5EvAwOAjWapLDBhfBx2B1+64BN7ZGt+lMQkmfiesupFV3Oq8s5sruqizwTTDIOR6XHEFkTqrc1lCQO/11ORNC7WTtt7aX7nogSGGh9cmupyCBSHq7nLQBNJ3BC8zk7c0DzdbxKg9X1dAVkAKe0hX5tbFV0IQhDivhQQVVRq2zsyPLxfyeA1xf0XskJy3x+Vn+i53GK8tXPJkLO6PXQDGlGTGhB2AvWiKRcXLoHFF5jp403VyuOa63zHwQZQATscGKkbY21LKSe0srwY2wm2ini5WiKHQgZQATscAxNd1cWeW3NeCCkFqvsrTQ+auccRTgGMoAI2OkgHctlqmd3lGQVg9BvaDe8b+d4EyEj432JgAcCBBOCJj29schzKAj9AiHZG1KJMtNfWAQ8QOAak0kujSu2FWfZmgFBSA2GaUy0c7w1JA9kABFwhkHUmyBZECaA1i9uLfFOACFjWCOTEmg7XQaJTPoMMoAIOMPEgtEHWYhJN1ohgEPIhKetETNBSDsUAFVQs/7/OeATnm2SbedmwzAyMuOiCDjDHFAP9c3oOZ8/8xJIcthZjiCHtxrmn7cU+o8BIS1YY159Niq7oGqxbx4RPczbuQmfjLCpGVwZmYRdBtXuBw6rbNq5tQSuxZg3lz92OSXxHQjoeERz8ZYi78OQ1Izhwl4h8G4FPAQhdgJoOARsDitMhO8cXJ2ZYZVEwP2ENXn4xnFZFxvh4F2I+H1IBoKjODe+D4Q00J4m2vcltyikP2KGElUxofuRAzbV15s+/3T+0qtBGBSwcNcVqciLkCFEwP2MJeKPqyMVXM56AoQBDYu3CVFdj9sgYyP6i4AdwEnsnDbD0St59UmnT+Yt7AtcUlwV+htkEBGwQ7C807FQ5DI2p58GYcCBSO+awfB1kGFEwA7CErEORi7XJDnxQIIT3e3agO/s3wB1kGFEwA7DigQ6HLlMAy0VETsfDfCZVua3xm6N/gf6ARGwA7FyYjSM60wRsWOxqolQ4V+VQaeOq4y9Av2ECNihlG4LVWqv/8cEJGVi5xHSiuZHCC8q3RZ9F/oREbCDsaqYYl7/ZYRSxeQQrBaWjytUp5a6i24ZXxXKSHvnfSEtsRyOJWK2zy6YUOQdydHnFBAyDfsU4UOlcDnr95GSynB7G+dN4ATS0um4qih3P1NFv5Do8a0aPjmwKvIhCHvl4+GQ78vyHquVJLqZAAkjsahZNyyrddOwLfEhhaW9uSAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIQlp6IwXKduaFDO8BvR2Hra6WkeStnrkaWyANzDqbclG3dM6UbmKs8c4VwzZCEgTKmwtCCjrnI9JmrPmOVcM+tnEJmDu58VBNKj5NpUlRs7H4kw8XLz5mn7PYzamoP5DQFZ/Wg0y1c+Eq/zZIkkCAVMu6xvEKDH/8GaJUfefq3IQn4SIinHtO43jSRjYkA0brFqwYkXAf2mnn7Cx1m94R1nok1tpw9/PDNiNgQr2CZk8OjeUAG96xTSr0ycJnRjX1dt7c8saDtVJZ0Bc06Cyj8ePAiqIgpJm0dE1rQfdXUZsrejuODBO2Q0TPKq/fyl/3dTDc9xzjy1p7/jJMas6gnqDZOIMIbuzYVoANPzqh6aB7X83dDjYJu8wcisGr0DFHDkLL7Iqdpy9YOfL1RM6fVVF3kmnSiywbaxAFMtBYAjCp1xkZ+PkfJDJPjd8SzU1Tz2iYdPcL+bWQBKF1TRWo4XcEZr61rdw4hxcLEj3/ppPA0NnwWxbGVyAJEIzHCOh7iYrQHXPfwO9+ubXuVSo4+8zmC+F5+HNv51kJVXBt48+A4IKOfUp7ynjxfG/nmkB/5NT5SOgbLWHIPomXayHNOGFEDn4G3J+X3wYz9sra5oYHApPJD33kR2XVozjy95wSMt8/jC6FJLj9mfwNqNTCjm2OhJwLuW8LnEi9JoJTv7SVU3S8G7rC+xNUcM/ixWhrDlmO9ft7XfATSILAFPJwDvpjXs2HAQi/ux+VfmB2efPnQegkUwKOIVDjrj9oRMToroeRj/ddETIbn5p19vbEZ4PbA1mQfREvDtztHyZNu31KbVKROGjm3MHKfbNjmwVxQou/cYqV4u/rPPeIYdOA8P+69qg756/IWwf2QU6UfjizrCnhqS47CLY0XcAqOAlSjPUteVGb2E/3asLuCxYxF2HMR6dPbtwP0kfL7nG17WeZQLs+Du3xWP5fk8mmA2SADI3ugM9rRfOgx62RdD6bc0cqUBdyaFgRPC4EXj8dtGc6rwYgCSzxYwwu77DTOLcM81Vd1iyA/Bu1o8Wo4N1LwSb3rsLIzPKGOznxeYQ3PfwzWFEz4N/hv8NexliZ9Y2dJRima7rZjB/6KWdpomZkT/ik4RyPrud3fDORMp3FjHNrRlNEz0Nr3vgUY4K6CLRKyK+AKvJZsu/dAZ98lKHhl4Hv0YWBR6zvmloMAy+L0Z4tQEW0hO9/qLXOcSBkIl6FSO/tdqDWmqKR/0IGyIiAOVXasfDZYW/u5d+vBKasv78lWHobi2EatIuYy2oXBr5e9/PA8uH1YBMV851ugj643UPHGaUOcOppTV0Sd6wZiNfeU0ZPXsuCBJt8ITvviTdams7kstxFbS+HR7dEozN47Yc9j7XM65ZQwz0cZwvjD8KpsyKcGliFjdAn8DSKec7iK/4BEhAERnw3Y1sxJeVogPcXPZ+TkblwOyE6L7S9+V22fG4NBDimpBC2jD7Y2/9mVdQHO/2+yMkWuT5YuDL7TehHHDEqZWDZxGhDcS7nEF25GMfK4qh2HQVJYIJ5FXZ52DewC3I5x/M/Q/u4RmyGHlXpCp4MSWA52DRpSxCduR+nwhfPLKsf3/PYYHbz2VwkOKvrOFiWFcr7C6QAvv+cWWW1xb0dZz2XQrwABhec1uu5oX81fxOGOI4ZVpYdOkFOSl/rtssb0+YhYJOZFbUncOQ+tWOb159c+Hzehx7t+yVLt33SZfKAac7prey6N6zqI0K6o3MHYQ6iephz2M5qubnnNo4EjmS86o4/B0Kz32NcF1iDKRqonY5A5eplLh7i9AN+zQlWzp7/PeCGFe5eZPAR6IdmntVyNAxhHPUBDYBdzGXSaKs+zhIkamNO5w7EKn7FeFn31lW+j1nML3deG+iYptcbksrh48/qwQd40a0Kib42t7wp7uG+4gpy6whdzauT2u5lmfFwfeCpxOtc9wI7TfD9rlvCJbMqdhy2t4Nnl9VfyIHQ4bjiNAd2rdpDPbAETPomfv/uA6nnIkUf25P1M1RwzBCllvhC/2oa3230TtaY3mnnGk3/bD7UQCjr2Obs8B+TsrPf67qg8RA7zaa0m9d+wwVX8fJySIL5T+Xt5Nx+jiLjZWoPRw00bWZ587PGlsZSlsY10G7G85/X/cG8B6DvRBTCHHaRLOG8NYfv6+Nb38thdyaXBXfJ2adPrtqPTGNGZ3gSvIUGn6dxMqQQg/Q3Z59V32u9ekzT6rueG74Z+gRuVi64WpuwihPEtloKUhPZNffooil02rRlmLF5eZ2CY1Lg5jfrPscm0Ze79lDQZ7jfTvwKhAZqKwfs8DLEOOo+2r1RyMbs515WSF3VQIhfn1vWdDgkySb/8Nf5Gssh7suJc7BCczYb5pZTq6D9OSIIKmWms3LlvgXKWARWUd+C8JTg2qaLux9jtZgydO61vNaRO4dBqRn8rH10nu0O2+i3caKwuLcfW1dJ+Rx6Mv+ZPGv+3R/wjbvESnD8p8GmnwYu2JkHQ4x+F7BVbpx7VuOXVMzgHAqHdezniPGW0bx2faLXmXryziI2ry7sPB/o3ZDOfaH7McuWnW/y7RZ1HkOwH3urL0+2LLyMEweMmbfyW2xq32VoDVaV0Xkdx3CO//usY3NegxTRGg1Rlsq5l1c7Pb+KYBpXKxV1bM88q3kiWy9Wgw9X2zPAw/4v5PyVk7JBMTj5gpV5S/j97rM8we272KlF01vqXJfAECMjJjQBHs0u+Ou774srRqvc2dB4GOclX+aPMbLjf20NPOj2wJqTEs61vD735WzCjmq/Ap+vH7x3D9VEdUbL8uHaX8mZVHH7vb4VfDNoOaSqIAkWvDD87VnlTb/g+/2i7XptTqu2x6CNpst7Y6qrOgIrcMec8uaFGsz7eDObLz4BY54ZnBhOnzZlm08F9Q3Q0eQTqBYgP17dMnNyveYkB1ILvcWJYgL1sUYK585FLh00LnRpKuQUqaO1nZfD/oaZZU3/5vVXYYiQoTIwHcEf+Yjue+Ixes9VmDGtzRnZxw1bBSshIWacXjOaxXtpV82RrkYXvnT7FNpji6u6loZneXFl/MmACjHWapULH4Qk8Rs5D7WYjVdjeyV/O5zf0S2LnvZvhTTQQtW/9+PoMg7B8+NedcDLZpc1PuFuzi9ARad1eRLwljtWYQ2kCRe4vh9zh3rt1OFv3M9Ws9HeuGtF3g4u5081TP+X+N3bnFgEIzlTXhp5uynlLc6ciqPm2WEBrGUhLmDxPmUn13K7cs7gut9udaJYapq0ZmewYc/3QfTtakzilVPPaFiWbCcBzhGDsyrqZrNDpWsqUIS3XYb7OUgT9646KPLTMxtvjCo4h2OulxOiXK7vvZ3rqHPZuujohfO6P1T7K0gjYdDBRQm2CEs1d60o2nF9WcN3Y4h/4vdv+/4IRWbEfIhtvJSX951IhkxoaGWTOdRjH1mNITjgt7Fw/8lZ8qpJuXkvxp1ONqJ9YArlhIJNV1h2erfd7KvCXhs5dHuWozwuKOfVxyFJOCf6JAa6+0VDOwqyk0oQEuVWrt+eXdF4F3tk4/XBnPh9zbLh2zEV0Q2BNQekvLmhk7htVf4/ZpTVXq2UaxlbPN62veqEePl4CExHlhEBs3iXLHguPy0OhnCouYIdGMd229XCcTiayLkc8bv6ixLOYGfW0lSXV9PNpy25t4zxN7ApjbvUafO7La4J1e2zqyO/c1r6g2eaO1eNWDGrrH4eJ163Qbw5AQzERipJMaCnqpwy5QlDN+uLOLX1tO/ShLFLtOntdapS9g57XQY8xhG9vdxKR4TXBi0RvAEDiEfWYJhzoHkKjSehvdUXh8dGF0R//kiP3LenF5rrlAdNJPfn5N8dbGk4hN9ySHmiB7SA94+UT0TUJ1NnvKT37lg54k+QYI+XWeX17DnG+6HNKY6aYgG+xtnQxx4zmUa5zTVcSHmccyAr8pr8IvPnrxq1ewcDZY0VASnFjfqUOeX1CfXRjSnSLsI1t68clkKPdBuBZRidU1E/nRPkw/njHQdDhAEsYEJlNnCdKzukOvYA/saO+GIxc6XL7ZrKJx7cvuuM6yqaJ/5sJfwHBhBWt8LrKmoXxbg6mx109YqM5ZAh2Ax/INEAV4QRUqYV1ikXsIWVMEwrb7zIBfoljgclMAQYsAKewULjjzSlY5tz4c0UCy+xcQlYtHrkVq6ffoyvc2v7LneMTGvUiqSaV/YnP1s5wkp0eh2iZ7Cz6Lm8jzgnvoQTlaf22oljEJGWMpAyY5Z7JNrx6zGSQWruQfQd9sBkd94H1NI7V4+xPdaVVrCUr7O927Oect3ZzWPsXicKrbDLOwOlpOkkWxWxbtdt7eHMt4UCw4Ruz8hhZvu7cM1Ba/f3tPXj2ghXhGwUTyi2S5gqI6ECwO0r81/SZnwstHDHuSYZqSg8dD5PvGYFW4eAn1sQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQhH7mfxFnqjyTvkeyAAAAAElFTkSuQmCC"
      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 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veniam eaque nisi quasi. Nemo neque cum praesentium non tenetur reprehenderit iste a nam temporibus perspiciatis quaerat ea doloremque placeat ratione repudiandae corrupti culpa incidunt facere magni, illo id ex nesciunt repellat! Sit, obcaecati mollitia! Ex, architecto? Ipsum reiciendis maxime eaque, odio dolorem earum quidem reprehenderit ullam, numquam vitae sint, corporis dolor in esse dicta eligendi nesciunt debitis ad quae sit nostrum repellendus delectus fugiat. Quod nam temporibus fugiat quas earum ullam! Quae est itaque quos architecto quod, tempore ullam voluptatibus modi? Delectus ducimus in officia unde nulla ex totam, reiciendis tempora labore eveniet. Hic iure facilis culpa veniam sed magnam labore quas obcaecati est? Nemo, quia saepe debitis culpa accusamus sapiente odit delectus ipsum id molestiae aperiam soluta deleniti rem voluptatem quasi possimus corrupti odio maiores fugiat rerum. Mollitia quasi error iusto illum voluptate ad provident itaque voluptates assumenda dolorum aut eveniet deserunt eaque inventore perspiciatis ipsam animi, praesentium minima odit aspernatur temporibus porro culpa? Porro ullam consectetur voluptatum. Optio inventore, non veritatis fugit laudantium distinctio voluptatem ad modi similique nobis, quasi facilis rerum nam consectetur illum repudiandae incidunt, aperiam minus dolor. Accusamus ab ea sit ex! Perferendis dicta molestiae non.</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">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...