@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main>
        <div class="blog-highlight-banner" style="background-image:url({{ Module::asset('frontend:img/blog1.jpg') }})">
            <div class="flex items-center">
                <div class="the-container lg:pl-24 text-center">
                    <p class="th-5 text-whiten fs-22 xs:fs-28 md:fs-32 leading-6 md:leading-8">Our Services</p>
                </div>
            </div>
        </div>
        <div class="the-container">
            <div class="sm:-mx-6 flex flex-wrap relative">
                <div class="p-4 w-full">
                    <div class="flex relative z-0 flex-wrap">
                        <div class="w-full tn:w-1/2 md:w-1/3">
                            <div class="show-pan-siz insiz">
                                <img src="{{ Module::asset('frontend:img/solar/ser1.jpg') }}" />
                                <div class="serv-cont z-10 p-6 max-w-[320px]">
                                    <p class="th-5 text-whiten uppercase leading-6 lg:leading-7 fs-22 tn:fs-18 xs:fs-22 md:fs-18 lg:fs-22">Lorem ipsum adipirem ipsum adipi elit.</p>
                                </div>
                                <div class="bd-bk"></div>
                                <div class="pan-more">
                                    <div class="py-6 mx-auto">
                                        <button class="butn-loadm2 butn-w-2h full-url">SEE DETAIL
                                            <a href="{{ url('product-detail') }}"></a>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full tn:w-1/2 md:w-1/3">
                            <div class="show-pan-siz insiz">
                                <img src="{{ Module::asset('frontend:img/solar/ser2.jpg') }}" />
                                <div class="serv-cont z-10 p-6 max-w-[320px]">
                                    <p class="th-5 text-whiten uppercase leading-6 lg:leading-7 fs-22 tn:fs-18 xs:fs-22 md:fs-18 lg:fs-22">Lorem ipsum adipirem ipsum adipi elit.</p>
                                </div>
                                <div class="bd-bk"></div>
                                <div class="pan-more">
                                    <div class="py-6 mx-auto">
                                        <button class="butn-loadm2 butn-w-2h full-url">SEE DETAIL
                                            <a href="{{ url('product-detail') }}"></a>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full tn:w-1/2 md:w-1/3">
                            <div class="show-pan-siz insiz">
                                <img src="{{ Module::asset('frontend:img/solar/ser3.jpg') }}" />
                                <div class="serv-cont z-10 p-6 max-w-[320px]">
                                    <p class="th-5 text-whiten uppercase leading-6 lg:leading-7 fs-22 tn:fs-18 xs:fs-22 md:fs-18 lg:fs-22">Lorem ipsum adipirem ipsum adipi elit.</p>
                                </div>
                                <div class="bd-bk"></div>
                                <div class="pan-more">
                                    <div class="py-6 mx-auto">
                                        <button class="butn-loadm2 butn-w-2h full-url">SEE DETAIL
                                            <a href="{{ url('product-detail') }}"></a>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full tn:w-1/2 md:w-1/3">
                            <div class="show-pan-siz insiz">
                                <img src="{{ Module::asset('frontend:img/solar/ser4.jpg') }}" />
                                <div class="serv-cont z-10 p-6 max-w-[320px]">
                                    <p class="th-5 text-whiten uppercase leading-6 lg:leading-7 fs-22 tn:fs-18 xs:fs-22 md:fs-18 lg:fs-22">Lorem ipsum adipirem ipsum adipi elit.</p>
                                </div>
                                <div class="bd-bk"></div>
                                <div class="pan-more">
                                    <div class="py-6 mx-auto">
                                        <button class="butn-loadm2 butn-w-2h full-url">SEE DETAIL
                                            <a href="{{ url('product-detail') }}"></a>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full tn:w-1/2 md:w-1/3">
                            <div class="show-pan-siz insiz">
                                <img src="{{ Module::asset('frontend:img/solar/ser1.jpg') }}" />
                                <div class="serv-cont z-10 p-6 max-w-[320px]">
                                    <p class="th-5 text-whiten uppercase leading-6 lg:leading-7 fs-22 tn:fs-18 xs:fs-22 md:fs-18 lg:fs-22">Lorem ipsum adipirem ipsum adipi elit.</p>
                                </div>
                                <div class="bd-bk"></div>
                                <div class="pan-more">
                                    <div class="py-6 mx-auto">
                                        <button class="butn-loadm2 butn-w-2h full-url">SEE DETAIL
                                            <a href="{{ url('blog') }}"></a>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full tn:w-1/2 md:w-1/3">
                            <div class="show-pan-siz insiz">
                                <img src="{{ Module::asset('frontend:img/solar/ser2.jpg') }}" />
                                <div class="serv-cont z-10 p-6 max-w-[320px]">
                                    <p class="th-5 text-whiten uppercase leading-6 lg:leading-7 fs-22 tn:fs-18 xs:fs-22 md:fs-18 lg:fs-22">Lorem ipsum adipirem ipsum adipi elit.</p>
                                </div>
                                <div class="bd-bk"></div>
                                <div class="pan-more">
                                    <div class="py-6 mx-auto">
                                        <button class="butn-loadm2 butn-w-2h full-url">SEE DETAIL
                                            <a href="{{ url('blog') }}"></a>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection