Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

Table Insert HTML

By: a guest on Oct 13th, 2012  |  syntax: HTML 5  |  size: 3.22 KB  |  hits: 14  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.         <div class="container">
  2.                 <div class="inner">
  3.                         <header>
  4.                         <div contenteditable>
  5.                                 <h1>Invoice Copy</h1>
  6.                         </div>
  7.                         <address contenteditable>
  8.                         <p>
  9.                                 Editorial Business Solutions
  10.                         </p>
  11.                         <p>
  12.                                 108b Greenswitch Ave.
  13.                         </p>
  14.                         <p>
  15.                                 Head Office
  16.                         </p>
  17.                         <p>
  18.                                 Rotherham
  19.                         </p>
  20.                         <p>
  21.                                 YO13 2QZ
  22.                         </p>
  23.                         </address>
  24.                         <span id="company"><img alt="" src="logo.png"><input type="file" accept="image/*"></span>
  25.                 <div id="barcodeTarget" class="barcodeTarget"></div>
  26.     <canvas id="canvasTarget" width="150" height="150"></canvas>
  27.                         </header>
  28.                         <article>
  29.                         <h1>Recipient</h1>
  30.                         <div id="description" contenteditable>
  31.                                 <p>
  32.                                         This is the invoice for your stock order received on 29/09/12. Please check the attached documents and the following order list which includes the wholesale pricing. This also includes additional shipping charges which are stated below. (See Additional Notes)
  33.                                 </p>
  34.                         </div>
  35.                         <table class="meta" id="table_results">
  36.                         <tr>
  37.                                 <th>
  38.                                         <span contenteditable>Delivered To</span>
  39.                                 </th>
  40.                                 <td>
  41.                                         <span contenteditable>Shop</span>
  42.                                 </td>
  43.                         </tr>
  44.                         <tr>
  45.                                 <th>
  46.                                         <span contenteditable>Invoice No.</span>
  47.                                 </th>
  48.                                 <td>
  49.                                         <span contenteditable>#85436</span>
  50.                                 </td>
  51.                         </tr>
  52.                         <tr>
  53.                                 <th>
  54.                                         <span contenteditable>Date</span>
  55.                                 </th>
  56.                                 <td>
  57.                                         <span contenteditable>October 19th, 2012</span>
  58.                                 </td>
  59.                         </tr>
  60.                         <tr>
  61.                                 <th>
  62.                                         <span contenteditable>Amount Due</span>
  63.                                 </th>
  64.                                 <td>
  65.                                         <span id="prefix" contenteditable>£</span><span></span>
  66.                                 </td>
  67.                         </tr>
  68.                         </table>
  69.                         <table class="inventory">
  70.                         <thead>
  71.                         <tr>
  72.                                 <th>
  73.                                         <span contenteditable>Item</span>
  74.                                 </th>
  75.                                 <th>
  76.                                         <span contenteditable>Description</span>
  77.                                 </th>
  78.                                 <th>
  79.                                         <span contenteditable>Rate</span>
  80.                                 </th>
  81.                                 <th>
  82.                                         <span contenteditable>Quantity</span>
  83.                                 </th>
  84.                                 <th>
  85.                                         <span contenteditable>Price</span>
  86.                                 </th>
  87.                         </tr>
  88.                         </thead>
  89.                         <tbody>
  90.                         <tr>
  91.                                 <td>
  92.                                         <a class="cut"><i class="icon-remove"></i></a><span contenteditable>XMAS_PLUSH_SANTA</span>
  93.                                 </td>
  94.                                 <td>
  95.                                         <span contenteditable>RRP: £4.99</span>
  96.                                 </td>
  97.                                 <td>
  98.                                         <span data-prefix></span><span contenteditable>1.89</span>
  99.                                 </td>
  100.                                 <td>
  101.                                         <span contenteditable>224</span>
  102.                                 </td>
  103.                                 <td>
  104.                                         <span data-prefix></span><span></span>
  105.                                 </td>
  106.                         </tr>
  107.                         </tbody>
  108.                         </table>
  109.                         <div class="btn btn-inverse add">
  110.                                 Add
  111.                         </div>
  112.                         <table class="balance">
  113.                         <tr>
  114.                                 <th>
  115.                                         <span contenteditable>Total</span>
  116.                                 </th>
  117.                                 <td>
  118.                                         <span data-prefix></span><span></span>
  119.                                 </td>
  120.                         </tr>
  121.                         <tr>
  122.                                 <th>
  123.                                         <span contenteditable>Amount Paid</span>
  124.                                 </th>
  125.                                 <td>
  126.                                         <span data-prefix></span><span contenteditable>0.00</span>
  127.                                 </td>
  128.                         </tr>
  129.                         <tr>
  130.                                 <th>
  131.                                         <span contenteditable>Balance Due</span>
  132.                                 </th>
  133.                                 <td>
  134.                                         <span data-prefix></span><span></span>
  135.                                 </td>
  136.                         </tr>
  137.                         </table>
  138.                         </article>
  139.                         <aside>
  140.                         <h1><span contenteditable>Additional Notes</span></h1>
  141.                         <div contenteditable>
  142.                                 <p>
  143.                                         Insert any additional notes here.
  144.                                 </p>
  145.                         </div>
  146.                         </aside>
  147.                 </div>
  148.         </div>