<owl-carousel-o class="carousel" [options]="customOptions">
  <ng-template carouselSlide>
    <div class="slide d-flex flex-column justify-content-between ">
      <div class="d-flex justify-content-end align-items-center mt-4 ">
        <span>5</span>
        <img
          src="../../../../../../assets/images/svg/medium-star.svg"
          alt=""
          width="25px"
          height="25px"
          class="mr-5"
        />
      </div>
      <div class="mb-4">
        <i>Panaderia Blink</i>
      </div>
    </div>
  </ng-template>
  <ng-template carouselSlide>
    <div class="slide">hola</div>
  </ng-template>
  <ng-template carouselSlide>
    <div class="slide">hola</div>
  </ng-template>
  <ng-template carouselSlide>
    <div class="slide">hola</div>
  </ng-template>
  <ng-template carouselSlide>
    <div class="slide">hola</div>
  </ng-template>
</owl-carousel-o>
<app-modal-site></app-modal-site>