<html>
<head>

<title>Invoice - [resa_invoice_id]</title>

<style type="text/css">
html, body, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
body {
font-family: sans-serif;
font-size: 14px;
line-height: 26px;
padding: 42px;
}
h1 {
font-size: 48px;
font-weight: bold;
line-height: 52px;
margin: 28px 0 22px;
}
h2 {
font-size: 36px;
line-height: 39px;
margin: 26px 0;
}
h3 {
font-size: 18px;
margin: 26px 0 13px;
}
h4, h5, h6 {
font-size: 16px;
line-height: 26px;
}
p, h4, h5, h6 {
margin: 0 0 26px;
}
#invoice-meta {
position: absolute;
right: 42px;
text-align: right;
top: 42px;
width: 250px;
}
h1 {
text-transform: uppercase;
}
#invoice-meta span {
float: left;
}
footer {
font-size: 12px;
margin-top: 61px;
text-align: center;
}
</style>

</head>

<body>

<div id="invoice-meta">
<h1>Invoice</h1>
<span>Invoice Number:</span>[resa_invoice_id]<br>
<span>Invoice date:</span>[resa_received_on_date]
</div>

<h2>Hotel name</h2>
<p>
Address: your address here<br/>
Phone number: your phone number here<br/>
Email: your email here
</p>

<h3>Bill to:</h3>
<p>
[customer_first_name] [customer_last_name]<br/>
[customer_address_1] [customer_address_2]<br/>
[customer_city] [customer_zip_code]<br/>
[customer_country]
</p>

<p>
Arrival date: [resa_check_in]<br/>
Departure date: [resa_check_out]
</p>

[resa_invoice_table]

<footer>Hotel name, Address, Country</footer>

</body>
</html>
