Files
Billy-Styling/invoice-example.html
T
2026-06-11 23:43:48 +02:00

158 lines
4.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invoice 2026-042</title>
</head>
<body>
<section class="header">
<h1>Invoice</h1>
<small class="address-row"><span>Lena Hoffmann Design</span> · <span>Torstraße 42</span> · <span>10119 Berlin</span></small>
<div class="address">
Studio Braun & Partner GmbH<br>
Friedrichstraße 128<br>
10117 Berlin
</div>
</section>
<table class="info-table">
<tr>
<th>Date</th>
<td>5 May 2025</td>
</tr>
<tr>
<th>Service Period</th>
<td>1 April<br>to 30 April 2025</td>
</tr>
<tr>
<th>Invoice Number</th>
<td>2026-042</td>
</tr>
</table>
<table class="main-table">
<thead>
<tr>
<th>Description</th>
<th>Hours</th>
<th>Price in €</th>
<th>Total in €</th>
</tr>
</thead>
<tbody>
<tr>
<td>Corporate Identity Logo &amp; Brand Design</td>
<td>40</td>
<td>60,00</td>
<td>2.400,00</td>
</tr>
<tr>
<td>Web Design UI/UX Concept &amp; Wireframes</td>
<td>30</td>
<td>60,00</td>
<td>1.800,00</td>
</tr>
<tr>
<td>Print Templates Business Cards &amp; Letterhead</td>
<td>10</td>
<td>60,00</td>
<td>600,00</td>
</tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>
<table class="total-table">
<tr>
<th>Subtotal in €</th>
<td>4.800,00</td>
</tr>
<tr>
<th>19% VAT in €</th>
<td>912,00</td>
</tr>
<tr>
<th>Total in €</th>
<td>5.712,00</td>
</tr>
</table>
<aside class="logo-for-footer">
<section></section>
</aside>
<aside>
<section>
<small>
<span>Lena Hoffmann Design</span>
<span>Torstraße 42</span>
<span>10119 Berlin</span>
</small>
<small>
lena@hoffmann-design.de<br>
+49 30 98765432<br>
www.hoffmann-design.de
</small>
</section>
<section>
<small>
<b>Tax</b>
<span>Tax no.: 14/234/56789</span>
<span>VAT no.: DE287654321</span>
</small>
<small>
<b>Bank Details</b>
<span>DE89 3704 0044 0532 0130 00</span>
<span>COBADEFFXXX</span>
</small>
<small class="additional">
<i>The invoice must be paid within 14 days.</i>
</small>
</section>
</aside>
<aside class="footer">
<section>
<small>
<span>Lena Hoffmann Design</span>
<span>Torstraße 42</span>
<span>10119 Berlin</span>
</small>
<small>
lena@hoffmann-design.de<br>
+49 30 98765432<br>
www.hoffmann-design.de
</small>
</section>
<section>
<small>
<b>Tax</b>
<span>Tax no.: 14/234/56789</span>
<span>VAT no.: DE287654321</span>
</small>
<small>
<b>Bank Details</b>
<span>DE89 3704 0044 0532 0130 00</span>
<span>COBADEFFXXX</span>
</small>
</section>
<section>
<small>
<i>The invoice must be paid within 14 days.</i>
</small>
</section>
</aside>
<mark class="folding-mark"></mark>
<mark class="folding-mark"></mark>
</body>
</html>