Anons79 Mini Shell

@extends('general.head')
@section('middle')

<style>


    /* =============================================================
       GENERAL STYLES
     ============================================================ */
    body {
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        line-height:30px;
    }
    .pad-top-botm {
        padding-bottom:40px;
        padding-top:60px;
    }
    h4 {
        text-transform:uppercase;
    }
    /* =============================================================
       PAGE STYLES
     ============================================================ */

    .contact-info span {
        font-size:14px;
        padding:0px 50px 0px 50px;
    }

    .contact-info hr {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .client-info {
        font-size:15px;
    }

    .ttl-amts {
        text-align:right;
        padding-right:50px;
    }
</style>

<div class="page-head_agile_info_w3l">

</div>
<!-- //banner-2 -->
<!-- page -->
<div class="services-breadcrumb">
    <div class="agile_inner_breadcrumb">
        <div class="container">
            <ul class="w3_short">
                <li>
                    <a href="{{ url('/') }}">Home</a>
                    <i>|</i>
                </li>
                <li>Categorywise Products</li>
            </ul>
        </div>
    </div>
</div>
<style>
    p{
        color: #000;
    }
</style>
<!-- //page -->
<!-- Single Page -->
<div class="banner-bootom-w3-agileits" style="padding: 2em 0;">
    <div class="container">





        <div class="container">

            <div class="row pad-top-botm ">
                <div class="col-lg-12 col-md-12 col-sm-12 ">
                    <img src="{{ url('public/general/logos/logo.png') }}" style="padding-bottom:20px;">
                </div>

            </div>
            <div class="row text-center contact-info">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <hr>
             <span>
                 <strong>Invoice Number : </strong> 4433
             </span>

              <span>
                 <strong>Email : </strong>  brian@brianbossierdesign.com
             </span>
             <span>
                 <strong>Call : </strong>  +1-623-777-9044
             </span>

                    <hr>
                </div>
            </div>
            <div class="row pad-top-botm client-info">
                <div class="col-lg-6 col-md-6 col-sm-6">

                    <strong> Classy Client</strong>
                    <br>
                    <b>Address :</b> 111 , their street name,
                    <br>
                    United States.
                    <br>
                    <b>Call :</b> +1-908-567-0987
                    <br>
                    <b>E-mail :</b> info@clientdomain.com
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6">


                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                                <th>STYLE</th>
                                <th>COLOR</th>
                                <th>Quantity.</th>
                                <th>Unit Price</th>
                                <th>Sub Total</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>SHOE DESIGN 2</td>
                                <td>BLACK</td>
                                <td>3</td>
                                <td>$435 USD</td>
                                <td>$1,305 USD</td>
                            </tr>
                            <td>SHOE DESIGN 1</td>
                            <td>Website Design</td>
                            <td>3</td>
                            <td>$435 USD</td>
                            <td>$1,305 USD</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Hosting Domains</td>
                                <td>2</td>
                                <td>100 USD</td>
                                <td>200 USD</td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                    <hr>
                    <div class="ttl-amts">
                        <h5>  Total Amount : 900 USD </h5>
                    </div>
                    <hr>
                    <div class="ttl-amts">
                        <h5>  Tax : 90 USD ( by 10 % on bill ) </h5>
                    </div>
                    <hr>
                    <div class="ttl-amts">
                        <h4> <strong>Bill Amount : 990 USD</strong> </h4>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <strong> Important: </strong>
                    <ol>
                        <li>
                            This is an electronic generated invoice so doesn't require any signature.

                        </li>
                        <li>
                            Please read all terms and polices on  www.yourdomaon.com for returns, replacement and other issues.

                        </li>
                    </ol>
                </div>
            </div>
            <div class="row pad-top-botm">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <hr>
                    <a href="#" class="btn btn-primary btn-lg">Print Invoice</a>
                    &nbsp;&nbsp;&nbsp;
                    <a href="#" class="btn btn-success btn-lg">Download In Pdf</a>

                </div>
            </div>
        </div>

        <div class="clearfix"></div>


    </div>
</div>

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>




@endsection