@extends('layouts.base')

@section('title', 'Accueil')

@section('content')
    <section class="slider-home-1 owl-carousel owl-theme">
        <div class="slides item" style="background-image: url(https://www.economiematin.fr/wp-content/uploads/2022/09/protection-lutte-environnement-mort-danger-militants-pape-francois.jpeg)">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="home-life">
                            <h1>ONG MIPSE</h1>
                            <h4>Bienvenue sur le site de Mouvement Ivoirien Pour la Sauvegarde de l'Environnement </h4>
{{--                            <a href="donation-page.html" class="btn"><span>Fair</span></a>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slides item" style="background-image: url(https://images.pexels.com/photos/13983133/pexels-photo-13983133.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1)">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="home-life">
                            <h1>Une faune riche</h1>
                            <h4>Luttons pour une faune pleine de vie .</h4>
{{--                            <a href="donation-page.html" class="btn"><span>Donate Now</span></a>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slides item"  style="background-image: url(https://cdn.unitycms.io/images/7swn5Zwlazp8PkJEcHSQZ1.jpg?op=ocroped&val=1200,1200,1000,1000,0,0&sum=G-4BxvxjC5A)">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="home-life">
                            <h1>Non à la pollution</h1>
                            <h4>Preservons nos forêts pour un climat meilleur</h4>
{{--                            <a href="donation-page.html" class="btn"><span>Donate Now</span></a>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="what-we-provide gap no-top">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div style="background-color:#fdd65b" class="volunteer">
                        <i>
                            <svg
                                version="1.1"
                                id="svg3060"
                                xml:space="preserve"
                                width="682.66669"
                                height="682.66669"
                                viewBox="0 0 682.66669 682.66669"
                                xmlns="http://www.w3.org/2000/svg"><defs
                                    id="defs3064"><clipPath
                                        clipPathUnits="userSpaceOnUse"
                                        id="clipPath3074"><path
                                            d="M 0,512 H 512 V 0 H 0 Z"
                                            id="path3072" /></clipPath></defs><g
                                    id="g3066"
                                    transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)"><g
                                        id="g3068"><g
                                            id="g3070"
                                            clip-path="url(#clipPath3074)"><g
                                                id="g3076"
                                                transform="translate(189.7695,76.1875)"><path
                                                    d="m 0,0 h -109.51 c -29.099,0 -36.636,9.638 -30.034,39.43 13.231,59.639 41.537,124.268 143.794,139.177 v 47.565 M 264.894,66.273 C 267.727,57.344 270.021,48.33 272.005,39.43 278.607,9.638 271.07,0 241.972,0 H 132.461 m -4.222,226.343 v -47.736 c 39.979,-5.838 68.654,-19.274 89.564,-37.047"
                                                    style="fill:none;stroke:#fff;stroke-width:20.148;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path3078" /></g><g
                                                id="g3080"
                                                transform="translate(353.7373,404.1221)"><path
                                                    d="m 0,0 v -34.781 c 0,-44.786 -62.221,-99.664 -97.836,-99.664 -35.588,0 -97.837,54.878 -97.837,99.664 V 0 c 0,53.828 44.03,97.878 97.837,97.878 C -44.03,97.878 0,53.828 0,0 Z"
                                                    style="fill:none;stroke:#fff;stroke-width:20.148;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path3082" /></g><g
                                                id="g3084"
                                                transform="translate(193.9912,254.7949)"><path
                                                    d="M 0,0 61.995,-39.627 123.989,0"
                                                    style="fill:none;stroke:#fff;stroke-width:20.148;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path3086" /></g><g
                                                id="g3088"
                                                transform="translate(255.9858,215.168)"><path
                                                    d="m 0,0 -51.482,-35.404 -50.407,65.592"
                                                    style="fill:none;stroke:#fff;stroke-width:20.148;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path3090" /></g><g
                                                id="g3092"
                                                transform="translate(158.064,402.2227)"><path
                                                    d="m 0,0 c 35.757,35.659 61.569,-6.123 97.837,-6.123 36.267,0 62.108,41.782 97.836,6.123"
                                                    style="fill:none;stroke:#fff;stroke-width:20.148;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path3094" /></g><g
                                                id="g3096"
                                                transform="translate(256.0142,10)"><path
                                                    d="m 0,0 -60.011,57.939 c -16.49,17.092 -16.49,45.07 0,62.163 14.393,14.938 38.251,12.954 53.324,-1.163 6.885,-6.434 6.489,-6.434 13.346,0 15.101,14.117 38.93,16.101 53.324,1.163 16.49,-17.093 16.49,-45.071 0,-62.163 z"
                                                    style="fill:none;stroke:#fff;stroke-width:20.148;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path3098" /></g><g
                                                id="g3100"
                                                transform="translate(255.9858,215.168)"><path
                                                    d="m 0,0 51.511,-35.404 50.406,65.592"
                                                    style="fill:none;stroke:#fff;stroke-width:20.148;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path3102" /></g><g
                                                id="g3104"
                                                transform="translate(436.501,183.5049)"><path
                                                    d="M 0,0 V -0.028"
                                                    style="fill:none;stroke:#fff;stroke-width:20.148;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path3106" /></g></g></g></g>
            </svg>
                        </i>
                        <h3>Volontaires</h3>
                        <p>Joignez votre main à la nôtre pour une vie et un avenir meilleurs.</p>
                        <a href="#">S'inscrire</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div style="background-color:#ff3636" class="volunteer donation">
                        <i>
                            <svg
                                version="1.1"
                                id="svg1605"
                                xml:space="preserve"
                                width="682.66669"
                                height="682.66669"
                                viewBox="0 0 682.66669 682.66669"
                                xmlns="http://www.w3.org/2000/svg"><defs
                                    id="defs1609"><clipPath
                                        clipPathUnits="userSpaceOnUse"
                                        id="clipPath1619"><path
                                            d="M 0,512 H 512 V 0 H 0 Z"
                                            id="path1617" /></clipPath></defs><g
                                    id="g1611"
                                    transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)"><g
                                        id="g1613"><g
                                            id="g1615"
                                            clip-path="url(#clipPath1619)"><g
                                                id="g1621"
                                                transform="translate(256,256)"><path
                                                    d="m 0,0 -60,-90 h -186 l 60,90 z"
                                                    style="fill:none;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path1623" /></g><g
                                                id="g1625"
                                                transform="translate(70,166)"><path
                                                    d="M 0,0 V -156 H 372 V 0"
                                                    style="fill:none;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path1627" /></g><g
                                                id="g1629"
                                                transform="translate(256,10)"><path
                                                    d="M 0,0 V 246"
                                                    style="fill:none;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path1631" /></g><g
                                                id="g1633"
                                                transform="translate(196,352)"><path
                                                    d="m 0,0 c -53.38,44.48 -90,67.8 -90,103.03 0,25.47 18.36,46.97 45,46.97 34.2,0 45,-37.5 45,-37.5 0,0 10.8,37.5 45,37.5 26.64,0 45,-21.5 45,-46.97 C 90,67.8 53.38,44.48 0,0 Z"
                                                    style="fill:none;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path1635" /></g><g
                                                id="g1637"
                                                transform="translate(376,400.75)"><path
                                                    d="m 0,0 c 0,0 7.2,26.25 30,26.25 17.76,0 30,-15.05 30,-32.88 0,-24.66 -24.42,-40.98 -60,-72.12 -35.58,31.14 -60,47.46 -60,72.12 0,17.83 12.24,32.88 30,32.88 C -7.2,26.25 0,0 0,0 Z"
                                                    style="fill:none;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path1639" /></g><g
                                                id="g1641"
                                                transform="translate(359,246)"><path
                                                    d="m 0,0 c -5.518,0 -10,4.482 -10,10 0,5.518 4.482,10 10,10 C 5.518,20 10,15.518 10,10 10,4.482 5.518,0 0,0"
                                                    style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
                                                    id="path1643" /></g><g
                                                id="g1645"
                                                transform="translate(313.9995,256)"><path
                                                    d="M 0,0 H -58 L 2,-90 H 188 L 128,0 H 90"
                                                    style="fill:none;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path1647" /></g></g></g></g>
              </svg>
                        </i>
                        <h3>Donation</h3>
                        <p>Soutenu par les dirigeants de la communauté, les entreprises mécènes etc.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div style="background-color:#26268e" class="volunteer fundraise mb-0">
                        <i>
                            <svg
                                version="1.1"
                                id="svg9"
                                xml:space="preserve"
                                width="682.66669"
                                height="682.66669"
                                viewBox="0 0 682.66669 682.66669"
                                xmlns="http://www.w3.org/2000/svg"><defs
                                    id="defs13"><clipPath
                                        clipPathUnits="userSpaceOnUse"
                                        id="clipPath23"><path
                                            d="M 0,512 H 512 V 0 H 0 Z"
                                            id="path21" /></clipPath></defs><g
                                    id="g15"
                                    transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)"><g
                                        id="g17"><g
                                            id="g19"
                                            clip-path="url(#clipPath23)"><g
                                                id="g25"
                                                transform="translate(256,438.2524)"><path
                                                    d="m 0,0 c 0,0 20.772,20.774 41.545,41.54 22.945,22.943 60.146,22.943 83.091,0 22.944,-22.943 22.944,-60.145 0,-83.089 C 75.413,-90.769 0,-166.186 0,-166.186 c 0,0 -75.413,75.417 -124.635,124.637 -22.945,22.944 -22.945,60.146 0,83.089 22.945,22.943 60.146,22.943 83.091,0 C -20.772,20.774 0,0 0,0 Z"
                                                    style="fill:none;stroke:#fff;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path27" /></g><g
                                                id="g29"
                                                transform="translate(15,336.3335)"><path
                                                    d="M 0,0 32.133,16.066"
                                                    style="fill:none;stroke:#fff;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path31" /></g><g
                                                id="g33"
                                                transform="translate(15,497)"><path
                                                    d="M 0,0 32.133,-16.067"
                                                    style="fill:none;stroke:#fff;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path35" /></g><g
                                                id="g37"
                                                transform="translate(497,336.3335)"><path
                                                    d="M 0,0 -32.133,16.066"
                                                    style="fill:none;stroke:#fff;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path39" /></g><g
                                                id="g41"
                                                transform="translate(497,497)"><path
                                                    d="M 0,0 -32.133,-16.067"
                                                    style="fill:none;stroke:#fff;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path43" /></g><g
                                                id="g45"
                                                transform="translate(299.9673,175.6665)"><path
                                                    d="m 0,0 h -105.004 c -12.783,0 -25.044,-5.077 -34.083,-14.114 -9.039,-9.038 -14.117,-21.297 -14.117,-34.086 h -51.43 v -80.333 H 17.21 c 14.547,0 28.499,5.784 38.786,16.067 33.744,33.747 108.903,108.907 108.903,108.907 -25.097,25.097 -65.789,25.097 -90.886,0 -19.172,-19.175 -39.701,-39.7 -51.296,-51.3 -6.023,-6.017 -14.192,-9.408 -22.711,-9.408 H -54.855 0 c 17.735,0 32.133,14.404 32.133,32.134 C 32.133,-14.396 17.735,0 0,0 Z"
                                                    style="fill:none;stroke:#fff;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                    id="path47" /></g><path
                                                d="M 15,15 H 95.333 V 159.6 H 15 Z"
                                                style="fill:none;stroke:#fff;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
                                                id="path49" /></g></g></g>
          </svg>
                        </i>
                        <h3>Collecte de fonds</h3>
                        <p>Organisme non lucratif soutenu par la communauté</p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section>
            <div class="container">
                <div class="heading">
                    <img alt="icon" src="{{asset('assets/img/logo-icon.png')}}">
                    <p>Bienvenue à MIPSE.</p>
                    <h2>Ensemble aidons notre environnement.</h2>
                </div>
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-8">
                                <div class="help-man hoverimg">
                                    <figure>
                                        <img alt="man" class="w-100" src="https://winsfolio.net/html/orphan/assets/img/help-img-1.jpg">
                                    </figure>
{{--                                    <h5>We help more than 23k children every year</h5>--}}
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="help-man hoverimg">
                                    <img alt="man" class="helptwo" src="https://winsfolio.net/html/orphan/assets/img/help-img-2.jpg">
                                    <figure>
                                        <img alt="man" class="w-100 mt-4" src="https://winsfolio.net/html/orphan/assets/img/help-img-3.jpg">
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 ps-xl-5">
                        <div class="help-man-data">
                            <p>
                                Créée le 04 Février 2018 à Abidjan, l’ONG « MIPSE » pour parvenir à son but, celui de sauvegarder l’environnement en
                                vue d’un développement durable s’est fixé comme objectifs :
                            </p>
                            <ul>
                                <li><div class="bol"></div> La promotion de l’hygiène publique et de la santé.</li>
                                <li><div class="bol"></div>La Gestion des Déchets</li>
                                <li><div class="bol"></div> La lutte contre le changement climatique</li>
                                <li><div class="bol"></div> La lutte contre la déforestation</li>
                                <li><div class="bol"></div> La lutte contre la pauvreté</li>
                            </ul>
                            <a href="#" class="btn"><span>En savoir+ </span></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    <section class="gap">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="nonprofit">
                        <img alt="shaps" src="{{asset('assets/img/shaps-1.png')}}">
                        <p>Les partenaires non lucratifs créent des opportunités pour </p>
                        <div class="justify-content-center d-flex align-items-center">
                            <div id="odometer" class="odometer odometer1" data-id="200">0</div>
                            <span>+</span>
                        </div>
                        <h6>Jeunes chaque années</h6>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="nonprofit">
                        <img alt="shaps" src="{{asset('assets/img/shaps-2.png')}}">
                        <p>Nos partenaires développent l'apprentissage socio-affectif</p>
                        <div class="justify-content-center d-flex align-items-center">
                            <div id="odometer2" class="odometer odometer2" data-id="100">0</div><span>M</span>
                        </div>
                        <h6>Nombre de jeunes bénéficiaires</h6>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="nonprofit">
                        <img alt="shaps" src="assets/img/shaps-3.png">
                        <p>Pour la sauvegarde de l'environnement plus de  </p>
                        <div class="justify-content-center d-flex align-items-center">
                            <div id="odometer3" class="odometer odometer3" data-id="10">0</div><span>M </span>
                        </div>
                        <h6>Collectés</h6>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="gap section-recent-causes">
        <div class="container">
            <div class="heading">
                <img alt="icon" src="{{asset('assets/img/logo-icon.png')}}">
                <p>un don pour notre causes</p>
                <h2>Nos projets en financement</h2>
            </div>
            <div class="zoom-slider owl-carousel">
                <div class="item recent-causes">
                    <img alt="recentimg" src="https://winsfolio.net/html/orphan/assets/img/recent-causes-1.jpg">
                    <i class="fa-solid fa-bolt"></i>
                    <div class="recent-causes-data">
                        <a href="#">
                            <h3>Planter de 8 000 hectares</h3>
                        </a>
                        <p>Mettre en place des forêts artificielles de 8 000 hectares reparties sur les
                            8 000 villages du territoire national d’ici 2025.</p>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 65%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <div class="goal">
                            <span>Goal: 1 900 000 FCFA</span>
                            <span>Collectés: 800 000 FCFA</span>
                        </div>
                        <a href="" class="btn two mt-3"><span>Faire un don</span></a>
                    </div>
                </div>
                <div class="item recent-causes">
                    <img alt="recentimg" src="https://winsfolio.net/html/orphan/assets/img/recent-causes-1.jpg">
                    <i class="fa-solid fa-bolt"></i>
                    <div class="recent-causes-data">
                        <a href="#">
                            <h3>Planter de 8 000 hectares</h3>
                        </a>
                        <p>Mettre en place des forêts artificielles de 8 000 hectares reparties sur les
                            8 000 villages du territoire national d’ici 2025.</p>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 65%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <div class="goal">
                            <span>Goal: 1 900 000 FCFA</span>
                            <span>Collectés: 800 000 FCFA</span>
                        </div>
                        <a href="" class="btn two mt-3"><span>Faire un don</span></a>
                    </div>
                </div>
                <div class="item recent-causes">
                    <img alt="recentimg" src="https://winsfolio.net/html/orphan/assets/img/recent-causes-1.jpg">
                    <i class="fa-solid fa-bolt"></i>
                    <div class="recent-causes-data">
                        <a href="#">
                            <h3>Planter de 8 000 hectares</h3>
                        </a>
                        <p>Mettre en place des forêts artificielles de 8 000 hectares reparties sur les
                            8 000 villages du territoire national d’ici 2025.</p>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 65%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <div class="goal">
                            <span>Goal: 1 900 000 FCFA</span>
                            <span>Collectés: 800 000 FCFA</span>
                        </div>
                        <a href="" class="btn two mt-3"><span>Faire un don</span></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="join-cause">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-5 col-lg-12">
                    <div class="change-we-need">
                        <div class="heading two">
                            <p>Rejoignez-nous</p>
                            <h2>Ensemble nous pouvons plus</h2>
                        </div>
                        <ul class="heart">
                            <li><i class="fa-solid fa-heart pe-3"></i>Changer le monde</li>
                            <li class="pt-3"><i class="fa-solid fa-heart pe-3"></i>Faire plus</li>
                            <li class="pt-3"><i class="fa-solid fa-heart pe-3"></i>Faire la difference</li>
                            <li class="pt-3"><i class="fa-solid fa-heart pe-3"></i>Faire plus avec peu </li>
                            <li class="pt-3"><i class="fa-solid fa-heart pe-3"></i></li>
                            <li class="pt-3"><i class="fa-solid fa-heart pe-3"></i></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-12">
                    <div class="row change-we-img hoverimg">
                        <div class="col-8">
                            <figure>
                                <img alt="We Need" class="w-100" src="https://winsfolio.net/html/orphan/assets/img/we-need-1.jpg">
                            </figure>
                        </div>
                        <div class="col-4">
                            <figure>
                                <img alt="We Need" class="w-100" src="https://winsfolio.net/html/orphan/assets/img/we-need-2.jpg">
                            </figure>
                        </div>
                        <div class="col-4">
                            <figure>
                                <img class="mt-4 w-100" alt="We Need" src="https://winsfolio.net/html/orphan/assets/img/we-need-3.jpg">
                            </figure>
                        </div>
                        <div class="col-8">
                            <figure>
                                <img class="mt-4 w-100" alt="We Need" src="https://winsfolio.net/html/orphan/assets/img/we-need-4.jpg">
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="gap">
        <div class="container">
            <div class="heading">
                <img alt="icon" src="assets/img/logo-icon.png">
                <p>Nos Activites</p>
                <h2>ACTIVITES REALISEES</h2>
            </div>
            <div class="row">
                <div class="col-xl-4 col-lg-6">
                    <div class="upcoming-event-img">
                        <figure>
                            <img alt="upcoming-events" src="https://winsfolio.net/html/orphan/assets/img/upcoming-events-2.jpg">
                        </figure>
                        <a href="#"><i class="fa-solid fa-angle-right"></i></a>
                        <div class="upcoming-event-time">
                            <h4>25<span>Avr<br>2023</span></h4>
                        </div>
                        <div class="upcoming-event-data">
                            <a href="#"><h4>25 Avril 2018</h4></a>
                            <h6 class="pb-2"><i class="fa-solid fa-clock pe-3"></i>10:00 - 14:00 pm </h6>
                            <h6><i class="fa-solid fa-location-dot pe-3"></i>Yopougon Niangon, ABIDJAN</h6>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6">
                    <div class="upcoming-event-img">
                        <figure>
                            <img alt="upcoming-events" src="https://winsfolio.net/html/orphan/assets/img/upcoming-events-2.jpg">
                        </figure>
                        <a href="#"><i class="fa-solid fa-angle-right"></i></a>
                        <div class="upcoming-event-time">
                            <h4>25<span>Avr<br>2023</span></h4>
                        </div>
                        <div class="upcoming-event-data">
                            <a href="#"><h4>25 Avril 2018</h4></a>
                            <h6 class="pb-2"><i class="fa-solid fa-clock pe-3"></i>10:00 - 14:00 pm </h6>
                            <h6><i class="fa-solid fa-location-dot pe-3"></i>Yopougon Niangon, ABIDJAN</h6>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6">
                    <div class="upcoming-event-img">
                        <figure>
                            <img alt="upcoming-events" src="https://winsfolio.net/html/orphan/assets/img/upcoming-events-2.jpg">
                        </figure>
                        <a href="#"><i class="fa-solid fa-angle-right"></i></a>
                        <div class="upcoming-event-time">
                            <h4>25<span>Avr<br>2023</span></h4>
                        </div>
                        <div class="upcoming-event-data">
                            <a href="#"><h4>25 Avril 2018</h4></a>
                            <h6 class="pb-2"><i class="fa-solid fa-clock pe-3"></i>10:00 - 14:00 pm </h6>
                            <h6><i class="fa-solid fa-location-dot pe-3"></i>Yopougon Niangon, ABIDJAN</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="clients-logo gap">
        <div class="container">
            <div class="logodata owl-carousel owl-theme">
                <div class="partner item">
                    <img alt="clients-logo" src="https://winsfolio.net/html/orphan/assets/img/client-2.png">
                </div>
                <div class="partner item">
                    <img alt="clients-logo" src="https://winsfolio.net/html/orphan/assets/img/client-5.png">
                </div>

                <div class="partner item">
                    <img alt="clients-logo" src="https://winsfolio.net/html/orphan/assets/img/client-2.png">
                </div>
                <div class="partner item">
                    <img alt="clients-logo" src="https://winsfolio.net/html/orphan/assets/img/client-5.png">
                </div>
            </div>
        </div>
    </div>


@endsection