SHARE
TWEET

Untitled

a guest Jan 26th, 2020 88 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.  
  128.  
  129.         <tr>
  130.             <th>SL</th>
  131.             <th>Description</th>
  132.             <th>Head of Expenses</th>
  133.             <th>Area(Sft)</th>
  134.             <th>Rate (BDT/Sft) </th>
  135.             <th>Amount (BDT) </th>
  136.         </tr>
  137.  
  138.         <tr class="item-row">
  139.             <td >Web Updates </td>
  140.             <td >Monthly web updates for http://widgetcorp.com (Nov. 1 - Nov. 30, 2009)</td>
  141.             <td >$650.00 </td>
  142.             <td >1 </td>
  143.             <td >1 0</td>
  144.             <td><span class="price">$650.00</span></td>
  145.         </tr>
  146.  
  147.         <tr class="item-row">
  148.             <td >SSL Renewals </td>
  149.  
  150.             <td >Yearly renewals of SSL certificates on main domain and several subdomains</td>
  151.             <td >$650.00 </td>
  152.             <td >1 </td>
  153.             <td >1 0</td>
  154.             <td><span class="price">$650.00</span></td>
  155.         </tr>
  156.  
  157.         <tr id="hiderow">
  158.             <td colspan="5"><a id="addrow" href="javascript:;" title="Add a row">Add a row</a></td>
  159.         </tr>
  160.  
  161.         <tr>
  162.             <td colspan="3" class="blank"> </td>
  163.             <td colspan="2" >Subtotal</td>
  164.             <td class="total-value">$875.00</td>
  165.         </tr>
  166.         <tr>
  167.  
  168.             <td colspan="3" class="blank"> </td>
  169.             <td colspan="2" >Total</td>
  170.             <td >$875.00</td>
  171.         </tr>
  172.         <tr>
  173.             <td colspan="3" class="blank"> </td>
  174.             <td colspan="2" >Amount Paid</td>
  175.  
  176.             <td >$0.00</td>
  177.         </tr>
  178.         <tr>
  179.             <td colspan="3" class="blank"> </td>
  180.             <td colspan="2" >Balance Due</td>
  181.             <td ><div class="due">$875.00</div></td>
  182.         </tr>
  183.         <tr >
  184.  
  185.  
  186.             <td colspan="3" class="blank"> </td>
  187.             <td colspan="2"  >Total Amount in word:</td>
  188.             <td ><div class="due">$875.00</div></td>
  189.         </tr>
  190.         <tr  style="border: none;">
  191.  
  192.             <td colspan="1" class="blank"> </td>
  193.             <td style="border: none;"> For Techcity Bangladesh Limited</td>
  194.             <td colspan="4" class="blank"> </td>
  195.         </tr>
  196.  
  197.         <tr>
  198.  
  199.             <td colspan="3"  style="border: none;"  >
  200.                 <br/>
  201.  
  202.             </td>
  203.             <td class="blank"> </td>
  204.             <td colspan="2"  style="border: none;">  </td>
  205.         </tr>
  206.         <tr>
  207.  
  208.             <td   style="border: none; border-top: 1px dotted;"  > Finance & Accounts</td>
  209.  
  210.             <td  colspan="3" class="blank" style="border: none;"> </td>
  211.             <td colspan="2"  style="border: none; border-top: 1px dotted;" > Authorized Signature </td>
  212.         </tr>
  213.  
  214.  
  215.         <tr style="border: none;">
  216.  
  217.  
  218.             <td colspan="6" style="border: none;" > </td>
  219.         </tr>
  220.         <tr style="border: none;">
  221.  
  222.             <td colspan="6" style="border: none;"> Payment Terms : 100% of this invoice
  223.                     is payable within 26th December 19 by account
  224.                     payee cheque/Pay order favouring Techcity Bangladesh Ltd.<br/>
  225.                     Bill Received by you shall be deemed correct and accepted by you unless techcity
  226.                     Bangladesh Ltd is notified to the
  227.                     contary within 02 days of receipt of this bill .
  228.  
  229.                     This bill included demand charge and system loss
  230.                </td>
  231.         </tr>
  232.  
  233.         <tr style="border: none;">
  234.  
  235.             <td colspan="6" style="border: none;"><strong> Corporate office</strong> Techcity Bangladesh Limited ,242/A Tejgaon I/A ,
  236.                     Gulshan Link Road , Dhaka -1208 , Bangladesh<br/>
  237.  
  238.                     <strong>Phone</strong> +88028879224-25 , <strong> FAX </strong> +88028870922 ,
  239.                     <strong> Web</strong> www.techcitybd.net
  240.                     <br>
  241.                     Factory /Project Address: Sheikh Hasina software Technology Park, Jessore
  242.  
  243.  
  244.                 </td>
  245.         </tr>
  246.  
  247.     </table>
  248.  
  249. </div>
  250.  
  251. </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