@extends('front.layout.app')
@section('title', 'Visitors Pass')
@section('extra-css')
    <style>
        span.previous-price {
            text-decoration: line-through;
            font-weight: 100;
            color: black !important;
        }

        .all-products{
            height: 200px;
            background-position: center;
            object-fit: contain;
        }
    </style>
@endsection
@section('content')

    <section class="main">
        <div class="container">

            <div class="row">
                <div class="col-md-3 col-sm-12">
                    <div class="card">
                        <article class="card-group-item">
                            <header class="card-header header-card"><h6 class="title">Product Categories </h6></header>
                            <div class="filter-content">
                                <div class="list-group list-group-flush">
                                    <a href="#" class="list-group-item">
                                        Manual Solutions
                                        <span class="float-right badge badge-light round">68</span>
                                    </a>
                                    <a href="#" class="list-group-item">
                                        Electronic Solutions
                                        <span class="float-right badge badge-light round">21</span>
                                    </a>
                                    <a href="#" class="list-group-item">
                                        Accessories
                                        <span class="float-right badge badge-light round">12</span>
                                    </a>
                                </div>  <!-- list-group .// -->
                            </div>
                        </article> <!-- card-group-item.// -->
                    </div>
                </div>

                <div class="col-md-9 col-sm-12">



                    <div class="row">
                        <div class="mainboxx">
                            <div class="col-md-4 col-sm-4"><h4>20 item(s) - Page 1 of 6</h4></div>
                            <div class="col-md-4 col-sm-4">
                                <p>Items: 101 <i class="fa fa-arrow-down" aria-hidden="true"></i>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/t2RPUb8MMocatIcosB0n7gA2kGpam2VaE12tZ6Jb.jpg" class="img-fluid all-products">
                                    <h1>Custom - Confidential Visitor Sign-In Book for Corporations (105-IM)</h1>
                                    <span>$41.60</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="https://nagforms.net/{{asset('')}}/media/xnhA9OZn3s2DHeyJorj1hgP8A4CLnbiQ7HiSpGj5.webp" class="img-fluid all-products">
                                    <h1>Stock - Confidential Visitor Sign-In Book for Corporations (105-SK)</h1>
                                    <span>$27.10</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/XYSFv7zDO4SVmwd91ZEZ4rNbQfA4R6PYze7FRo3O.jpg" class="img-fluid all-products">
                                    <h1>Custom Confidential Visitor Sign-In Book for &quot;Healthcare&quot; (106-IM)</h1>
                                    <span>$41.60</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/20191008052555.jpg" class="img-fluid all-products">
                                    <h1>Stock - Confidential Visitor Sign-In Book for &quot;Healthcare&quot; (106-SK)</h1>
                                    <span>$27.10</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/6uLMPqKTilQv5gXWhUGRO9lEFQSr0rqamPYWsEEJ.jpg" class="img-fluid all-products">
                                    <h1>Custom - Confidential Visitor Sign-In Book for &quot;Nursing Homes&quot; (107-IM)</h1>
                                    <span>$41.60</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/6uLMPqKTilQv5gXWhUGRO9lEFQSr0rqamPYWsEEJ.jpg" class="img-fluid all-products">
                                    <h1>Stock - Confidential Visitor Sign-In Book for &quot;Nursing Homes&quot; (107-SK)</h1>
                                    <span>$27.10</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/YvTcfOleyeAJLelDFzFwU3mHUwB5v8QiwHgplvH2.jpg" class="img-fluid all-products">
                                    <h1>Custom - Confidential Patient Sign-In Book for &quot;Doctor Offices&quot; (108-IM)</h1>
                                    <span>$41.60</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/hmadc0B5J3ZnpXvHhbJQIMDfi0OuKwmTyILE8oxI.jpg" class="img-fluid all-products">
                                    <h1>Stock - Confidential Patient Sign-In Books for &quot;Doctor Offices&quot; (108-SK)</h1>
                                    <span>$27.10</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/L0KYWQZDKI77z3K2FbrOHqNydQelSQggjrTG3UZJ.jpg" class="img-fluid all-products">
                                    <h1>Custom - Confidential Student Sign-Out Book (109-IM)</h1>
                                    <span>$41.60</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/NrhEDYwHOaV2gJX4HWTOdHPlPYow1FYKYCBqXx4d.jpg" class="img-fluid all-products">
                                    <h1>Stock - Student Sign-Out Book, Student Version (109-SK)</h1>
                                    <span>$27.10</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/VHKzVvfTGr4BZLpPSvoZNZgITV5R5UN0R3CCVCaQ.jpg" class="img-fluid all-products">
                                    <h1>Custom - Student Sign-Out Book, Parent/Guardian Edition (110-IM)</h1>
                                    <span>$41.60</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/OXUZzXNqqIttlQzApVXh8hIrV533h75xXlB5HODW.jpg" class="img-fluid all-products">
                                    <h1>Stock - Student Sign-Out Book, Parent/Guardian Edition (110-SK)</h1>
                                    <span>$27.10</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/RgbQqSU8hajBxLrIfcNwy9puBaCKEKYo7esWTTm9.jpg" class="img-fluid all-products">
                                    <h1>Custom - Cofidential Visitor Sign-In Book for Schools (112-IM)</h1>
                                    <span>$41.60</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/IRpBJCUW50YSrSTXELtQiIDQQ7L1GihnHnOrD9nn.jpg" class="img-fluid all-products">
                                    <h1>Stock - Confidential Visitor Sign-In Book for Schools (112-SK)</h1>
                                    <span>$27.10</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/0esZJVlx4oFVeF8zNum6aFBEluBJ9Iy9qLqlxrmw.png" class="img-fluid all-products">
                                    <h1>Stock Small &quot;Visitor&quot; Badges, 3-1/2&quot; x 1/7/8&quot;, 500/Book (701/703)</h1>
                                    <span>$59.00</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/GzhgxvxTgHlvWsCOUXPJqDiL4LHaFzGK9K4wGSnF.jpg" class="img-fluid all-products">
                                    <h1>Stock Non-Expiring Sign-Out Badges 3-1/2&quot; x 1-3/4&quot;, 400/Book (702/704)</h1>
                                    <span>$59.00</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/tRvTsInLTt1SQ9CyHX8qOlYsoaJozFX014HVS3mX.png" class="img-fluid all-products">
                                    <h1>Stock Large Sign-In Badge 3-1/2&quot; x 2-1/2&quot;, 400/Book (705)</h1>
                                    <span>$59.00</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/GNUvPWbmjeTWjRsqfL7mPkPjmz7sbKrfIZfEG7eZ.jpg" class="img-fluid all-products">
                                    <h1>Stock Small &quot;Substitute Teacher&quot; Badge 3-1/2&quot; x 1-7/8&quot;, 500/Book (706-SUB)</h1>
                                    <span>$59.00</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/cVg3Aye0qP8CCLplvukmFTBZbxn16R7CG4BIgDOC.jpg" class="img-fluid all-products">
                                    <h1>Stock Small &quot;Volunteer&quot; Badge 3-1/2&quot; x 1-7/8&quot;, 500/Book (707-VOL)</h1>
                                    <span>$59.00</span>








                                </div>
                            </a>
                        </div>
                        <div class="col-md-4 d-flex">
                            <a href="#">
                                <div class="boxxx">
                                    <img src="{{asset('')}}/media/UyIUFvfata9Rmltj3IIb3CVCmyyhPoaS1bL5dVZH.jpg" class="img-fluid all-products">
                                    <h1>Stock Small &quot;Vendor&quot; Badge 3-1/2&quot; x 1-7/8&quot; (708-VEN)</h1>
                                    <span>$59.00</span>








                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="text-center pt-4">
                        <ul class="pagination" role="navigation">

                            <li class="page-item disabled" aria-disabled="true" aria-label="pagination.previous">
                                <span class="page-link" aria-hidden="true">&lsaquo;</span>
                            </li>





                            <li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                            <li class="page-item"><a class="page-link" href="#">5</a></li>
                            <li class="page-item"><a class="page-link" href="#">6</a></li>


                            <li class="page-item">
                                <a class="page-link" href="#" rel="next" aria-label="pagination.next">&rsaquo;</a>
                            </li>
                        </ul>

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


@endsection