templates/front/home/header/courses.html.twig line 1

  1. <div class="row p-4 g-4">
  2.     <!-- Dropdown column item -->
  3.     <div class="col-xl-6 col-xxl-3">
  4.         <h6 class="mb-0">{% trans %}COURSESCATEGORY_KEY{% endtrans %}</h6>
  5.         <hr>
  6.         <ul class="list-unstyled">
  7.             {% for category in categories %}
  8.                 <li> <a class="dropdown-item" href="{{ url("app_front_category_courses", {slug: category.slug}) }}">{{ category.name }}</a> </li>
  9.             {% endfor %}
  10.             <li> 
  11.                 <a class="dropdown-item bg-primary text-primary bg-opacity-10 rounded-2 mb-0" href="{{ path('app_front_courses_category') }}">{% trans %}VIEWALLCATEGORIES_KEY{% endtrans %}</a>
  12.             </li>
  13.         </ul>
  14.     </div>
  15.     
  16.     <!-- Dropdown column item -->
  17.     <div class="col-xl-6 col-xxl-3">
  18.         <h6 class="mb-0">{% trans %}LASTCOURSES_KEY{% endtrans %}</h6>
  19.         <hr>
  20.         <!-- Dropdown item -->
  21.         {% set icons = ['fa-book text-google-icon', 'fa-book text-linkedin', 'fa-book text-facebook', 'fa-book text-twitter', 'fa-book text-dribbble', 'fa-book-open text-linkedin', 'fa-book text-facebook', 'fa-book text-google-icon'] %}
  22.         {% for course in lastCourses %}
  23.             {% if loop.index <= 4 %}
  24.             <div class="d-flex mb-4 position-relative">
  25.                 <h2 class="mb-0"><i class="fas fa-fw {{ icons[loop.index - 1] }}"></i></h2>
  26.                 <div class="ms-2">
  27.                     <a class="stretched-link h6 mb-0" href="{{ url("app_front_course_details", {slug: course.slug}) }}">{{ course.intitule|u.truncate(30, '...') }}</a>
  28.                     <p class="mb-0 small">{{ course.description|u.truncate(80, '...') }}</p>
  29.                 </div>
  30.             </div>
  31.             {% endif %}
  32.             
  33.         {% endfor %}
  34.         <a class="dropdown-item bg-primary text-primary bg-opacity-10 rounded-2 mb-0" href="{{ path('app_front_courses') }}">{% trans %}VIEWMORECOURSES_KEY{% endtrans %}</a>
  35.     </div>
  37.     <!-- Dropdown column item -->
  38.     <div class="col-xl-6 col-xxl-3">
  39.         <h6 class="mb-0">{% trans %}LASTCOURSES_KEY{% endtrans %}</h6>
  40.         <hr>
  41.         <!-- Dropdown item -->
  42.         {% for course in lastCourses %}
  43.             {% if loop.index > 4 %}
  44.             <div class="d-flex mb-4 position-relative">
  45.                 <h2 class="mb-0"><i class="fas fa-fw {{ icons[loop.index - 1] }}"></i></h2>
  46.                 <div class="ms-2">
  47.                     <a class="stretched-link h6 mb-0" href="{{ url("app_front_course_details", {slug: course.slug}) }}">{{ course.intitule|u.truncate(30, '...') }}</a>
  48.                     <p class="mb-0 small">{{ course.description|u.truncate(80, '...') }}</p>
  49.                 </div>
  50.             </div>
  51.             {% endif %}
  52.             
  53.         {% endfor %}
  54.     </div>
  56.     <!-- Dropdown column item -->
  57.     <div class="col-xl-6 col-xxl-3">
  58.         <h6 class="mb-0">{% trans %}DOWNLOADKULMAPECK_KEY{% endtrans %}</h6>
  59.         <hr>
  60.         <!-- Image -->
  61.         <img src="{{ asset('assets/images/element/14.svg') }}" alt="">
  63.         <!-- Download button -->
  64.         <div class="row g-2 justify-content-center mt-3">
  65.         <!-- Google play store button -->
  66.         <div class="col-6 col-sm-4 col-xxl-6">
  67.             <a href="https://play.google.com/store/apps/details?id=com.thealphamerc.kulmapeck&pcampaignid=web_share"> <img src="{{ asset('assets/images/client/google-play.svg') }}" class="btn-transition" alt="google-store"> </a>
  68.         </div>
  69.         <!-- App store button -->
  70.         <div class="col-6 col-sm-4 col-xxl-6">
  71.             <a href="https://play.google.com/store/apps/details?id=com.thealphamerc.kulmapeck&pcampaignid=web_share"> <img src="{{ asset('assets/images/client/app-store.svg') }}" class="btn-transition" alt="app-store"> </a>
  72.         </div>
  73.         </div>
  74.     </div>
  75. </div>