templates/home/components/projects.html.twig line 1

Open in your IDE?
  1. <section class="projects" id="projects">
  2.     <div class="container">
  4.         <div class="projects__carousel swiper">
  6.             <div class="projects__title-buttons">
  7.                 <h2 class="h4 color-accent">Mes projets</h2>
  8.                 <div class="projects__carousel-buttons">
  9.                     <div class="projects__carousel-button projects__carousel-button-prev swiper-button-prev">
  10.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 47.998">
  11.                             <path d="M396.158,261.391a24,24,0,1,1,24-24A24.026,24.026,0,0,1,396.158,261.391Zm0-46.462a22.463,22.463,0,1,0,22.463,22.463A22.49,22.49,0,0,0,396.158,214.929Zm11.43,22.463a.768.768,0,0,0-.768-.768H385.494a.768.768,0,0,0,0,1.536H406.82A.768.768,0,0,0,407.588,237.392Zm-13.632,8.432a.767.767,0,0,0,0-1.085l-7.374-7.347,7.355-7.355a.768.768,0,0,0-1.085-1.087l-7.9,7.9a.772.772,0,0,0-.225.545.764.764,0,0,0,.227.543l7.916,7.89a.771.771,0,0,0,1.087,0Z" transform="translate(420.157 261.391) rotate(180)"/>
  12.                         </svg>
  13.                     </div>
  14.                     <div class="projects__carousel-button projects__carousel-button-next swiper-button-next">
  15.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 47.998">
  16.                             <path d="M396.158,261.391a24,24,0,1,1,24-24A24.026,24.026,0,0,1,396.158,261.391Zm0-46.462a22.463,22.463,0,1,0,22.463,22.463A22.49,22.49,0,0,0,396.158,214.929Zm11.43,22.463a.768.768,0,0,0-.768-.768H385.494a.768.768,0,0,0,0,1.536H406.82A.768.768,0,0,0,407.588,237.392Zm-13.632,8.432a.767.767,0,0,0,0-1.085l-7.374-7.347,7.355-7.355a.768.768,0,0,0-1.085-1.087l-7.9,7.9a.772.772,0,0,0-.225.545.764.764,0,0,0,.227.543l7.916,7.89a.771.771,0,0,0,1.087,0Z" transform="translate(420.157 261.391) rotate(180)"/>
  17.                         </svg>
  18.                     </div>
  19.                 </div>
  20.             </div>
  23.             <div class="projects__list swiper-wrapper">
  24.                 {% for project in projects %}
  25.                     <div class="projects__item swiper-slide">
  26.                         <div class="projects__item-content">
  27.                             <div class="projects__item-content-image">
  28.                                 {% set img = asset('images/projects/default.png') %}
  29.                                 {% if project.picture %}
  30.                                     {% set img = vich_uploader_asset(project, project.file) %}
  31.                                 {% endif %}
  32.                                 <img class="projects__item-image" src="{{ img }}" alt="">
  33.                                 <div class="projects__item-image-hover">
  34.                                     <a href="{{ project.website }}" class="btn btn-tertiary" target="_blank">Voir le projet +</a>
  35.                                 </div>
  36.                             </div>
  37.                             <div class="projects__item-title">
  38.                                 {{ project.name }}
  39.                             </div>
  40.                             <div class="projects__item-description">
  41.                                 {{ project.type }}
  42.                             </div>
  43.                         </div>
  44.                     </div>
  45.                 {% endfor %}
  46.             </div>
  47.         </div>
  48.     </div>
  49. </section>