@extends('layouts.app')

    @section('styles')

    @endsection

        @section('content')

                       <!-- PAGE-HEADER -->
                       <div class="page-header">
                        <h1 class="page-title">Search</h1>
                        <div>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0)">Apps</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Search</li>
                             </ol>
                        </div>
                    </div>
                    <!-- PAGE-HEADER END -->

                    <!-- Row -->
                    <div class="row">
                        <div class="col-sm-12 col-md-12">
                            <div class="card">
                                <div class="card-body pb-0">
                                    <div class="input-group mb-2">
                                        <input type="text" class="form-control" placeholder="Searching.....">
                                        <span class="input-group-text btn btn-primary">Search</span>
                                    </div>
                                    <div class="tabs-menu search-tabs">
                                        <ul class="nav panel-tabs">
                                            <li><a href="#tab5" class="active" data-bs-toggle="tab">All</a></li>
                                            <li><a href="#tab6" data-bs-toggle="tab" class="text-dark">Images</a></li>
                                            <li><a href="#tab7" data-bs-toggle="tab" class="text-dark">Books</a></li>
                                            <li><a href="#tab8" data-bs-toggle="tab" class="text-dark">News</a></li>
                                            <li><a href="#tab9" data-bs-toggle="tab" class="text-dark">Videos</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-body p-3">
                                    <p class="text-muted mb-0 ps-3">About 12,546,90000 results (0.56 Seconds)</p>
                                </div>
                            </div>
                            <div class="panel-body tabs-menu-body p-0 border-0">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="tab5">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Templist – HTML5 Digital Marketplace Template by ...</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/templist/Html/index.html</a>
                                                <p class="text-muted mt-2 mb-2">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia
                                                    dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (48) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$24</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Zendash - Bootstrap HTML Dashboard Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/zendash/html/</a>
                                                <p class="text-muted mt-2 mb-1">Treal Template included in 30 versions. In the demo 30 versions is shown in 4 floders. And In the final each version has single floder corresponding to that ...</p>
                                                <p class="text-muted  mb-2">Tags: admin, admin dashboard, admin panel, admin template, backend, bootstrap, bootstrap 4, clean, dashboard, flat, jquery, modern, premium admin templates ...</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (48) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$24</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Zendash template related Images</a>
                                                </div>
                                                <div class="tags mb-2">
                                                    <span class="tag">
                                                background
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                admin template
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                UX designs
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                Presentation
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                </div>
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Zendash - Bootstrap HTML Dashboard Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/zendash/html/</a>
                                                <p class="text-muted mt-2 mb-1">Treal Template included in 30 versions. In the demo 30 versions is shown in 4 floders. And In the final each version has single floder corresponding to that ...</p>
                                                <p class="text-muted  mb-2">Tags: admin, admin dashboard, admin panel, admin template, backend, bootstrap, bootstrap 4, clean, dashboard, flat, jquery, modern, premium admin templates ...</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (48) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$24</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Eduserv Website Templates from ThemeForest</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://spruko.com/demo/eduserv/html/</a>
                                                <p class="text-muted mt-2 mb-2">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia
                                                    dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (18) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$12</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">HostOne – Web Hosting HTML Creative Responsive Clean Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/hostone/html/</a>
                                                <p class="text-muted mt-2 mb-1"> HostOne - Web Hosting HTML Creative Responsive Clean Template by sprukosoft HostOne -HTML Templates is a Clean, Simple Responsive Template Design.</p>
                                                <p class="text-muted  mb-2">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim
                                                    ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
                                                    nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (18) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$12</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="tab6">
                                        <div class="demo-gallery card">
                                            <div class="card-body">
                                                <!-- GALLERY DEMO OPEN -->
                                                <div class="masonry row">
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href="{{asset('assets/images/media/1.jpg')}}" class="js-img-viewer" data-caption="IMAGE-01"
                                                                data-id="lion">
                                                                <img src="{{asset('assets/images/media/1.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href="{{asset('assets/images/media/2.jpg')}}" class="js-img-viewer" data-caption="IMAGE-02"
                                                                data-id="camel">
                                                                <img src="{{asset('assets/images/media/2.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href="{{asset('assets/images/media/3.jpg')}}" class="js-img-viewer" data-caption="IMAGE-03"
                                                                data-id="hippo">
                                                                <img src="{{asset('assets/images/media/3.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href="{{asset('assets/images/media/4.jpg')}}" class="js-img-viewer" data-caption="IMAGE-04"
                                                                data-id="koala">
                                                                <img src="{{asset('assets/images/media/4.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href="{{asset('assets/images/media/5.jpg')}}"  class="js-img-viewer" data-caption="IMAGE-05"
                                                                data-id=" bear">
                                                                <img src=" {{asset('assets/images/media/5.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href=" {{asset('assets/images/media/6.jpg')}}" class=" js-img-viewer" data-caption="IMAGE-06"
                                                                data-id=" rhino">
                                                                <img src=" {{asset('assets/images/media/6.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href=" {{asset('assets/images/media/7.jpg')}}" class=" js-img-viewer" data-caption="IMAGE-07"
                                                                data-id=" rhino">
                                                                <img src=" {{asset('assets/images/media/7.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href=" {{asset('assets/images/media/8.jpg')}}" class=" js-img-viewer" data-caption="IMAGE-08"
                                                                data-id=" rhino">
                                                                <img src=" {{asset('assets/images/media/8.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href=" {{asset('assets/images/media/9.jpg')}}" class=" js-img-viewer" data-caption="IMAGE-09"
                                                                data-id=" rhino">
                                                                <img src=" {{asset('assets/images/media/9.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href=" {{asset('assets/images/media/10.jpg')}}" class=" js-img-viewer" data-caption="IMAGE-10"
                                                                data-id=" rhino">
                                                                <img src=" {{asset('assets/images/media/10.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href=" {{asset('assets/images/media/11.jpg')}}" class=" js-img-viewer" data-caption="IMAGE-11"
                                                                data-id=" rhino">
                                                                <img src=" {{asset('assets/images/media/11.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                                        <div class="brick">
                                                            <a href=" {{asset('assets/images/media/14.jpg')}}" class=" js-img-viewer" data-caption="IMAGE-11"
                                                                data-id=" rhino">
                                                                <img src=" {{asset('assets/images/media/14.jpg')}}" alt="" />
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- GALLERY DEMO CLOSED -->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="tab7">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Zendash - Bootstrap HTML Dashboard Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/zendash/html/</a>
                                                <p class="text-muted mt-2 mb-1">Treal Template included in 30 versions. In the demo 30 versions is shown in 4 floders. And In the final each version has single floder corresponding to that ...</p>
                                                <p class="text-muted  mb-2">Tags: admin, admin dashboard, admin panel, admin template, backend, bootstrap, bootstrap 4, clean, dashboard, flat, jquery, modern, premium admin templates ...</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (48) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$24</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Zendash template related Images</a>
                                                </div>
                                                <div class="tags mb-2">
                                                    <span class="tag">
                                                background
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                admin template
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                UX designs
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                Presentation
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                </div>
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Zendash - Bootstrap HTML Dashboard Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/zendash/html/</a>
                                                <p class="text-muted mt-2 mb-1">Treal Template included in 30 versions. In the demo 30 versions is shown in 4 floders. And In the final each version has single floder corresponding to that ...</p>
                                                <p class="text-muted  mb-2">Tags: admin, admin dashboard, admin panel, admin template, backend, bootstrap, bootstrap 4, clean, dashboard, flat, jquery, modern, premium admin templates ...</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (48) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$24</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Eduserv Website Templates from ThemeForest</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://spruko.com/demo/eduserv/html/</a>
                                                <p class="text-muted mt-2 mb-2">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia
                                                    dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (18) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$12</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">HostOne – Web Hosting HTML Creative Responsive Clean Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/hostone/html/</a>
                                                <p class="text-muted mt-2 mb-1"> HostOne - Web Hosting HTML Creative Responsive Clean Template by sprukosoft HostOne -HTML Templates is a Clean, Simple Responsive Template Design.</p>
                                                <p class="text-muted  mb-2">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim
                                                    ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
                                                    nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (18) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$12</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="tab8">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Zendash template related Images</a>
                                                </div>
                                                <div class="tags mb-2">
                                                    <span class="tag">
                                                background
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                admin template
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                UX designs
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                    <span class="tag">
                                                Presentation
                                                <a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
                                            </span>
                                                </div>
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Zendash - Bootstrap HTML Dashboard Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/zendash/html/</a>
                                                <p class="text-muted mt-2 mb-1">Treal Template included in 30 versions. In the demo 30 versions is shown in 4 floders. And In the final each version has single floder corresponding to that ...</p>
                                                <p class="text-muted  mb-2">Tags: admin, admin dashboard, admin panel, admin template, backend, bootstrap, bootstrap 4, clean, dashboard, flat, jquery, modern, premium admin templates ...</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (48) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$24</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Eduserv Website Templates from ThemeForest</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://spruko.com/demo/eduserv/html/</a>
                                                <p class="text-muted mt-2 mb-2">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia
                                                    dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (18) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$12</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">HostOne – Web Hosting HTML Creative Responsive Clean Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/hostone/html/</a>
                                                <p class="text-muted mt-2 mb-1"> HostOne - Web Hosting HTML Creative Responsive Clean Template by sprukosoft HostOne -HTML Templates is a Clean, Simple Responsive Template Design.</p>
                                                <p class="text-muted  mb-2">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim
                                                    ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
                                                    nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (18) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$12</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="tab9">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">Eduserv Website Templates from ThemeForest</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://spruko.com/demo/eduserv/html/</a>
                                                <p class="text-muted mt-2 mb-2">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia
                                                    dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (18) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$12</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="mb-2">
                                                    <a href="javascript:void(0)" class="h4 text-dark">HostOne – Web Hosting HTML Creative Responsive Clean Template</a>
                                                </div>
                                                <a href="javascript:void(0)" class="text-primary">https://www.spruko.com/demo/hostone/html/</a>
                                                <p class="text-muted mt-2 mb-1"> HostOne - Web Hosting HTML Creative Responsive Clean Template by sprukosoft HostOne -HTML Templates is a Clean, Simple Responsive Template Design.</p>
                                                <p class="text-muted  mb-2">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim
                                                    ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
                                                    nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
                                                <div>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)"><i class="fa fa-star-o text-yellow fs-16"></i></a>
                                                    <a href="javascript:void(0)" class="me-4"> (18) Reviews</a>
                                                    <a href="javascript:void(0)" class="fw-semibold">USD-$12</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center">
                                <div class="mb-5">
                                    <ul class="pagination justify-content-center">
                                        <li class="page-item page-prev disabled">
                                            <a class="page-link" href="javascript:void(0)" tabindex="-1">Prev</a>
                                        </li>
                                        <li class="page-item active"><a class="page-link" href="javascript:void(0)">1</a></li>
                                        <li class="page-item"><a class="page-link" href="javascript:void(0)">2</a></li>
                                        <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
                                        <li class="page-item"><a class="page-link" href="javascript:void(0)">4</a></li>
                                        <li class="page-item"><a class="page-link" href="javascript:void(0)">5</a></li>
                                        <li class="page-item page-next">
                                            <a class="page-link" href="javascript:void(0)">Next</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Row -->

        @endsection

    @section('scripts')

    <!-- INTERNAL SELECT2 JS -->
    <script src="{{asset('assets/plugins/select2/select2.full.min.js')}}"></script>
    <script src="{{asset('assets/js/select2.js')}}"></script>

    @endsection
