ParcBundle/Resources/views/parcbundle/perruche/card.html.twig line 1

Open in your IDE?
  1. <section id="card-perruche" class="pt-30 pb-3">
  2.     <div class="container-fluid p-0">
  3.         <div class="row">
  4.             <div class="col-md-12">
  5.                 <div class="graphic-box pb-10">
  6.                     <h2 class="text-black main-text-parc pt-50 display-5">Présentation</h2>
  7.                     <span class="bg-shift-color-title bg-water-green"></span>
  8.                 </div>
  9.             </div>
  10.         </div>
  11.         <div class="wrapper">
  12.             <div class="row">
  13.                 {% for key, perruche in perruches %}
  14.                     <div class="col-md-6 col-xl-3 col-sm-6 mb-5">
  15.                         <div class="perruche-card perruche">
  16.                             <div class="perruche-card__image perruche-card__image--perruche">
  17.                                 <img src="/parc_bundle/images/perruches/{{perruche.image}}" alt="perruche"/>
  18.                             </div>
  19.                             <div class="bg-green">
  20.                                 <div class="perruche-card__level perruche-card__level--perruche">N°
  21.                                     {% if perruche.number <= 9 %}0{%endif%}{{ perruche.number }}</div>
  22.                                     <div class="perruche-card__unit-name">{{ perruche.name }}</div>
  23.                                     <div class="perruche-card__unit-description">
  24.                                         {{perruche.description|raw}}
  25.                                     </div>
  26.                                 </div>
  27.                                 <div class="perruche-card__unit-stats perruche-card__unit-stats--perruche clearfix">
  28.                                     <div class="one-third">
  29.                                         <div class="stat">
  30.                                             {% for i in 1..perruche.affection %}
  31.                                                 <i class="fa-solid fa-star"></i>
  32.                                             {% endfor %}
  33.                                         </div>
  34.                                         <div class="stat-value">Affection</div>
  35.                                     </div>
  37.                                     <div class="one-third">
  38.                                         <div class="stat">
  39.                                             {% for i in 1..perruche.formation %}
  40.                                                 <i class="fa-solid fa-star"></i>
  41.                                             {% endfor %}
  43.                                         </div>
  44.                                         <div class="stat-value">Formation</div>
  45.                                     </div>
  47.                                     <div class="one-third no-border">
  48.                                         <div class="stat">
  49.                                             {% for i in 1..perruche.chant %}
  50.                                                 <i class="fa-solid fa-star"></i>
  51.                                             {% endfor %}
  52.                                         </div>
  53.                                         <div class="stat-value">Chant</div>
  54.                                     </div>
  55.                                 </div>
  56.                             </div>
  57.                         </div>
  58.                     {% endfor %}
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </section>