SHARE
TWEET

Untitled

a guest Jan 26th, 2020 70 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.  
  9.     <title> BILL | Invoice Print</title>
  10. {{--
  11.     <link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet">
  12.     <link href="{{asset('font-awesome/css/font-awesome.css')}}" rel="stylesheet">
  13.  
  14.     <link href="{{asset('css/animate.css')}}" rel="stylesheet">
  15.     <link href="{{asset('css/style.css')}}" rel="stylesheet">--}}
  16.  
  17. </head>
  18. <style type="text/css">
  19.  
  20.         .res {
  21.             width: 50% !important;
  22.             float: left;
  23.         }
  24.  
  25.  
  26. </style>
  27.  
  28.  
  29. <style type="text/css">
  30.  
  31.  
  32.      { margin: 0; padding: 0; }
  33.     body { font: 14px/1.4 Georgia, serif; }
  34.     #page-wrap {  margin: 0 auto; }
  35.  
  36.     textarea { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none; }
  37.     table { border-collapse: collapse; }
  38.     table td, table th { border: 1px solid black; padding: 5px; }
  39.  
  40.     #header { height: 15px; width: 100%; margin: 20px 0; background: #222; text-align: center; color: white; font: bold 15px Helvetica, Sans-Serif; text-decoration: uppercase; letter-spacing: 20px; padding: 8px 0px; }
  41.  
  42.     #address { width: 250px; height: 150px; float: left; }
  43.     #customer { overflow: hidden; }
  44.  
  45.     #logo { text-align: right; float: right; position: relative; margin-top: 25px; border: 1px solid #fff; max-width: 540px; max-height: 100px; overflow: hidden; }
  46.     #logo:hover, #logo.edit { border: 1px solid #000; margin-top: 0px; max-height: 125px; }
  47.     #logoctr { display: none; }
  48.     #logo:hover #logoctr, #logo.edit #logoctr { display: block; text-align: right; line-height: 25px; background: #eee; padding: 0 5px; }
  49.     #logohelp { text-align: left; display: none; font-style: italic; padding: 10px 5px;}
  50.     #logohelp input { margin-bottom: 5px; }
  51.     .edit #logohelp { display: block; }
  52.     .edit #save-logo, .edit #cancel-logo { display: inline; }
  53.     .edit #image, #save-logo, #cancel-logo, .edit #change-logo, .edit #delete-logo { display: none; }
  54.     #customer-title { font-size: 20px; font-weight: bold; float: left; }
  55.  
  56.     #meta { margin-top: 1px; width: 300px; float: right; }
  57.     #meta td { text-align: right;  }
  58.     #meta td.meta-head { text-align: left; background: #eee; }
  59.     #meta td textarea { width: 100%; height: 20px; text-align: right; }
  60.  
  61.     #items { clear: both; width: 100%; margin: 30px 0 0 0; border: 1px solid black; }
  62.     #item { clear: both; width: 100%; margin: 160px 0 20px 0; border: 0px solid black; mar}
  63.     #items th { background: #eee; }
  64.     #items textarea { width: 80px; height: 50px; }
  65.     #items tr.item-row td { border: 1; vertical-align: top; }
  66.     /*#items td.description { width: 300px; }*/
  67.     #items td.item-name { width: 175px; }
  68.     #items td.description textarea, #items td.item-name textarea { width: 100%; }
  69.     #items td.total-line { border-right: 0; text-align: right; }
  70.     #items td.total-value { border-left: 0; padding: 10px; }
  71.     #items td.total-value textarea { height: 20px; background: none; }
  72.     #items td.balance { background: #eee; }
  73.     #items td.blank { border: 0; }
  74.  
  75.     #terms { text-align: center; margin: 20px 0 0 0; }
  76.     #terms h5 { text-transform: uppercase; font: 13px Helvetica, Sans-Serif; letter-spacing: 10px; border-bottom: 1px solid black; padding: 0 0 8px 0; margin: 0 0 8px 0; }
  77.     #terms textarea { width: 100%; text-align: center;}
  78.  
  79.     textarea:hover, textarea:focus, #items td.total-value textarea:hover, #items td.total-value textarea:focus, .delete:hover { background-color:#EEFF88; }
  80.  
  81.     .delete-wpr { position: relative; }
  82.     .delete { display: block; color: #000; text-decoration: none; position: absolute; background: #EEEEEE; font-weight: bold; padding: 0px 3px; border: 1px solid; top: -6px; left: -22px; font-family: Verdana; font-size: 12px; }
  83.  
  84.     #hiderow,
  85.     .delete {
  86.         display: none;
  87.     }
  88.  
  89. </style>
  90. <body>
  91. <div  id="page-wrap">
  92.  
  93.     <textarea id="header">INVOICE</textarea>
  94.  
  95.     <div id="identity">
  96.  
  97.             <textarea id="address">Chris Coyier
  98. 123 Appleseed Street
  99. Appleville, WI 53719
  100.  
  101. Phone: (555) 555-5555</textarea>
  102.  
  103.         <div id="logo">
  104.  
  105.             <div id="logoctr">
  106.                 <a href="javascript:;" id="change-logo" title="Change logo">Change Logo</a>
  107.                 <a href="javascript:;" id="save-logo" title="Save changes">Save</a>
  108.                 |
  109.                 <a href="javascript:;" id="delete-logo" title="Delete logo">Delete Logo</a>
  110.                 <a href="javascript:;" id="cancel-logo" title="Cancel changes">Cancel</a>
  111.             </div>
  112.  
  113.             <div id="logohelp">
  114.                 <input id="imageloc" type="text" size="50" value="" /><br />
  115.                 (max width: 540px, max height: 100px)
  116.             </div>
  117.             <img id="image" src="techcity.png" alt="logo" />
  118.         </div>
  119.  
  120.     </div>
  121.  
  122.     <div style="clear:both"></div>
  123.  
  124.  
  125.  
  126.     <table id="items" >
  127.         <tr>
  128.             <td colspan="3" class="blank"> </td>
  129.             <td colspan="2" class="total-line"><strong> Invoice Number </strong> </td>
  130.             <td class="total-value"><div id="subtotal">$875.00</div></td>
  131.         </tr>
  132.         <tr>
  133.  
  134.         </tr>
  135.         <tr>
  136.  
  137.             <td colspan="3" class="blank"> </td>
  138.             <td colspan="2" class="total-line"> <strong> Date </strong> </td>
  139.             <td class="total-value"><div id="total"> December 15, 2009</td>
  140.         </tr>
  141.         <tr>
  142.             <td colspan="3" class="blank"> </td>
  143.             <td colspan="2" class="total-line"><strong> Amount Due </strong> </td>
  144.  
  145.             <td class="total-value"><textarea id="paid">$0.00</textarea></td>
  146.         </tr>
  147.  
  148.  
  149.  
  150.         <tr>
  151.             <th>SL</th>
  152.             <th>Description</th>
  153.             <th>Head of Expenses</th>
  154.             <th>Area(Sft)</th>
  155.             <th>Rate (BDT/Sft) </th>
  156.             <th>Amount (BDT) </th>
  157.         </tr>
  158.  
  159.         <tr class="item-row">
  160.             <td class="item-name"><div class="delete-wpr">Web Updates <a class="delete" href="javascript:;" title="Remove row">X</a></div></td>
  161.             <td class="description">Monthly web updates for http://widgetcorp.com (Nov. 1 - Nov. 30, 2009)</td>
  162.             <td class="cost">$650.00 </td>
  163.             <td class="qty">1 </td>
  164.             <td class="rate">1 0</td>
  165.             <td><span class="price">$650.00</span></td>
  166.         </tr>
  167.  
  168.         <tr class="item-row">
  169.             <td class="item-name"><div class="delete-wpr"><textarea>SSL Renewals</textarea><a class="delete" href="javascript:;" title="Remove row">X</a></div></td>
  170.  
  171.             <td class="description">Yearly renewals of SSL certificates on main domain and several subdomains</td>
  172.             <td class="cost">$650.00 </td>
  173.             <td class="qty">1 </td>
  174.             <td class="rate">1 0</td>
  175.             <td><span class="price">$650.00</span></td>
  176.         </tr>
  177.  
  178.         <tr id="hiderow">
  179.             <td colspan="5"><a id="addrow" href="javascript:;" title="Add a row">Add a row</a></td>
  180.         </tr>
  181.  
  182.         <tr>
  183.             <td colspan="3" class="blank"> </td>
  184.             <td colspan="2" class="total-line">Subtotal</td>
  185.             <td class="total-value"><div id="subtotal">$875.00</div></td>
  186.         </tr>
  187.         <tr>
  188.  
  189.             <td colspan="3" class="blank"> </td>
  190.             <td colspan="2" class="total-line">Total</td>
  191.             <td class="total-value"><div id="total">$875.00</div></td>
  192.         </tr>
  193.         <tr>
  194.             <td colspan="3" class="blank"> </td>
  195.             <td colspan="2" class="total-line">Amount Paid</td>
  196.  
  197.             <td class="total-value"><textarea id="paid">$0.00</textarea></td>
  198.         </tr>
  199.         <tr>
  200.             <td colspan="3" class="blank"> </td>
  201.             <td colspan="2" class="total-line balance">Balance Due</td>
  202.             <td class="total-value balance"><div class="due">$875.00</div></td>
  203.         </tr>
  204.         <tr>
  205.  
  206.             <td colspan="2" class="total-line balance">Total Amount in word:</td>
  207.             <td colspan="3" class="blank"> </td>
  208.             <td class="total-value balance"><div class="due">$875.00</div></td>
  209.         </tr>
  210.         <tr>
  211.  
  212.  
  213.             <td colspan="1" class="blank"> </td>
  214.             <td class="total-value balance"><div class="due"> For Techcity Bangladesh Limited</div></td>
  215.             <td colspan="4" class="blank"> </td>
  216.         </tr>
  217.  
  218.         <tr>
  219.  
  220.             <td class="total-value balance"><div class="due"> Finance & Accounts </div></td>
  221.             <td colspan="3" class="blank"> </td>
  222.             <td colspan="2" class="total-value balance"><div class="due"> Authorized Signature </div></td>
  223.         </tr>
  224.         <tr>
  225.  
  226.  
  227.             <td colspan="6" class="total-value balance"><div class="due"> Pay the Bill On Account of Techchity
  228.                     Bangladesh LTD, A/C NO: 00433010972,
  229.                     Bank Asia Ltd, Gulshan Branch </div></td>
  230.         </tr>
  231.         <tr>
  232.  
  233.             <td colspan="6" class="total-value balance"><div class="due"> Payment Terms : 100% of this invoice
  234.                     is payable within 26th December 19 by account
  235.                     payee cheque/Pay order favouring Techcity Bangladesh Ltd.<br/>
  236.                     Bill Received by you shall be deemed correct and accepted by you unless techcity
  237.                     Bangladesh Ltd is notified to the
  238.                     contary within 02 days of receipt of this bill .
  239.  
  240.                     This bill included demand charge and system loss
  241.                 </div></td>
  242.         </tr>
  243.  
  244.         <tr>
  245.  
  246.             <td colspan="6" class="total-value balance"><div class="due"> <strong> Corporate office</strong> Techcity Bangladesh Limited ,242/A Tejgaon I/A ,
  247.                     Gulshan Link Road , Dhaka -1208 , Bangladesh<br/>
  248.  
  249.                     <strong>Phone</strong> +88028879224-25 , <strong> FAX </strong> +88028870922 ,
  250.                     <strong> Web</strong> www.techcitybd.net
  251.                     <br>
  252.                     Factory /Project Address: Sheikh Hasina software Technology Park, Jessore
  253.  
  254.  
  255.                 </div></td>
  256.         </tr>
  257.  
  258.     </table>
  259.  
  260. </div>
  261.  
  262. </body>
RAW Paste Data
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
Top