Untitled

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title> BILL | Invoice Print</title>
    {{--
        <link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet">
        <link href="{{asset('font-awesome/css/font-awesome.css')}}" rel="stylesheet">

        <link href="{{asset('css/animate.css')}}" rel="stylesheet">
        <link href="{{asset('css/style.css')}}" rel="stylesheet">--}}

</head>
<style type="text/css">

    .res {
        width: 50% !important;
        float: left;
    }


</style>


<style type="text/css">


    { margin: 0; padding: 0; }
    body { font: 14px/1.4 Georgia, serif; }
    #page-wrap {  margin: 0 auto; }

    textarea { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none; }
    table { border-collapse: collapse; }
    table td, table th { border: 1px solid black; padding: 5px; }

    #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; }

    #address { width: 250px; height: 150px; float: left; }
    #customer { overflow: hidden; }

    #logo { text-align: right; float: right; position: relative; margin-top: 25px; border: 1px solid #fff; overflow: hidden; }
    /*#logo:hover, #logo.edit { border: 1px solid #000; margin-top: 0px; max-height: 125px; }*/
    #logoctr { display: none; }
    /*#logo:hover #logoctr, #logo.edit #logoctr { display: block; text-align: right; line-height: 25px; background: #eee; padding: 0 5px; }*/
    #logohelp { text-align: left; display: none; font-style: italic; padding: 10px 5px;}
    /*#logohelp input { margin-bottom: 5px; }*/
    /*.edit #logohelp { display: block; }*/
    /*.edit #save-logo, .edit #cancel-logo { display: inline; }*/
    /*.edit #image, #save-logo, #cancel-logo, .edit #change-logo, .edit #delete-logo { display: none; }*/
    /*#customer-title { font-size: 20px; font-weight: bold; float: left; }*/

    #meta { margin-top: 1px; width: 300px; float: right; }
    #meta td { text-align: right;  }
    #meta td.meta-head { text-align: left; background: #eee; }
    #meta td textarea { width: 100%; height: 20px; text-align: right; }

    #items { clear: both; width: 100%; margin: 30px 0 0 0; border: 1px solid black; }
    #item { clear: both; width: 100%; margin: 160px 0 20px 0; border: 0px solid black; mar}
    #items th { background: #eee; }
    #items textarea { width: 80px; height: 50px; }
    #items tr.item-row td { vertical-align: top; }
    /*#items td.description { width: 300px; }*/
    #items td.item-name { width: 175px; }
    #items td.description textarea, #items td.item-name textarea { width: 100%; }
    #items td.total-line { border-right: 0; text-align: right; }
    #items td.total-value { border-left: 0; padding: 10px; }
    #items td.total-value textarea { height: 20px; background: none; }
    #items td.balance { background: #eee; }
    #items td.blank { border: 0; }

    #terms { text-align: center; margin: 20px 0 0 0; }
    #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; }
    #terms textarea { width: 100%; text-align: center;}

    textarea:hover, textarea:focus, #items td.total-value textarea:hover, #items td.total-value textarea:focus, .delete:hover { background-color:#EEFF88; }

    .delete-wpr { position: relative; }
    .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; }

    #hiderow,
    .delete {
        display: none;
    }

</style>
<body>
<div  id="page-wrap">

    <textarea id="header">INVOICE</textarea>

    <div id="identity">


    </div>

    <div style="clear:both"></div>


    <table style="border: none" id="items" >


        <tr>
            <th rowspan="2" >SL</th>
            <th  rowspan="2">Description</th>
            <th colspan="4">Consumption in KWH </th>

            <th rowspan="2">Average Rate :- BDT/ (KWH) </th>
            <th rowspan="2">Amount (BDT) </th>
        </tr>

        <tr  class="item-row">
            <th  >Self Meter (KWH) </th>
            <th >AC Meter (KWH) </th>
            <th >Pro-rata share of common area usage (KWH) </th>
            <th >Total Consumed Unit (KWH) </th>
        </tr>

        <tr class="item-row">
            <td >2</td>

            <td >2  </td>
            <td >2</td>
            <td >2</td>
            <td >2</td>
            <td >2</td>
            <td >2</td>
            <td>2</td>
        </tr>
        <tr >

            <td colspan="5" class="blank"> </td>
            <td colspan="2"  >Sub Total :</td>
            <td > </td>
        </tr>
        <tr >

            <td colspan="5" class="blank"> </td>
            <td colspan="2"  >Previous Due </td>
            <td > </td>
        </tr>


        <tr >

            <td colspan="5" class="blank"> </td>
            <td colspan="2"  >Total :</td>
            <td > </td>
        </tr>


        <tr >


            <td colspan="5" class="blank"> </td>
            <td colspan="2"  >Total Amount in word:</td>
            <td > </td>
        </tr>
        <tr  style="border: none;">

            <td colspan="1" class="blank"> </td>
            <td style="border: none;"> </td>
            <td colspan="4" class="blank"> </td>
        </tr>

        <tr>

            <td colspan="3"  style="border: none;"  >
                <br/>

            </td>
            <td class="blank"> </td>
            <td colspan="2"  style="border: none;">  </td>
        </tr>
        <tr colspan="6" style="height: 100px;border:none;">
            <td style="border:none;">.</td>
        </tr>
        <tr>

            <td  colspan="2"  style="border: none; border-top: 1px dotted;"  > Finance & Accounts</td>

            <td  colspan="4" class="blank" style="border: none;"> </td>
            <td colspan="2"  style="border: none; border-top: 1px dotted;" > Authorized Signature </td>
        </tr>


        <tr style="border: none;">


            <td colspan="8" style="border: none;" > </td>
        </tr>
        <tr style="border: none;">

            <td colspan="8" style="border: none;"> Payment Terms : 100% of this invoice
                is payable within 26th December 19 by account
                payee cheque/Pay order favouring Techcity Bangladesh Ltd.<br/>
                Bill Received by you shall be deemed correct and accepted by you unless techcity
                Bangladesh Ltd is notified to the
                contary within 02 days of receipt of this bill .

                This bill included demand charge and system loss
            </td>
        </tr>

        <tr style="border: none;">

            <td colspan="8" style="border: none;"><strong> Corporate office:</strong> Techcity Bangladesh Limited ,242/A Tejgaon I/A ,
                Gulshan Link Road , Dhaka -1208 , Bangladesh<br>

                <strong>Phone</strong> +88028879224-25 , <strong> FAX </strong> +88028870922 ,
                <strong> Web</strong> www.techcitybd.net
                <strong>Factory /Project Address:</strong> Sheikh Hasina software Technology Park, Jessore


            </td>
        </tr>

    </table>

</div>

</body>