132 lines
3.2 KiB
HTML
132 lines
3.2 KiB
HTML
|
{% extends "layouts/base.html" %}
|
||
|
|
|
||
|
|
{% block title %} Invoice {% endblock %}
|
||
|
|
|
||
|
|
<!-- Specific Page CSS goes HERE -->
|
||
|
|
{% block stylesheets %}{% endblock stylesheets %}
|
||
|
|
|
||
|
|
{% block content %}
|
||
|
|
|
||
|
|
<main class="content">
|
||
|
|
<div class="container-fluid p-0">
|
||
|
|
|
||
|
|
<h1 class="h3 mb-3">Invoice</h1>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body m-sm-3 m-md-5">
|
||
|
|
<div class="mb-4">
|
||
|
|
Hello <strong>Charles Hall</strong>,
|
||
|
|
<br /> This is the receipt for a payment of <strong>$268.00</strong> (USD) you made to AdminKit Demo.
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="text-muted">Payment No.</div>
|
||
|
|
<strong>741037024</strong>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6 text-md-right">
|
||
|
|
<div class="text-muted">Payment Date</div>
|
||
|
|
<strong>October 2, 2018 - 03:45 pm</strong>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<hr class="my-4" />
|
||
|
|
|
||
|
|
<div class="row mb-4">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="text-muted">Client</div>
|
||
|
|
<strong>
|
||
|
|
Charles Hall
|
||
|
|
</strong>
|
||
|
|
<p>
|
||
|
|
4183 Forest Avenue <br> New York City <br> 10011 <br> USA <br>
|
||
|
|
<a href="#">
|
||
|
|
chris.wood@gmail.com
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6 text-md-right">
|
||
|
|
<div class="text-muted">Payment To</div>
|
||
|
|
<strong>
|
||
|
|
AdminKit Demo LLC
|
||
|
|
</strong>
|
||
|
|
<p>
|
||
|
|
354 Roy Alley <br> Denver <br> 80202 <br> USA <br>
|
||
|
|
<a href="#">
|
||
|
|
info@adminkit.com
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<table class="table table-sm">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Description</th>
|
||
|
|
<th>Quantity</th>
|
||
|
|
<th class="text-right">Amount</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>AdminKit Demo Theme Customization</td>
|
||
|
|
<td>2</td>
|
||
|
|
<td class="text-right">$150.00</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Monthly Subscription </td>
|
||
|
|
<td>3</td>
|
||
|
|
<td class="text-right">$25.00</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Additional Service</td>
|
||
|
|
<td>1</td>
|
||
|
|
<td class="text-right">$100.00</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th> </th>
|
||
|
|
<th>Subtotal </th>
|
||
|
|
<th class="text-right">$275.00</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th> </th>
|
||
|
|
<th>Shipping </th>
|
||
|
|
<th class="text-right">$8.00</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th> </th>
|
||
|
|
<th>Discount </th>
|
||
|
|
<th class="text-right">5%</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th> </th>
|
||
|
|
<th>Total </th>
|
||
|
|
<th class="text-right">$268.85</th>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<div class="text-center">
|
||
|
|
<p class="text-sm">
|
||
|
|
<strong>Extra note:</strong> Please send all items at the same time to the shipping address. Thanks in advance.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<a href="#" class="btn btn-primary">
|
||
|
|
Print this receipt
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
{% endblock content %}
|
||
|
|
|
||
|
|
<!-- Specific Page JS goes HERE -->
|
||
|
|
{% block javascripts %}{% endblock javascripts %}
|