templates/circuit/list.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block body %}
  4.     <!-- Page Title -->
  5.     <section class="page-title bg-transparent">
  6.         <div class="container">
  7.             <div class="page-title-row">
  9.                 <div class="page-title-content">
  10.                     <h1>Liste des circuits</h1>
  11.                     <span>Vitrine des circuits</span>
  12.                 </div>
  14.                 <nav aria-label="breadcrumb">
  15.                     <ol class="breadcrumb">
  16.                         <li class="breadcrumb-item">
  17.                             <a href="{{ path('frontend_index') }}">Acceuil</a>
  18.                         </li>
  19.                         <li class="breadcrumb-item active" aria-current="page">Circuits</li>
  20.                     </ol>
  21.                 </nav>
  23.             </div>
  24.         </div>
  25.     </section>
  26.     <!-- .page-title end -->
  28.     <!-- Content -->
  29.     <div class="container p-5">
  30.         <div class="row">
  31.             {% for circuit in circuits %}
  32.                 <div class="row col-lg-4 col-md-6 ">
  33.                     <article class="entry event col-12 mb-0">
  34.                         <div class="grid-inner bg-white row g-0 p-3 border-0 rounded-5 shadow-sm h-shadow all-ts h-translate-y-sm">
  35.                             <div class="col-12 mb-md-0">
  36.                                 <a href="{{ path('frontend_circuit_detail', {'alias': circuit.alias}) }}" class="entry-image">
  37.                                     <img src="{{ asset('uploads/') ~ circuit.image }}" alt="Inventore voluptates velit totam ipsa tenetur" class="rounded-2">
  38.                                     <div class="bg-overlay">
  39.                                         <div class="bg-overlay-content justify-content-start align-items-start">
  40.                                             <div class="badge bg-danger text-light rounded-pill">{{ circuit.difficulty }}</div>
  41.                                         </div>
  42.                                     </div>
  43.                                 </a>
  44.                             </div>
  45.                             <div class="col-12 p-4 pt-0">
  46.                                 <div class="entry-meta no-separator mb-1 mt-0">
  47.                                 </div>
  49.                                 <div class="entry-title nott">
  50.                                     <h3>
  51.                                         <a href="{{ path('frontend_circuit_detail', {'alias': circuit.alias}) }}">{{ circuit.title }}</a>
  52.                                     </h3>
  53.                                 </div>
  54.                                 <div class="entry-content my-3">
  55.                                     <p class="mb-0">{{ circuit.shortdescription | raw }}.</p>
  56.                                 </div>
  58.                                 <div class="entry-meta no-separator">
  59.                                     <ul>
  60.                                         <li><a href="#" class="fw-normal"><i class="fa-solid fa-route"></i>{{ circuit.distance }}Km</a></li>
  61.                                         <li><a href="#" class="fw-normal"><i class="fa-solid fa-clock"></i>{{ circuit.duration }}</a></li>
  62.                                     </ul>
  63.                                 </div>
  64.                             </div>
  65.                         </div>
  66.                     </article>
  67.                 </div>
  68.             {% endfor %}
  69.         </div>
  70.     </div>
  71.     <!-- #content end -->
  73. {% endblock %}
  75. {% block javascripts %}{% endblock %}