<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Report</title>

    <!-- ================= Favicon ================== -->
    <!-- Standard -->
    <link rel="shortcut icon" href="http://placehold.it/64.png/000/fff">
    <!-- Retina iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="144x144" href="http://placehold.it/144.png/000/fff">
    <!-- Retina iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="114x114" href="http://placehold.it/114.png/000/fff">
    <!-- Standard iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="72x72" href="http://placehold.it/72.png/000/fff">
    <!-- Standard iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="57x57" href="http://placehold.it/57.png/000/fff">

    <!-- Styles -->
    <link href="assets/css/lib/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/lib/themify-icons.css" rel="stylesheet">
    <link href="assets/css/lib/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/lib/helper.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
</head>

<body class="bg-primary">

    <div class="unix-invoice">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div id="invoice" class="effect2 m-t-120">
                        <div id="invoice-top">
                            <!-- <div class="invoice-logo"></div>
                            <div class="invoice-info">
                                <h2>john doe</h2>
                                <p> hello@Admin Board.com <br> +8801629599859
                                </p>
                            </div> -->
                            <!--End Info-->
                            <div class="title">
                                <p>Issued: February 15, 2022
                                </p>
                            </div>
                            <!--End Title-->
                        </div>
                        <!--End InvoiceTop-->



                        <div id="invoice-mid">

                            <div class="clientlogo"></div>
                            <div class="invoice-info">
                                <h2>Client Name</h2>
                                <p>mariam@gmail.com<br> 555-555-5555
                                    <br>
                            </div>

                            <div id="project">
                                <h2>Report Description</h2>
                            </div>

                        </div>
                        <!--End Invoice Mid-->

                        <div id="invoice-bot">

                            <div id="invoice-table">
                                <div class="table-responsive">
                                    <table class="table">
                                        <tr class="tabletitle">
                                            <td class="table-item">
                                                <h2>Item Description</h2>
                                            </td>
                                            <td class="Hours">
                                                <h2>Qty</h2>
                                            </td>
                                            <td class="Rate">
                                                <h2>Price</h2>
                                            </td>
                                            <td class="subtotal">
                                                <h2>Sub-total</h2>
                                            </td>
                                        </tr>

                                        <tr class="service">
                                            <td class="tableitem">
                                                <p class="itemtext">Communication</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">5</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$75</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$375.00</p>
                                            </td>
                                        </tr>

                                        <tr class="service">
                                            <td class="tableitem">
                                                <p class="itemtext">Asset Gathering</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">3</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$75</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$225.00</p>
                                            </td>
                                        </tr>

                                        <tr class="service">
                                            <td class="tableitem">
                                                <p class="itemtext">Design Development</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">5</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$75</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$375.00</p>
                                            </td>
                                        </tr>

                                        <tr class="service">
                                            <td class="tableitem">
                                                <p class="itemtext">Animation</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">20</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$75</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$1,500.00</p>
                                            </td>
                                        </tr>

                                        <tr class="service">
                                            <td class="tableitem">
                                                <p class="itemtext">Animation Revisions</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">10</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$75</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$750.00</p>
                                            </td>
                                        </tr>

                                        <tr class="service">
                                            <td class="tableitem">
                                                <p class="itemtext"></p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">20</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$13</p>
                                            </td>
                                            <td class="tableitem">
                                                <p class="itemtext">$419.25</p>
                                            </td>
                                        </tr>


                                        <tr class="tabletitle">
                                            <td></td>
                                            <td></td>
                                            <td class="Rate">
                                                <h2>Total</h2>
                                            </td>
                                            <td class="payment">
                                                <h2>$3,644.25</h2>
                                            </td>
                                        </tr>

                                    </table>
                                </div>
                            </div>
                            <!--End Table-->

                            <!-- <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                                <input type="hidden" name="cmd" value="_s-xclick">
                                <input type="hidden" name="hosted_button_id" value="QRZ7QTM9XRPJ6">
                                <input type="image" src="assets/images/paypal.png" name="submit" alt="PayPal - The safer, easier way to pay online!">
                            </form> -->


                         

                        </div>
                        <!--End InvoiceBot-->
                    </div>
                    <!--End Invoice-->
                </div>
            </div>
        </div>
    </div>

</body>

</html>