@extends('app')
@section('title-page', "Accueil")
@section('content')
    <!--BANNER-->
    <div class="lgx-banner14">

    </div>
    <div class="akwaba"
        style="position: absolute; right: 0; font-size: 100px; margin-top: -475px;margin-right:240px;;font-family:Allura-Regular">
        Akwaba</div>

    <!--BANNER END-->
    <div class="first-container">
        <div class="marqueeIndex">
            @include('components/marquee-text')
        </div>
    </div>

    <section>
        <div class="lgx-about lgx-about-mobile" style="background:#fff">
            <div class="lgx-inner">

                <div class="container">

                    <div class="row custom-row-margin">

                        <div class="col-sm-3 row-first">

                            <p class="p-style">La 18ème Université du Notariat </p>
                            <div style="text-align:center;font-weight:bold">Africain débutera dans :</div>
                            <div class="counter">

                                <div style="display:flex;margin-bottom:40px">
                                    <span style="font-size:15px;text-align:right">JOURS</span>
                                    <span id="days" style="color:#FFF200">00</span>
                                </div>

                                <div style="display:flex;margin-bottom:40px">
                                    <span style="font-size:15px;text-align:right">HEURES</span>
                                    <span id="hours" style="color:rgb(255,138,0)">00</span>
                                </div>

                                <div style="display:flex;margin-bottom:40px">
                                    <span style="font-size:15px;text-align:right">MINUTES</span>
                                    <span id="minutes" style="color:#00B9FF">00</span>
                                </div>

                                <div style="display:flex;">
                                    <span style="font-size:15px;text-align:right;margin-right:9px">SECONDES</span>
                                    <span id="seconds" style="color:#8DC63F;">00</span>
                                </div>

                            </div>

                            <p id="message"></p>


                        </div>

                        <div class="col-sm-4">

                            <div>
                                <img src="{{ asset('assets/img/telechargement.jpg') }}"
                                    style="width:460px;margin-top:-108px;" />
                            </div>
                        </div>

                        <div class="col-sm-5 row-text">

                            <p class="row-third-title">Akwaba</p>

                            <p>
                                Les vaillants artisans du notariat s'accordent à vous offrir l'hospitalité.
                            </p><br>

                            <p>
                                La Terre d'Eburnie est heureuse d'accueillir toute l'Afrique.
                            </p><br>

                            <p>
                                Bienvenue...
                            <div>Akwaba chez vous !</div>
                            </p>

                        </div>
                    </div>

                </div>
            </div>
        </div>

    </section>


    <div class="container-patner" style="margin-top:-180px;background:#F1F1F1; padding:70px">

        <div class="sections">

            <h1 class="background-text">SPONSORS</h1>
            <h2 style="margin-top:-45px">Nos Partenaires</h2>

        </div>


        <div style="display:flex;justify-content:center;flex-wrap:wrap;margin-top:70px">
               
                        <div class="sponsor-primary-box">
                                <img src="assets/img/media/hotel/AIR_COTE_IVOIRE.png" class="imgPartenaire" />
                        </div>

                        <div class="sponsor-primary-box">
                                <img src="assets/img/media/hotel/lgo-standar-plamclub.png" class="imgPartenaire" />
                        </div>
            
                        <div class="sponsor-primary-box">
                              <img src="assets/img/media/hotel/logoSofitel.png" class="imgPartenaire" />
                        </div>
                 
                        <div class="sponsor-primary-box">
                               <img src="assets/img/media/hotel/noomHotel.png" class="imgPartenaire" />
                        </div>
               
                        <div class="sponsor-primary-box">
                               <img src="assets/img/media/hotel/pullman.png" class="imgPartenaire" />
                        </div>
              
                        <div class="sponsor-primary-box">
                                 <img src="assets/img/media/hotel/seenHotel.png" class="imgPartenaire" />
                        </div>


                         <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/SIB.png" class="imgPartenaire"/>  
            </div>

             <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/FALIS.png" class="imgPartenaire"/>
            </div>
              <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/afgbank.png" class="imgPartenaire"  /> 
            </div>
               
        </div>

         <div style="display:flex;justify-content:center;flex-wrap:wrap;margin-top:40px">
         
                   <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/ADSN.png" class="imgPartenaire"  /> 
            </div>

            <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/BSIC.png" class="imgPartenaire"/> 
            </div>

              <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/NSIA.png" class="imgPartenaire"/> 
            </div>
            
              <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/ORANGE_BANK.png" class="imgPartenaire"/> 
            </div>

            
              <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/PORTEO.png" class="imgPartenaire"/> 
            </div>

             <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/AXA.png" class="imgPartenaire"/> 
            </div>
             <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/CAISSE-DEPOT.png" class="imgPartenaire"/> 
            </div>

            <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/cimed.png" class="imgPartenaire"/> 
            </div>

             <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/cnaj.png" class="imgPartenaire"/> 
            </div>
         
         </div>


{{-- 
        <div class="carousel-container">
    <div class="prev"></div>
    <div class="carousel-wrapper">
        <div class="carousel">

                    <div class="sponsor-primary-box">
                            <img src="assets/img/media/hotel/AIR_COTE_IVOIRE.png" class="imgPartenaire" />
                    </div>
            

                    <div class="sponsor-primary-box">
                            <img src="assets/img/media/hotel/lgo-standar-plamclub.png" class="imgPartenaire" />
                    </div>
           

                    <div class="sponsor-primary-box">
                            <img src="assets/img/media/hotel/logoSofitel.png" class="imgPartenaire" />
                    </div>
            


                   <div class="sponsor-primary-box">
                        <div class="sponsor-second-box">

                            <img src="assets/img/media/hotel/noomHotel.png" class="imgPartenaire" />
                        </div>
                    </div>


                      <div class="sponsor-primary-box">
                        <div class="sponsor-second-box">

                            <img src="assets/img/media/hotel/pullman.png" class="imgPartenaire" />
                        </div>
                    </div>

            <div class="sponsor-primary-box">
                        <div class="sponsor-second-box">
                            <img src="assets/img/media/hotel/seenHotel.png" class="imgPartenaire" />
                        </div>
            </div>


            <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/SIB.png" class="imgPartenaire"/>  
            </div>

             <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/FALIS.png" class="imgPartenaire"/>
            </div>
         
            <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/ADSN.png" class="imgPartenaire"  /> 
            </div>

            <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/BSIC.png" class="imgPartenaire"/> 
            </div>

              <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/NSIA.png" class="imgPartenaire"/> 
            </div>
            
              <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/ORANGE_BANK.png" class="imgPartenaire"/> 
            </div>

            
              <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/PORTEO.png" class="imgPartenaire"/> 
            </div>

             <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/AXA.png" class="imgPartenaire"/> 
            </div>
             <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/CAISSE-DEPOT.png" class="imgPartenaire"/> 
            </div>

            <div class="sponsor-primary-box">
                <img src="assets/img/media/hotel/cimed.png" class="imgPartenaire"/> 
            </div>
        </div>
    </div>
    <div class="next"></div>
</div> --}}

    </div>
@endsection