@extends("layouts.app")
@section("content")

    <div class="main-slider">
        <img class="img-fluid w-100" src="{{asset('images/innerBnnr.jpg')}}" alt="First slide">
        <div class="carousel-caption">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="text-uppercase">Custom Quotes</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Main Slider -->

    <section class="gallerySec">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center mb-4">
                    <h2>Car Wraps</h2>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes1.jpg')}}" alt="">
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes2.jpg')}}" alt="">
                    </a>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-12 text-center mb-4">
                    <h2>Store fronts</h2>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes3.jpg')}}" alt="">
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes4.jpg')}}" alt="">
                    </a>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-12 text-center mb-4">
                    <h2>Kiosk Wraps</h2>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes5.jpg')}}" alt="">
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes6.jpg')}}" alt="">
                    </a>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-12 text-center mb-4">
                    <h2>Vending Machine and ATM</h2>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes7.jpg')}}" alt="">
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes8.jpg')}}" alt="">
                    </a>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-12 text-center mb-4">
                    <h2>Misc</h2>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes9.jpg')}}" alt="">
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="#" class="galleryWrap wow bounceIn" data-wow-delay="0.3s">
                        <img src="{{asset('images/quotes10.jpg')}}" alt="">
                    </a>
                </div>
            </div>

        </div>
    </section>
@endsection