119 lines
3.0 KiB
HTML
119 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if IE 8]> <html class="ie8"> <![endif]-->
|
|
<!--[if IE 9]> <html class="ie9 gt-ie8"> <![endif]-->
|
|
<!--[if gt IE 9]><!--> <html class="gt-ie8 gt-ie9 not-ie"> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>Invoice (Print version) - Pages - PixelAdmin</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
|
|
|
|
<!-- Open Sans font from Google CDN -->
|
|
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Pixel Admin's stylesheets -->
|
|
<link href="assets/stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css">
|
|
<link href="assets/stylesheets/pixel-admin.min.css" rel="stylesheet" type="text/css">
|
|
<link href="assets/stylesheets/pages.min.css" rel="stylesheet" type="text/css">
|
|
<link href="assets/stylesheets/rtl.min.css" rel="stylesheet" type="text/css">
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="assets/javascripts/ie.min.js"></script>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
|
|
|
|
<body class="page-invoice page-invoice-print">
|
|
<script>
|
|
window.onload = function () {
|
|
window.print();
|
|
};
|
|
</script>
|
|
|
|
<div class="invoice">
|
|
<div class="invoice-header">
|
|
<h3>
|
|
<div>
|
|
<small><strong>Pixel</strong>Admin</small><br>
|
|
INVOICE #244
|
|
</div>
|
|
</h3>
|
|
<address>
|
|
PixelAdmin Ltd.<br>
|
|
Los Angeles, Hoover Street, 32<br>
|
|
90080 CA, USA
|
|
</address>
|
|
<div class="invoice-date">
|
|
<small><strong>Date</strong></small><br>
|
|
February 21, 2013
|
|
</div>
|
|
</div> <!-- / .invoice-header -->
|
|
<div class="invoice-info">
|
|
<div class="invoice-recipient">
|
|
<strong>Mr. John Smith</strong><br>
|
|
New York, Pass Avenue, 109<br>
|
|
10012 NY, USA
|
|
</div> <!-- / .invoice-recipient -->
|
|
<div class="invoice-total">
|
|
<span>$4,657.75</span>
|
|
TOTAL:
|
|
</div> <!-- / .invoice-total -->
|
|
</div> <!-- / .invoice-info -->
|
|
<hr>
|
|
<div class="invoice-table">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
Task description
|
|
</th>
|
|
<th>
|
|
Rate
|
|
</th>
|
|
<th>
|
|
Hours
|
|
</th>
|
|
<th>
|
|
Line total
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
Website design and development
|
|
<div class="invoice-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</div>
|
|
</td>
|
|
<td>
|
|
$50.00
|
|
</td>
|
|
<td>
|
|
50
|
|
</td>
|
|
<td>
|
|
$2,500.00
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Branding
|
|
<div class="invoice-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</div>
|
|
</td>
|
|
<td>
|
|
$47.95
|
|
</td>
|
|
<td>
|
|
45
|
|
</td>
|
|
<td>
|
|
$2,157.75
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> <!-- / .invoice-table -->
|
|
</div> <!-- / .invoice -->
|
|
|
|
</body>
|
|
</html> |