]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
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> |