@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">Shirts & Apparel</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Main Slider -->

    <section class="productSec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <h2>Shirts & Apparel</h2>
                </div>
                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt1.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>T-shirts</h4>
                    </div>
                </div>

                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt2.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>T-shirts</h4>
                    </div>
                </div>

                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt3.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>T-shirts</h4>
                    </div>
                </div>

                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt4.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>Long sleeve crew neck</h4>
                    </div>
                </div>

                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt5.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>Long sleeve crew neck</h4>
                    </div>
                </div>

                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt6.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>Long sleeve crew neck</h4>
                    </div>
                </div>

                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt7.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>Hoodies</h4>
                    </div>
                </div>

                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt8.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>Hoodies</h4>
                    </div>
                </div>

                <div class="col-md-4 text-center">
                    <div class="prodctBox signBnnr">
                        <figure>
                            <img src="{{asset('images/shirt9.png')}}" class="img-fluid" alt="">
                        </figure>
                        <h4>Hoodies</h4>
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection