-
-
Save SamuelMaculuve/3e34e474c8fa68727870cfb7544eaa05 to your computer and use it in GitHub Desktop.
Template for a invoice render with LAravel DomPDF
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Aloha!</title> | |
<style type="text/css"> | |
* { | |
font-family: Verdana, Arial, sans-serif; | |
} | |
table{ | |
font-size: x-small; | |
} | |
tfoot tr td{ | |
font-weight: bold; | |
font-size: x-small; | |
} | |
.gray { | |
background-color: lightgray | |
} | |
</style> | |
</head> | |
<body> | |
<table width="100%"> | |
<tr> | |
<td valign="top"><img src="https://via.placeholder.com/150" alt="" width="150"/></td> | |
<td align="right"> | |
<h3>Shinra Electric power company</h3> | |
<pre> | |
Company representative name | |
Company address | |
Tax ID | |
phone | |
fax | |
</pre> | |
</td> | |
</tr> | |
</table> | |
<table width="100%"> | |
<tr> | |
<td><strong>From:</strong> Linblum - Barrio teatral</td> | |
<td><strong>To:</strong> Linblum - Barrio Comercial</td> | |
</tr> | |
</table> | |
<br/> | |
<table width="100%"> | |
<thead style="background-color: lightgray;"> | |
<tr> | |
<th>#</th> | |
<th>Description</th> | |
<th>Quantity</th> | |
<th>Unit Price $</th> | |
<th>Total $</th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<th scope="row">1</th> | |
<td>Playstation IV - Black</td> | |
<td align="right">1</td> | |
<td align="right">1400.00</td> | |
<td align="right">1400.00</td> | |
</tr> | |
<tr> | |
<th scope="row">1</th> | |
<td>Metal Gear Solid - Phantom</td> | |
<td align="right">1</td> | |
<td align="right">105.00</td> | |
<td align="right">105.00</td> | |
</tr> | |
<tr> | |
<th scope="row">1</th> | |
<td>Final Fantasy XV - Game</td> | |
<td align="right">1</td> | |
<td align="right">130.00</td> | |
<td align="right">130.00</td> | |
</tr> | |
</tbody> | |
<tfoot> | |
<tr> | |
<td colspan="3"></td> | |
<td align="right">Subtotal $</td> | |
<td align="right">1635.00</td> | |
</tr> | |
<tr> | |
<td colspan="3"></td> | |
<td align="right">Tax $</td> | |
<td align="right">294.3</td> | |
</tr> | |
<tr> | |
<td colspan="3"></td> | |
<td align="right">Total $</td> | |
<td align="right" class="gray">$ 1929.3</td> | |
</tr> | |
</tfoot> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment