@extends('frontend.jpt.layout.mainlayout')
@section('content')
    <section class="cover-background full-screens py-0 md-h-250px sm-h-250px"
        style="background-image:url({{ URL::asset('/assets/frontend/jpt/img/banner-3.jpg') }});">
        {{-- <div class="opacity-very-light bg-black"></div> --}}
        <div class="opacity-light bg-black"></div>
        <div class="container h-100">
            <div class="row align-items-center justify-content-center h-300px sm-h-300px">
                <div class="col-xl-10 col-lg-10 col-md-10 position-relative z-index-1 mt-5">
                    <div class="d-flex justify-content-center">
                        <h3 class="alt-font text-white fw-600 text-center letter-spacing-4px pt-2 mt-5"> SPONSORS
                        </h3>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="pt-4 pb-4 bg-very-light-gray" id="nos-partenaires">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <div class="row row-cols-2 row-cols-md-3 g-3 justify-content-center">
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/01 - 2M Pharma-100.jpg') }}"
                                            alt="2M Pharma" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/02 - Kilani-100.jpg') }}"
                                            alt="Kilani" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/03 - SVR-100.jpg') }}"
                                            alt="SVR" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/04 - TUNITALIA-100.jpg') }}"
                                            alt="TUNITALIA" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/05 - GS Santé-100.jpg') }}"
                                            alt="GS Santé" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/06 - New Medica-100.jpg') }}"
                                            alt="New Medica" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/07 - Loreal-100.jpg') }}"
                                            alt="L'oreal" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/08 - Cosmedis-100.jpg') }}"
                                            alt="Cosmedis" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/09 - Dahlia-100.jpg') }}"
                                            alt="Dahlia" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/10 - Daylong-100.jpg') }}"
                                            alt="Daylong" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/10 - Emadis-100.jpg') }}"
                                            alt="Emadis" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/11 - Pharma Chimique-100.jpg') }}"
                                            alt="Pharma Chimique" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/12 - Phyteal-100.jpg') }}"
                                            alt="Phyteal" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/14 - Opalia-100.jpg') }}"
                                            alt="Opalia" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/15 - Roncey-100.jpg') }}"
                                            alt="Roncey" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/16 - Alania - Bioderma-100.jpg') }}"
                                            alt="Alania - Bioderma" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/17 - GEI-100.jpg') }}"
                                            alt="GEI" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/19 - Calino esthelle-100.jpg') }}"
                                            alt="Calino esthelle" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/20 - Bioorient-100.jpg') }}"
                                            alt="Bioorient" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/21 - Atlas-100.jpg') }}"
                                            alt="Atlas" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/22 - Proderma-100.jpg') }}"
                                            alt="Proderma" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/23 - Health Pro-100.jpg') }}"
                                            alt="Health Pro" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/24 - Bambini-100.jpg') }}"
                                            alt="Bambini" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/25 - Vita Veine-100.jpg') }}"
                                            alt="Vita Veine" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/26 - Pharmasinus-100.jpg') }}"
                                            alt="Pharmasinus" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/27 - Pharmavision Esthelle-100.jpg') }}"
                                            alt="Pharmavision Esthelle" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/28 - Attijari-100.jpg') }}"
                                            alt="Attijari" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/29 - Hyacinth-100.jpg') }}"
                                            alt="Hyacinth" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/31 - Stoderma-100.jpg') }}"
                                            alt="Stoderma" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/32 - Pharmatec-100.jpg') }}"
                                            alt="Pharmatec" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/33 - Cure all-100.jpg') }}"
                                            alt="Cure all" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/34 - eden life-100.jpg') }}"
                                            alt="eden life" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/35 - sincer-100.jpg') }}"
                                            alt="sincer" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/36 - poly pharma-100.jpg') }}"
                                            alt="poly pharma" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/37 - Oleocare-100.jpg') }}"
                                            alt="Oleocare" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/38 - sentinel Data-100.jpg') }}"
                                            alt="sentinel Data" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/39 - pure care-100.jpg') }}"
                                            alt="pure care" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/40 - Moline-100.jpg') }}"
                                            alt="Moline" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/41 - Therapia-100.jpg') }}"
                                            alt="Therapia" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/42 - striderma-100.jpg') }}"
                                            alt="striderma" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/43 - TWA voyage-100.jpg') }}"
                                            alt="TWA voyage" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col text-center">
                                    <div
                                        class="bg-white pt-4 pb-4 border rounded h-100 d-flex align-items-center justify-content-center">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/sponsors/44 - Ftouh-100.jpg') }}"
                                            alt="Ftouh" class="img-fluid">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection