---
title: Invoice
slug: invoice
---
{% extends "layouts/invoice.html" %}

{% block page %}
<ol class="breadcrumb hidden-print">
	<li><a href="#">Home</a></li>
	<li class="active">Invoice</li>
</ol>
<div id="invoice">
	<div class="card">
		<div class="card-button-wrapper">
			<a href="javascript:window.print()" class="btn btn-primary btn-sm hidden-print">
				<i class="material-icons">print</i> Print
			</a>
		</div>
		<div class="card-block">
			<h2 class="center m-t-2 m-b-3"><strong>Invoice #1244</strong></h2>
			<div class="row">
				<div class="col-xs-6">
					<p><strong>MOSAICPRO LTD</strong><br/>
						No. 12121<br/>
						21 Address Street, Miami, FL
					</p>
				</div>
				<div class="col-xs-6">
					<p><strong>Client:</strong> <br/>
					Adrian Demian	<br/>
					49th Avenue, City, USA</p>
				</div>
			</div>
		</div>
		<table class="table table-striped table-fit">
			<thead>
				<tr>
					<th>Description</th>
					<th>Hours</th>
					<th>Unit Price</th>
					<th>Total Price</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>NodeJs for Beginners</td>
					<td>1</td>
					<td>$25</td>
					<td>$25</td>
				</tr>
			</tbody>
		</table>
		<div class="card-block">
			<div class="row">
				<div class="col-xs-4">
					<p><strong>Subtotal:</strong></p>
					$25
				</div>
				<div class="col-xs-4">
					<p><strong>TAX:</strong></p>
					20%
				</div>
				<div class="col-xs-4">
					<p><strong>Total:</strong></p>
					<h2 class="text-primary m-b-0"><strong>$30</strong></h2>
				</div>
			</div>
			
			<p class="text-muted jumbotron m-a-1 m-t-2"> Payment will be made through wire transfer. Invoice is due by 25 March 2016.</p>

		</div>
	</div>
</div>
{% endblock %}