Drivemond Withdraw Request Invoice

by MD Hasan Patwary

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Invoice</title>
  </head>

  <body class="bg-white" id="printableTable">
      <div class="mb-3">
          <table>
              <tbody>
                  <tr>
                      <td>
                          <h3 class="fs-18 fw-bold mb-2">Withdraw Request</h3>
                          <p>15 July, 2024 8:30 am</p>
                      </td>
                      <td>
                          <div class="text-end">
                              <img width="160" src="#" alt="">
                              <p>Business address City, State, IN - 000 000</p>
                          </div>
                      </td>
                  </tr>
              </tbody>
          </table>


      </div>

      <div class="border bg-white rounded p-10 mb-2 min-h80vh">
          <table class="td-border-bottom">
              <thead class="border border-primary rounded">
                  <tr>
                      <th>SL</th>
                      <th>Name</th>
                      <th>Payment Method</th>
                      <th>Request Date</th>
                      <th>Status</th>
                      <th>Amount</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                      <td>1</td>
                      <td><div class="fw-semibold">John Doe</div></td>
                      <td>
                          <div class="mb-1">Bank</div>
                          <div class="mb-1">
                              <span class="min-w100 d-inline-block">Bank Name:</span>
                              <span class="fw-semibold">City Bank</span>
                          </div>
                          <div class="mb-1">
                              <span class="min-w100 d-inline-block">Account...

CSS

@font-face {
            font-family: "Inter", sans-serif;
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url({{asset('public/assets/admin-module/fonts/Inter/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2')}}) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }
        /* cyrillic */
        @font-face {
            font-family: "Inter", sans-serif;
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url({{asset('public/assets/admin-module/fonts/Inter/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2')}}) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        @font-face {
            font-family: "Inter", sans-serif;
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url({{asset('public/assets/admin-module/fonts/Inter/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2')}}) format('woff2');
            unicode-range: U+1F00-1FFF;
        }
        /* greek */
        @font-face {
            font-family: "Inter", sans-serif;
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url({{asset('public/assets/admin-module/fonts/Inter/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2')}}) format('woff2');
            unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }
        /* vietnamese */
        @font-face {
            font-family: "Inter", sans-serif;
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url({{asset('public/assets/admin-module/fonts/Inter/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2')}}) format('woff2');
            unicode-range: U+0102-0103,...