src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/pages/examples/invoice-print.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6   <title>AdminLTE 2 | Invoice</title>
   7   <!-- Tell the browser to be responsive to screen width -->
   8   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
   9   <!-- Bootstrap 3.3.6 -->
  10   <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
  11   <!-- Font Awesome -->
  12   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  13   <!-- Ionicons -->
  14   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  15   <!-- Theme style -->
  16   <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  17
  18   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  19   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  20   <!--[if lt IE 9]>
  21   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  22   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  23   <![endif]-->
  24 </head>
  25 <body onload="window.print();">
  26 <div class="wrapper">
  27   <!-- Main content -->
  28   <section class="invoice">
  29     <!-- title row -->
  30     <div class="row">
  31       <div class="col-xs-12">
  32         <h2 class="page-header">
  33           <i class="fa fa-globe"></i> AdminLTE, Inc.
  34           <small class="pull-right">Date: 2/10/2014</small>
  35         </h2>
  36       </div>
  37       <!-- /.col -->
  38     </div>
  39     <!-- info row -->
  40     <div class="row invoice-info">
  41       <div class="col-sm-4 invoice-col">
  42         From
  43         <address>
  44           <strong>Admin, Inc.</strong><br>
  45           795 Folsom Ave, Suite 600<br>
  46           San Francisco, CA 94107<br>
  47           Phone: (804) 123-5432<br>
  48           Email: info@almasaeedstudio.com
  49         </address>
  50       </div>
  51       <!-- /.col -->
  52       <div class="col-sm-4 invoice-col">
  53         To
  54         <address>
  55           <strong>John Doe</strong><br>
  56           795 Folsom Ave, Suite 600<br>
  57           San Francisco, CA 94107<br>
  58           Phone: (555) 539-1037<br>
  59           Email: john.doe@example.com
  60         </address>
  61       </div>
  62       <!-- /.col -->
  63       <div class="col-sm-4 invoice-col">
  64         <b>Invoice #007612</b><br>
  65         <br>
  66         <b>Order ID:</b> 4F3S8J<br>
  67         <b>Payment Due:</b> 2/22/2014<br>
  68         <b>Account:</b> 968-34567
  69       </div>
  70       <!-- /.col -->
  71     </div>
  72     <!-- /.row -->
  73
  74     <!-- Table row -->
  75     <div class="row">
  76       <div class="col-xs-12 table-responsive">
  77         <table class="table table-striped">
  78           <thead>
  79           <tr>
  80             <th>Qty</th>
  81             <th>Product</th>
  82             <th>Serial #</th>
  83             <th>Description</th>
  84             <th>Subtotal</th>
  85           </tr>
  86           </thead>
  87           <tbody>
  88           <tr>
  89             <td>1</td>
  90             <td>Call of Duty</td>
  91             <td>455-981-221</td>
  92             <td>El snort testosterone trophy driving gloves handsome</td>
  93             <td>$64.50</td>
  94           </tr>
  95           <tr>
  96             <td>1</td>
  97             <td>Need for Speed IV</td>
  98             <td>247-925-726</td>
  99             <td>Wes Anderson umami biodiesel</td>
 100             <td>$50.00</td>
 101           </tr>
 102           <tr>
 103             <td>1</td>
 104             <td>Monsters DVD</td>
 105             <td>735-845-642</td>
 106             <td>Terry Richardson helvetica tousled street art master</td>
 107             <td>$10.70</td>
 108           </tr>
 109           <tr>
 110             <td>1</td>
 111             <td>Grown Ups Blue Ray</td>
 112             <td>422-568-642</td>
 113             <td>Tousled lomo letterpress</td>
 114             <td>$25.99</td>
 115           </tr>
 116           </tbody>
 117         </table>
 118       </div>
 119       <!-- /.col -->
 120     </div>
 121     <!-- /.row -->
 122
 123     <div class="row">
 124       <!-- accepted payments column -->
 125       <div class="col-xs-6">
 126         <p class="lead">Payment Methods:</p>
 127         <img src="../../dist/img/credit/visa.png" alt="Visa">
 128         <img src="../../dist/img/credit/mastercard.png" alt="Mastercard">
 129         <img src="../../dist/img/credit/american-express.png" alt="American Express">
 130         <img src="../../dist/img/credit/paypal2.png" alt="Paypal">
 131
 132         <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
 133           Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr
 134           jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
 135         </p>
 136       </div>
 137       <!-- /.col -->
 138       <div class="col-xs-6">
 139         <p class="lead">Amount Due 2/22/2014</p>
 140
 141         <div class="table-responsive">
 142           <table class="table">
 143             <tr>
 144               <th style="width:50%">Subtotal:</th>
 145               <td>$250.30</td>
 146             </tr>
 147             <tr>
 148               <th>Tax (9.3%)</th>
 149               <td>$10.34</td>
 150             </tr>
 151             <tr>
 152               <th>Shipping:</th>
 153               <td>$5.80</td>
 154             </tr>
 155             <tr>
 156               <th>Total:</th>
 157               <td>$265.24</td>
 158             </tr>
 159           </table>
 160         </div>
 161       </div>
 162       <!-- /.col -->
 163     </div>
 164     <!-- /.row -->
 165   </section>
 166   <!-- /.content -->
 167 </div>
 168 <!-- ./wrapper -->
 169 </body>
 170 </html>