KOKINIO - MANAGER
Edit File: invoice-print.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>AdminLTE 2 | Invoice</title> <!-- Tell the browser to be responsive to screen width --> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <!-- Bootstrap 3.3.7 --> <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css"> <!-- Font Awesome --> <link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css"> <!-- Ionicons --> <link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css"> <!-- Theme style --> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- Google Font --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> </head> <body onload="window.print();"> <div class="wrapper"> <!-- Main content --> <section class="invoice"> <!-- title row --> <div class="row"> <div class="col-xs-12"> <h2 class="page-header"> <i class="fa fa-globe"></i> AdminLTE, Inc. <small class="pull-right">Date: 2/10/2014</small> </h2> </div> <!-- /.col --> </div> <!-- info row --> <div class="row invoice-info"> <div class="col-sm-4 invoice-col"> From <address> <strong>Admin, Inc.</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> Phone: (804) 123-5432<br> Email: info@almasaeedstudio.com </address> </div> <!-- /.col --> <div class="col-sm-4 invoice-col"> To <address> <strong>John Doe</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> Phone: (555) 539-1037<br> Email: john.doe@example.com </address> </div> <!-- /.col --> <div class="col-sm-4 invoice-col"> <b>Invoice #007612</b><br> <br> <b>Order ID:</b> 4F3S8J<br> <b>Payment Due:</b> 2/22/2014<br> <b>Account:</b> 968-34567 </div> <!-- /.col --> </div> <!-- /.row --> <!-- Table row --> <div class="row"> <div class="col-xs-12 table-responsive"> <table class="table table-striped"> <thead> <tr> <th>Qty</th> <th>Product</th> <th>Serial #</th> <th>Description</th> <th>Subtotal</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Call of Duty</td> <td>455-981-221</td> <td>El snort testosterone trophy driving gloves handsome</td> <td>$64.50</td> </tr> <tr> <td>1</td> <td>Need for Speed IV</td> <td>247-925-726</td> <td>Wes Anderson umami biodiesel</td> <td>$50.00</td> </tr> <tr> <td>1</td> <td>Monsters DVD</td> <td>735-845-642</td> <td>Terry Richardson helvetica tousled street art master</td> <td>$10.70</td> </tr> <tr> <td>1</td> <td>Grown Ups Blue Ray</td> <td>422-568-642</td> <td>Tousled lomo letterpress</td> <td>$25.99</td> </tr> </tbody> </table> </div> <!-- /.col --> </div> <!-- /.row --> <div class="row"> <!-- accepted payments column --> <div class="col-xs-6"> <p class="lead">Payment Methods:</p> <img src="../../dist/img/credit/visa.png" alt="Visa"> <img src="../../dist/img/credit/mastercard.png" alt="Mastercard"> <img src="../../dist/img/credit/american-express.png" alt="American Express"> <img src="../../dist/img/credit/paypal2.png" alt="Paypal"> <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;"> Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. </p> </div> <!-- /.col --> <div class="col-xs-6"> <p class="lead">Amount Due 2/22/2014</p> <div class="table-responsive"> <table class="table"> <tr> <th style="width:50%">Subtotal:</th> <td>$250.30</td> </tr> <tr> <th>Tax (9.3%)</th> <td>$10.34</td> </tr> <tr> <th>Shipping:</th> <td>$5.80</td> </tr> <tr> <th>Total:</th> <td>$265.24</td> </tr> </table> </div> </div> <!-- /.col --> </div> <!-- /.row --> </section> <!-- /.content --> </div> <!-- ./wrapper --> </body> </html>