<!-- ============================================================== --> 
<!-- Ravenue - page-view-bounce rate --> 
<!-- ============================================================== --> 
<div class="row"> 
    <!-- column --> 
    <div class="col-lg-6 col-md-12"> 
        <div class="card"> 
            <div class="card-body"> 
                <div class="d-flex align-items-center"> 
                    <div> 
                        <h4 class="card-title mb-0">Latest Sales</h4> 
                    </div> 
                    <div class="ml-auto"> 
                        <select class="custom-select border-0 text-muted"> 
                            <option value="0" selected="">August 2018</option> 
                            <option value="1">May 2018</option> 
                            <option value="2">March 2018</option> 
                            <option value="3">June 2018</option> 
                        </select> 
                    </div> 
                </div> 
            </div> 
            <div class="card-body bg-light"> 
                <div class="row align-items-center"> 
                    <div class="col-xs-12 col-md-6"> 
                        <h3 class="m-b-0 font-light">August 2018</h3> 
                        <span class="font-14 text-muted">Sales Report</span> 
                    </div> 
                    <div class="col-xs-12 col-md-6 align-self-center display-6 text-info text-right">$3,690</div> 
                </div> 
            </div> 
            <div class="table-responsive"> 
                <table class="table table-hover"> 
                    <thead> 
                        <tr> 
                            <th class="border-top-0">NAME</th> 
                            <th class="border-top-0">STATUS</th> 
                            <th class="border-top-0">DATE</th> 
                            <th class="border-top-0">PRICE</th> 
                        </tr> 
                    </thead> 
                    <tbody> 
                        <tr> 
 
                            <td class="txt-oflo">Elite admin</td> 
                            <td><span class="label label-success label-rounded">SALE</span> </td> 
                            <td class="txt-oflo">April 18, 2017</td> 
                            <td><span class="font-medium">$24</span></td> 
                        </tr> 
                        <tr> 
 
                            <td class="txt-oflo">Real Homes WP Theme</td> 
                            <td><span class="label label-info label-rounded">EXTENDED</span></td> 
                            <td class="txt-oflo">April 19, 2017</td> 
                            <td><span class="font-medium">$1250</span></td> 
                        </tr> 
                        <tr> 
 
                            <td class="txt-oflo">Ample Admin</td> 
                            <td><span class="label label-purple label-rounded">Tax</span></td> 
                            <td class="txt-oflo">April 19, 2017</td> 
                            <td><span class="font-medium">$1250</span></td> 
                        </tr> 
                        <tr> 
 
                            <td class="txt-oflo">Medical Pro WP Theme</td> 
                            <td><span class="label label-success label-rounded">Sale</span></td> 
                            <td class="txt-oflo">April 20, 2017</td> 
                            <td><span class="font-medium">-$24</span></td> 
                        </tr> 
                        <tr> 
 
                            <td class="txt-oflo">Hosting press html</td> 
                            <td><span class="label label-success label-rounded">SALE</span></td> 
                            <td class="txt-oflo">April 21, 2017</td> 
                            <td><span class="font-medium">$24</span></td> 
                        </tr> 
                        <tr> 
 
                            <td class="txt-oflo">Digital Agency PSD</td> 
                            <td><span class="label label-danger label-rounded">Tax</span> </td> 
                            <td class="txt-oflo">April 23, 2017</td> 
                            <td><span class="font-medium">-$14</span></td> 
                        </tr> 
                    </tbody> 
                </table> 
            </div> 
        </div> 
    </div> 
    <div class="col-lg-6 col-md-12"> 
        <div class="card"> 
            <div class="card-body"> 
                <div class="d-flex align-items-center"> 
                    <div> 
                        <h4 class="card-title m-b-0">Top Region Sales</h4> 
                    </div> 
                    <div class="ml-auto"> 
                        <div class="dl"> 
                            <select class="custom-select border-0 text-muted"> 
                                <option value="0" selected="">August 2018</option> 
                                <option value="1">May 2018</option> 
                                <option value="2">March 2018</option> 
                                <option value="3">June 2018</option> 
                            </select> 
                        </div> 
                    </div> 
                </div> 
                <div id="visitfromworld" style="height: 365px"></div> 
                <!-- row --> 
                <div class="row m-t-40 text-center text-lg-left"> 
                    <!-- column --> 
                    <div class="col-xs-12 col-md-4"> 
                        <div class="mb-2 mt-2"> 
                            <span class="label label-success label-rounded">+23%</span> 
                            <h5 class="font-normal text-muted m-t-10 m-b-5">United States</h5> 
                            <span class="font-20 font-medium">3234 <span class="font-14 font-normal text-muted">($3549.54)</span></span> 
                        </div> 
                    </div> 
                    <!-- column --> 
                    <div class="col-xs-12 col-md-4"> 
                        <div class="mb-2 mt-2"> 
                            <span class="label label-info label-rounded">+0.5%</span> 
                            <h5 class="font-normal text-muted m-t-10 m-b-5">Europe</h5> 
                            <span class="font-20 font-medium">2548 <span class="font-14 font-normal text-muted">($3549.54)</span></span> 
                        </div> 
                    </div> 
                    <!-- column --> 
                    <div class="col-xs-12 col-md-4"> 
                        <div class="mb-2 mt-2"> 
                            <span class="label label-danger label-rounded">-18%</span> 
                            <h5 class="font-normal text-muted m-t-10 m-b-5">Australia</h5> 
                            <span class="font-20 font-medium">1476 <span class="font-14 font-normal text-muted">($3549.54)</span></span> 
                        </div> 
                    </div> 
                </div> 
            </div> 
        </div> 
    </div> 
</div> 
<!-- ============================================================== --> 
<!-- Ravenue - page-view-bounce rate --> 
<!-- ============================================================== -->
 
 |