Skip to content

Instantly share code, notes, and snippets.

@AndreasPizsa

AndreasPizsa/body.html

Last active September 3, 2016 10:15
Show Gist options
  • Save AndreasPizsa/b343c6fd662dd787108946a57202c855 to your computer and use it in GitHub Desktop.
Save AndreasPizsa/b343c6fd662dd787108946a57202c855 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
body.html
<h1>
Huhu, {{ name }}!
</h1>
<p>Diese Nachricht wurde wurde <b>automatisch</b> erstellt - alles, auch das PDF mit der Muster-Rechnung :)</p>
<p><span style="color: red">Was</span> <span style="color: green">sagst</span> Du <span style="color:blue">dazu</span>? :)</p>
Raw
body.txt
Huhu, {{ name }}!
Diese Nachricht wurde wurde *automatisch* erstellt - alles, auch das PDF mit der Muster-Rechnung :)
Was sagst Du dazu :)
Raw
invoice.hbs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.7/css/bootstrap.min.css" />
<style>
html, body {
height: 100%;
font-size: 11pt;
}
body {
padding-top: 0.5cm;
}
body:after {
content: 'MUSTER';
text-align: center;
font-size: 12em;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.1;
top: 0;
line-height: 29cm;
}
table tr th:nth-of-type(4),
table tr td:nth-of-type(4) {
text-align: right;
}
.sticky-footer-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.sticky-footer-wrapper > section {
flex: 1;
}
</style>
</head>
<body>
<div class="sticky-footer-wrapper">
<section>
<header class="container">
<div class="row">
<div class="col-xs-6">
<strong>Recipient</strong><br />
Workshopmaker eU<br />
Georg Strotzka<br/>
Kärntner Ring 5-7</br/>
1010 Wien</br/>
Austria</br/>
VAT ID ATU12797909
</div>
<div class="col-xs-offset-2 col-xs-4">
<strong>Issuer</strong><br />
Codebase Ltd.<br/>
E8 Orange Grove Residence<br />
Birbal Street<br />
BZN 9013 Balzan<br />
MALTA<br />
VAT ID MT000000000
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h3>Invoice</h3>
<p>Number ABCDEF</p>
</div>
</div>
</header>
<section>
<div class="container">
<table class="table">
<thead>
<tr>
<th>Bezeichnung</th>
<th>Lesitungszeitraum</th>
<th>Anzahl</th>
<th>Betrag</th>
</tr>
</thead>
<tbody>
<tr>
<td>Software-Entwicklugn dies und das</td>
<td>1.9.2016 - 31.9.2016</td>
<td>1</td>
<td>14.550,00</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12">
<p>
Wir bitten Sie um spesenfreie Überweisung ohne Skonto-Abzug bis 07.02.16 auf
</p>
<table>
<tr>
<td>
Andreas Pizsa GmbH<br/>
Unicredit Bank Austria AG<br />
</td>
</tr>
<tr>
<td>
Kto Nr 520 9644 7601<br />
BLZ 12000
</td>
<td>
BIC/SWIFT: BKAUATWW<br />
IBAN: AT56 1200 0520 9644 7601
</td>
</tr>
</table>
</div>
</div>
</section>
</section>
<footer class="text-muted" style="font-size: 8pt">
<div class="container">
<div class="row">
<div class="col-xs-3">
Andreas Pizsa GmbH<br />
Margaretenstrasse 77<br />
A-1050 Vienna<br />
UID ATU 6113 4178<br />
</div>
<div class="col-xs-3">
<table>
<tr><td>Phone&nbsp;</td><td>+43 699 1728 1528</td></tr>
<tr><td>Fax</td><td>+43 699 4728 1528</td></tr>
<tr><td colspan="2">[email protected]</td></tr>
<tr><td colspan="2">github.com/AndreasPizsa</td></tr>
</table>
</div>
<div class="col-xs-4">
Bank Austria Creditanstalt AG<br />
BLZ 12000, Kto 52096447601<br />
BIC/SWIFT BKAUATWW<br />
IBAN AT56 1200 0520 9644 7601
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment