<div class="multi-carousel" data-mdb-multi-carousel-init>

​

  <div class="multi-carousel-inner">

​

    <!--  Image 1 -->

    <div class="multi-carousel-item"> <img src="https://haute-savoie.ialpes.com/img/icones/img-1-mini.jpg" alt="Img 1" class="w-100"/> </div>

    <!--  /Image 1 -->

​

    <!--  Image 2 -->

    <div class="multi-carousel-item">

      <img src="https://haute-savoie.ialpes.com/img/icones/img-2-mini.jpg"  alt="Img 2" class="w-100"/> 

    </div>             

    <!--  /Image 2 -->

​

​

    <!--  Image 3 -->             

    <div class="multi-carousel-item">              

      <img src="https://haute-savoie.ialpes.com/img/icones/img-3-mini.jpg" data-mdb-img=".https://haute-savoie.ialpes.com/event/img/icones/img-3-large.jpg" alt="Img 3" class="w-100"/>  </div>

    <!--  /Image 3 -->

​

    <!--  Image 4 -->

    <div class="multi-carousel-item">             

      <img src="https://haute-savoie.ialpes.com/img/icones/img-4-mini.jpg" data-mdb-img="https://haute-savoie.ialpes.com/event/img/icones/img-1-large.jpg" alt="Img 4" class="w-100"/> </div>

    <!--  /Image 4 -->

​

  </div>

  <button class="carousel-control-prev" type="button" tabindex="0" data-mdb-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> </button>

  <button class="carousel-control-next" type="button" tabindex="0" data-mdb-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> </button>

</div>