|
| 1 | +<!doctype html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <title>Invoice INV-1</title> |
| 6 | + <link rel="stylesheet" href="https://secure.tutorcruncher.com/static/css/libraries.css"> |
| 7 | + <link rel="stylesheet" href="https://secure.tutorcruncher.com/static/css/pdf_styles.css"> |
| 8 | +</head> |
| 9 | + |
| 10 | +<body> |
| 11 | + <!--The first page is always a summary cover sheet--> |
| 12 | + <page size="A4" class="container" style="margin-top: 30px"> |
| 13 | + <div class="row"> |
| 14 | + <div class="col-xs-5"> |
| 15 | + <h1 style="margin-bottom: 5px"> |
| 16 | + Summary |
| 17 | + </h1> |
| 18 | + <h3 style="margin-top: 5px"> |
| 19 | + <small>Invoice INV-1, Page 1 of 2</small> |
| 20 | + <br> |
| 21 | + <small>Date: !TODAY!</small> |
| 22 | + </h3> |
| 23 | + </div> |
| 24 | + <div class="col-xs-7"> |
| 25 | + <img class="logo" src="https://secure.tutorcruncher.com/static/tc-box-logo.png"> |
| 26 | + </div> |
| 27 | + </div> |
| 28 | + <div class="row addresses"> |
| 29 | + <div class="col-xs-5"> |
| 30 | + <strong>Jane cli_a</strong><br> |
| 31 | + cli_a House, Any Street<br> |
| 32 | + cli_aville<br> |
| 33 | + United Kingdom<br> |
| 34 | + PO37 50DE<br> |
| 35 | + 01264 730 666<br> |
| 36 | + |
| 37 | + </div> |
| 38 | + <div class="col-xs-5 col-xs-offset-2 text-right"> |
| 39 | + <strong>XX branch display name XX</strong><br> |
| 40 | + XX branch street XX<br> |
| 41 | + XX branch town XX<br> |
| 42 | + XX branch country XX<br> |
| 43 | + XX branch pc XX<br> |
| 44 | + - |
| 45 | + </div> |
| 46 | + </div> |
| 47 | + |
| 48 | + |
| 49 | + <div class="row" style="margin-top: 10px;"> |
| 50 | + <div class="col-xs-12"> |
| 51 | + <p style="text-align: justify;"> |
| 52 | + <p>We would recommend that you check the hours on the attached invoices to make sure they correspond with the service you have been provided. If you think there is a discrepancy in the invoice please contact our accounts department before you settle the bill. We would ask you to settle the invoice within 7 days.</p> |
| 53 | + |
| 54 | + </p> |
| 55 | + <strong>Summary of invoices payable for the period</strong> |
| 56 | + </div> |
| 57 | + </div> |
| 58 | + |
| 59 | + <table class="table table-bordered margin-top"> |
| 60 | + <tbody> |
| 61 | + <tr> |
| 62 | + <td>Work: total of contractors' invoices</td> |
| 63 | + <td class="text-right">£100.00</td> |
| 64 | + </tr> |
| 65 | + <tr> |
| 66 | + <td><strong>AMOUNT DUE FOR PAYMENT</strong></td> |
| 67 | + <td class="text-right"><strong>£100.00</strong></td> |
| 68 | + </tr> |
| 69 | + </tbody> |
| 70 | + </table> |
| 71 | + |
| 72 | + <div class="row" style="margin-top: 5px"> |
| 73 | + <p class="col-xs-12"> |
| 74 | + This is a summary. For invoice breakdown please see individual PDFs also attached. |
| 75 | + </p> |
| 76 | + </div> |
| 77 | + <div class="row text-right" style="padding-top: 20px;"> |
| 78 | + <div class="col-xs-12"> |
| 79 | + <h4>Please quote reference INV-1 with your payment</h4> |
| 80 | + |
| 81 | + <div class="small-para-gap"> |
| 82 | + <p>Terms of payment - 10 days from invoice date.</p> |
| 83 | + |
| 84 | +<p>Please pay using the link in the email sent with this invoice.</p> |
| 85 | + |
| 86 | + </div> |
| 87 | + </div> |
| 88 | + </div> |
| 89 | + </page> |
| 90 | + |
| 91 | + <!--After the cover sheet there's one page for contractor and potentially the agency--> |
| 92 | + <page size="A4" class="container"> |
| 93 | + <div class="row"> |
| 94 | + <div class="col-xs-6"> |
| 95 | + <h1 style="margin-bottom: 5px"> |
| 96 | + Invoice |
| 97 | + </h1> |
| 98 | + |
| 99 | + <h3 style="margin-top: 5px"> |
| 100 | + <small>Invoice INV-1, Page 2 of 2</small> |
| 101 | + <br> |
| 102 | + <small>Date: !TODAY!</small> |
| 103 | + </h3> |
| 104 | + </div> |
| 105 | + <div class="col-xs-6"> |
| 106 | + <img class="logo" align="right" src="https://secure.tutorcruncher.com/static/tc-box-logo.png"> |
| 107 | + </div> |
| 108 | + </div> |
| 109 | + |
| 110 | + <div class="row addresses"> |
| 111 | + <div class="col-xs-5"> |
| 112 | + <strong>Jane cli_a</strong><br> |
| 113 | + cli_a House, Any Street<br> |
| 114 | + cli_aville<br> |
| 115 | + United Kingdom<br> |
| 116 | + PO37 50DE<br> |
| 117 | + 01264 730 666 |
| 118 | + </div> |
| 119 | + <div class="col-xs-5 col-xs-offset-2 text-right"> |
| 120 | + <strong>Jane con_a</strong><br> |
| 121 | + con_a House, Any Street<br> |
| 122 | + con_aville<br> |
| 123 | + United Kingdom<br> |
| 124 | + PO37 50DE |
| 125 | + </div> |
| 126 | + </div> |
| 127 | + |
| 128 | + <table class="table table-bordered"> |
| 129 | + <thead> |
| 130 | + <tr> |
| 131 | + <th> |
| 132 | + Date |
| 133 | + </th> |
| 134 | + <th> |
| 135 | + Item Description |
| 136 | + </th> |
| 137 | + <th class="text-right"> |
| 138 | + Units |
| 139 | + </th> |
| 140 | + <th class="text-right"> |
| 141 | + Amount |
| 142 | + </th> |
| 143 | + </tr> |
| 144 | + </thead> |
| 145 | + <tbody> |
| 146 | + <tr> |
| 147 | + <td class="narrow"> |
| 148 | + !DATE!<br> |
| 149 | + 12:00 |
| 150 | + </td> |
| 151 | + <td> |
| 152 | + XX appointment topic XX<br> |
| 153 | + Service #123<br> Appointment #123 |
| 154 | + </td> |
| 155 | + <td class="text-right narrow">1 unit</td> |
| 156 | + <td class="text-right narrow">£100.00</td> |
| 157 | + </tr> |
| 158 | + </tbody> |
| 159 | + </table> |
| 160 | + |
| 161 | + <div class="row text-right invoice-totals"> |
| 162 | + |
| 163 | + <div class="col-xs-2 col-xs-offset-8"> |
| 164 | + <p>Total:</p> |
| 165 | + </div> |
| 166 | + |
| 167 | + <div class="col-xs-2"> |
| 168 | + <strong> |
| 169 | + <p>£100.00</p> |
| 170 | + </strong> |
| 171 | + </div> |
| 172 | + |
| 173 | + </div> |
| 174 | + |
| 175 | + <div class="row text-right info-block"> |
| 176 | + <div class="col-xs-12 small-para-gap"> |
| 177 | + <p>To ease administration XX branch display name XX collects fees on behalf of tutors. Please make a single payment to XX branch display name XX for the total amount shown on the statement page of this PDF and if paying by BACS or cheque please use the reference number supplied on this statement.</p> |
| 178 | + |
| 179 | + </div> |
| 180 | + </div> |
| 181 | + </page> |
| 182 | +</body> |
| 183 | +</html> |
0 commit comments