templates/front/includes/courses/_course_item.html.twig line 1

  1.   <div class="card shadow h-100">
  2.             <!-- Lien global -->
  3.             <a href="{{ path('app_front_course_details', {slug: course.slug}) }}" class="text-decoration-none text-dark">
  4.                 <!-- Image -->
  5.                 <img src="{{ asset('uploads/media/courses/' ~ course.media.imageFile) }}" class="card-img-top" alt="course image">
  6.                 <!-- Card body -->
  7.                 <div class="card-body pb-0">
  8.                     <!-- Badge and favorite -->
  9.                     <div class="d-flex justify-content-between mb-2">
  10.                         <span class="badge bg-purple bg-opacity-10 text-purple">{{ course.niveauDifficulte }}</span>
  11.                         <i class="far fa-heart h6 mb-0"></i>
  12.                     </div>
  13.                     <!-- Title -->
  14.                     <h5 class="card-title fw-normal">{{ course.intitule|u.truncate(48, '...') }}</h5>
  15.                     <p class="mb-2 text-truncate-2">{{ course.description|raw|u.truncate(100) }}</p>
  16.                     <!-- Rating star -->
  17.                     <ul class="list-inline mb-0">
  18.                         <li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
  19.                         <li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
  20.                         <li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
  21.                         <li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
  22.                         <li class="list-inline-item me-0 small"><i class="far fa-star text-warning"></i></li>
  23.                         <li class="list-inline-item ms-2 h6 fw-light mb-0">4.0/5.0</li>
  24.                     </ul>
  25.                 </div>
  26.             </a>
  27.             <!-- Card footer -->
  28.             <div class="card-footer pt-0 pb-3">
  29.                 <hr>
  30.                 <div class="d-flex justify-content-between">
  31.                     <span class="h6 fw-light mb-0"><i class="far fa-clock text-danger me-2"></i>{{ course.dureeApprentissage }}</span>
  32.                     <span class="h6 fw-light mb-0"><i class="fas fa-table text-orange me-2"></i>{{ course.numberOfLessons >= 10 ? course.numberOfLessons : '0' ~ course.numberOfLessons }} {% trans %}LESSONS_KEY{% endtrans %}</span>
  33.                 </div>
  34.             </div>
  35.         </div>