@vcl/vcl
Version:
The whole VCL in one package
209 lines (204 loc) • 6.25 kB
HTML
<div class="email-viewport">
<div class="hidden-print">
<h1 class="align-centered">Hello Max Mustermann,</h1>
<h2 class="align-centered">Thanks for your order!</h2>
<br>
</div>
<div class="email-body">
<div class="float-left">
<img class="responsive-image logo" role="presentation" src="https://cdn.jsdelivr.net/gh/vcl/vcl/gfx/vcl_logo_square-bw.svg" style="width: 9em; margin-top: 1em;">
<div style="margin-bottom: 1em;">
<span class="text">VCL Company SE</span> ·
<span class="text">Somestreet 45</span> ·
<span class="text">70174 Stuttgart</span>
</div>
</div>
<table class="table condensed float-right invoicemeta" style="width: 20em; margin-top: 1.5em;">
<tr>
<td><b>Invoice No.</b></td>
<td class="align-right">2017110800169</td>
</tr>
<tr>
<td><b>Date</b></td>
<td class="align-right">19.09.2024</td>
</tr>
<tr>
<td><b>Payment Status</b></td>
<td class="align-right">unpaid</td>
</tr>
<tr>
<td><b>Customer No.</b></td>
<td class="align-right">1694923665</td>
</tr>
<tr>
<td><b>VAT-ID-No.</b></td>
<td class="align-right">DE000000000</td>
</tr>
</table>
<br>
<div class="clear-fix"></div>
<br>
<table class="table no-border float-left billingAddress" style="width: 100%; max-width:50%;">
<tbody>
<tr>
<td><b>Rechnungsadresse</b></td>
<td>Max Mustermann</td>
</tr>
<tr>
<td> </td>
<td>Mustermannstrasse 10</td>
</tr>
<tr>
<td> </td>
<td>Stuttgart</td>
</tr>
<tr>
<td> </td>
<td>Germany</td>
</tr>
</tbody>
</table>
<table class="table no-border float-left shippingAddress" style="width: 100%; max-width:50%;">
<tbody>
<tr>
<td><b>Lieferadresse</b></td>
<td>Max Mustermann</td>
</tr>
<tr>
<td> </td>
<td>Mustermannstrasse 10</td>
</tr>
<tr>
<td> </td>
<td>Stuttgart</td>
</tr>
<tr>
<td> </td>
<td>Germany</td>
</tr>
</tbody>
</table>
<div class="clear-fix"></div>
<br>
<div style="width: 100%; overflow: auto;">
<table class="table sum-table items">
<thead>
<tr>
<th><div>Position</div></th>
<th><div>Description</div></th>
<th class="align-right"><div>Quantity</div></th>
<th class="align-right"><div>VAT</div></th>
<th class="align-right"><div>Amount (€)</div></th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Article 23784628</td>
<td class="align-right">1</td>
<td class="align-right">19%</td>
<td class="align-right">12.00</td>
</tr>
<tr>
<td>2</td>
<td>Article 34895789</td>
<td class="align-right">1 000</td>
<td class="align-right">19%</td>
<td class="align-right">11,111.11</td>
</tr>
<tr>
<td>3</td>
<td>Article 89054373</td>
<td class="align-right">2</td>
<td class="align-right">7%</td>
<td class="align-right">1.15</td>
</tr>
<tr class="sum-table-sub-total">
<td colspan="3">Sub-Total (gross)</td>
<td colspan="2" class="align-right">27,689.22 <small>€</small></td>
</tr>
<tr class="no-border">
<td colspan="3">Sub-Total (net)</td>
<td colspan="2" class="align-right">23,384.22 <small>€</small></td>
</tr>
<tr class="no-border">
<td colspan="5"> </td>
</tr>
<tr class="no-border">
<td colspan="3">+ VAT 19%</td>
<td colspan="2" class="align-right">4,224.50 <small>€</small></td>
</tr>
<tr class="no-border">
<td colspan="3">+ VAT 7%</td>
<td colspan="2" class="align-right">80.50 <small>€</small></td>
</tr>
<tr class="sum-table-total">
<td colspan="3">To be paid</td>
<td colspan="2" class="align-right">27,689.22 <small>€</small></td>
</tr>
</tbody>
</table>
</div>
<br>
<p class="payment_instructions">
Please transfer the money to the following account:
</p>
<table class="no-border" style="min-width: 18em;">
<tr>
<td><b>Bank</b></td>
<td class="align-right">Deutsche Bank AG</td>
</tr>
<tr>
<td><b>IBAN</b></td>
<td class="align-right">DE60200700000000000000</td>
</tr>
<tr>
<td><b>BIC</b></td>
<td class="align-right">DEUTDEXXXXX</td>
</tr>
<tr>
<td><b>Purpose</b></td>
<td class="align-right">2017110800169</td>
</tr>
</table>
</p>
<br>
<p class="terms">
Terms, terms, terms.
</p>
<footer class="footer">
<div class="float-left scale85p" style="width: 33%;">
VCL Company SE</br>
Somestreet 45</br>
70174 Stuttgart</br>
billing@vclcompany.com</br>
www.vclcompany.com</br>
Tel.: +49(0)711-8489564894
</div>
<div class="float-left scale85p" style="width: 33%;">
Deutsche Bank AG</br>
DE60200700000000000000</br>
DEUTDEXXXXX
</div>
<div class="float-left scale85p" style="width: 33%;">
Entry in the Trade Register: </br>
Register Number: HRB 736379</br>
Register Court: Amtsgericht Stuttgart (Registergericht)</br>
Members of the board: Max Mustermann</br>
VAT-ID-No.: DE000000000
</div>
</footer>
<div class="clear-fix"></div>
<br>
</div>
<div class="hidden-print">
<br>
<p class="align-centered outro">
Yours sincerely,
<br>The VCL Team!
</p>
<div class="email-footer">
Need Help? <a href="mailto:">Email</a>
</div>
</div>
</div>