API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 21st, 2015
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.42 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  5. <script src="http://{{ app.request.host }}{{ asset("js/JsBarcode-master/CODE128.js") }}"></script>
  6. <script src="http://{{ app.request.host }}{{ asset("js/JsBarcode-master/JsBarcode.js") }}"></script>
  7. <title>parcel</title>
  8. <style>
  9.  
  10. *, *:after, *:before {
  11. -webkit-box-sizing: border-box;
  12. /* iOS <= 4 i Android <= 2.3 */
  13. -moz-box-sizing: border-box;
  14. /* Firefox */
  15. box-sizing: border-box;
  16. /* Chrome, Opera, Safari 5+ i IE 8+ */ }
  17.  
  18. body {
  19. font-family: 'varela_roundregular', sans-serif;
  20. background: #fff;
  21. font-size:12px;
  22. }
  23.  
  24. .main-content{
  25. width: 210mm;
  26. height: 307mm;
  27. padding: 10mm;
  28. }
  29.  
  30. td {
  31. border: solid 1px;
  32. border-bottom: 0px;
  33. padding: 5px 5px;
  34. border-right: 0px;
  35. }
  36.  
  37. .top-row td {
  38. border-top: 0px;
  39. }
  40.  
  41. .row-4col-lbl td:nth-child(2n) {
  42. width:35%;
  43. word-wrap: break-word;
  44. }
  45.  
  46. .row-4col-lbl td:nth-child(2n-1) {
  47. width:15%;
  48. }
  49.  
  50. tr td:first-child {
  51. border-left: 0px;
  52. }
  53.  
  54. .row-7col-lbl {
  55. width:14%;
  56. }
  57.  
  58. .bold-row {
  59. font-weight: bold;
  60. }
  61.  
  62. .empty-row td{
  63. padding: 15px 5px;
  64. }
  65.  
  66. .borderless td{
  67. border: 0px;
  68. }
  69.  
  70. .borderless td:nth-child(3n){
  71. border-left: 1px solid;
  72. }
  73.  
  74. .row-2col-lbl td{
  75. width:50%;
  76. text-align: center;
  77. }
  78.  
  79. table {
  80. table-layout: fixed;
  81. font-size:13px;
  82. }
  83. </style>
  84. </head>
  85. <body>
  86. <div class="main-content">
  87. <img src="http://{{ app.request.host }}{{ asset('psEmailLogo.png') }}" style ="height:100px; width:60%; margin: 0% 20%;"/>
  88. <h2 style="text-align:center;">PRO FORMA CUSTOMS INVOICE</h2>
  89.  
  90. <table style="width: 100%; border: solid 1px; border-spacing: 0px;">
  91. <tr class="top-row row-4col-lbl">
  92. <td>Reference:</td>
  93. <td>{{ reference }}</td>
  94. <td>Shipping Date:</td>
  95. <td>{{ order.data.collectionDate }}</td>
  96. </tr>
  97. <tr>
  98. <td>Tracking number:</td>
  99. <td style="width:85%;" colspan='3'>{% for agentWaybill in trackingNumbers %}{{ agentWaybill }} {% endfor %}</td>
  100. </tr>
  101. <tr class="row-2col-lbl bold-row">
  102. <td colspan='2'>Sender</td>
  103. <td colspan='2'>Recipient</td>
  104. </tr>
  105. <tr class="row-4col-lbl">
  106. <td>Postcode:</td>
  107. <td>{{ order.data.collectionPostcode }}</td>
  108. <td>Postcode:</td>
  109. <td>{{ order.data.destinationPostcode }}</td>
  110. </tr>
  111. <tr class="row-4col-lbl">
  112. <td>Company Name:</td>
  113. <td>{{ order.data.collectionCompanyName }}</td>
  114. <td>Company Name:</td>
  115. <td>{{ order.data.destinationCompanyName }}</td>
  116. </tr>
  117. <tr class="row-4col-lbl">
  118. <td>Name:</td>
  119. <td>{{ order.data.collectionName }}</td>
  120. <td>Name:</td>
  121. <td>{{ order.data.destinationName }}</td>
  122. </tr>
  123. <tr class="row-4col-lbl">
  124. <td>Email:</td>
  125. <td>{{ order.data.collectionEmail }}</td>
  126. <td>Email:</td>
  127. <td>{{ order.data.destinationEmail }}</td>
  128. </tr>
  129. <tr class="row-4col-lbl">
  130. <td>Mobile:</td>
  131. <td>{{ order.data.collectionMobile }}</td>
  132. <td>Mobile:</td>
  133. <td>{{ order.data.destinationMobile }}</td>
  134. </tr>
  135. <tr class="row-4col-lbl">
  136. <td>Address line 1:</td>
  137. <td>{{ order.data.collectionAddressLine1 }}</td>
  138. <td>Address line 1:</td>
  139. <td>{{ order.data.destinationAddressLine1 }}</td>
  140. </tr>
  141. <tr class="row-4col-lbl">
  142. <td>Address line 2:</td>
  143. <td>{{ order.data.collectionAddressLine2 }}</td>
  144. <td>Address line 2:</td>
  145. <td>{{ order.data.destinationAddressLine2 }}</td>
  146. </tr>
  147. <tr class="row-4col-lbl">
  148. <td>Address line 3:</td>
  149. <td>{{ order.data.collectionAddressLine3 }}</td>
  150. <td>Address line 3:</td>
  151. <td>{{ order.data.destinationAddressLine3 }}</td>
  152. </tr>
  153. <tr class="row-4col-lbl">
  154. <td>Town:</td>
  155. <td>{{ order.data.collectionTown }}</td>
  156. <td>Town:</td>
  157. <td>{{ order.data.destinationTown }}</td>
  158. </tr>
  159. <tr class="row-4col-lbl">
  160. <td>County/State:</td>
  161. <td>{{ order.data.collectionState }}</td>
  162. <td>County/State:</td>
  163. <td>{{ order.data.destinationState }}</td>
  164. </tr>
  165. <tr class="row-4col-lbl">
  166. <td>Country:</td>
  167. <td>{{ order.data.collectionCountry }}</td>
  168. <td>Country:</td>
  169. <td>{{ order.data.destinationCountryName }}</td>
  170. </tr>
  171. <tr>
  172. <td style="border-left: 0px;">VAT Status:</td>
  173. <td style="width:85%;" colspan='3'></td>
  174. </tr>
  175. <tr>
  176. <td style="border-left: 0px;">Reason for export:</td>
  177. <td style="width:85%;" colspan='3'></td>
  178. </tr>
  179. </table>
  180.  
  181. <table style="width: 100%; border: solid 1px; border-spacing: 0px; margin-top: 25px;">
  182. <tr class="top-row row-7col-lbl bold-row">
  183. <td colspan="2">Description of goods:</td>
  184. <td>Country of manufacture:</td>
  185. <td>Unit value:</td>
  186. <td>Quantity:</td>
  187. <td>Total weight:</td>
  188. <td>Total value:</td>
  189. </tr>
  190. <tr class="row-7col-lbl empty-row">
  191. <td rowspan="5" colspan="2"> {{ order.data.additionalDetails }}</td>
  192. <td></td>
  193. <td></td>
  194. <td></td>
  195. <td></td>
  196. <td rowspan="5">{{ order.data.valueOfGoods }}</td>
  197. </tr>
  198. <tr class="row-7col-lbl empty-row">
  199. <td style="border-left: 1px solid;"></td>
  200. <td></td>
  201. <td></td>
  202. <td></td>
  203. </tr>
  204. <tr class="row-7col-lbl empty-row">
  205. <td style="border-left: 1px solid;"></td>
  206. <td></td>
  207. <td></td>
  208. <td></td>
  209. </tr>
  210. <tr class="row-7col-lbl empty-row">
  211. <td style="border-left: 1px solid;"></td>
  212. <td></td>
  213. <td></td>
  214. <td></td>
  215. </tr>
  216. <tr class="row-7col-lbl empty-row">
  217. <td style="border-left: 1px solid;"></td>
  218. <td></td>
  219. <td></td>
  220. <td></td>
  221. </tr>
  222. <tr class="row-7col-lbl bold-row">
  223. <td style="width:80%; text-align: right;" colspan="5">Total:</td>
  224. <td></td>
  225. <td></td>
  226. </tr>
  227. <tr class="bold-row">
  228. <td style="width:80%; text-align: right;" colspan="5">Currency GBP:</td>
  229. <td></td>
  230. <td></td>
  231. </tr>
  232. </table>
  233. </div>
  234. </body>
  235. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!