templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Accueil{% endblock %}
  5. {% block content %}
  7.     <section class="hero-wrap hero-wrap-2" style="background-image: url('{{ asset('build/carnet_deuil_01.png') }}');" data-stellar-background-ratio="0.5">
  8.         <div class="overlay"></div>
  9.         <div class="container">
  10.             <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
  11.                 <div class="col-md-9 ftco-animate text-center">
  12.                     <h1 class="mb-3 bread">Art Émoi</h1>
  13.                     <p class="breadcrumbs"><span>Lieu d'ateliers, de thérapie, de formation et de ressourcement.</span></p>
  14.                 </div>
  15.             </div>
  16.         </div>
  17.     </section>
  19.     <section id="workshops" class="product-grid ftco-section">
  20.         <div class="container">
  21.             <div class="row justify-content-center mb-5">
  22.                 <div class="col-md-12 heading-section ftco-animate text-center">
  23.                     <h2 class="mb-1">Ateliers et Formations</h2>
  24.                 </div>
  25.             </div>
  26.             <div class="row">
  27.                 {% for product in products %}
  28.                     {% if product.active %}
  29.                         <div class="col-lg-4 col-md-12 mb-4 mb-lg-0">
  30.                             <div class="classes w-100 ftco-animate" style="border-bottom: solid 1px #2c396b;" >
  31.                                 {% if vich_uploader_asset(product, 'imageFile') is null %}
  32.                                     <a href="{{ path('front_product_details', {'slug': product.slug }) }}" class="img w-100 mb-3" style="background-image: url('{{ asset('build/background_with_logo.png') }}');"></a>
  33.                                 {% else %}
  34.                                     <a href="{{ path('front_product_details', {'slug': product.slug }) }}" class="img w-100 mb-3" style="background-image: url('{{ vich_uploader_asset(product, 'imageFile') | imagine_filter('workshop_jacket') }}');"></a>
  35.                                 {% endif %}
  36.                             
  37.                                     <div class="text w-100 text-left mt-2" style="height: 7rem;">
  38.                                         <h3><a href="{{ path('front_product_details', {'slug': product.slug}) }}">{{ product.title }}</a></h3>
  39.                                     </div>
  40.                                 
  41.                                     <div class="tagcloud mt-2">
  42.                                         {% if product.online %}<span>Online</span>{% endif %}
  43.                                         {% if product.visio %}<span>Visio (Zoom)</span>{% endif %}
  44.                                         {% if product.present %}<span>Présentiel</span>{% endif %}
  45.                                         {% if product.rdv %}<span>Sur RDV</span>{% endif %}
  46.                                     </div>
  47.                                     <h5><a href="{{ path('front_product_details', {'slug': product.slug}) }}">{{ product.trainer }}</a></h5>
  48.                             
  49.                             </div>
  50.                         </div>
  51.                     {% endif %}
  52.                 {% endfor %}
  54.             </div>
  55.         </div>
  56.     </section>
  58.     <section  class="ftco-section testimony-section">
  59.         <div class="container">
  60.             <div class="row justify-content-center mt-5 mb-5 pb-3">
  61.                 <div class="col-md-10 heading-section ftco-animate text-center">
  62.                     <h2 class="mb-1">News</h2>
  63.                 </div>
  64.             </div>
  65.             <div class="row justify-content-md-center">
  66.                 <div class="col-md-12">
  67.                     <div class="carousel-news owl-carousel">
  68.                         {% for newsItem in news %}
  69.                             <div class="item col-md-6 offset-md-3">
  70.                                 <div class="testimony-wrap p-5">
  71.                                     <div class="text">
  72.                                         <div class="line">
  73.                                             <p class="mb-4 pb-1">{{ newsItem.content }}</p>
  74.                                             <span class="quote d-flex align-items-center justify-content-center">
  75.                                                         <i class="fas fa-bullhorn fa-4x"></i>
  76.                                                     </span>
  77.                                         </div>
  78.                                     </div>
  79.                                 </div>
  80.                             </div>
  81.                         {% else %}
  82.                             <div class="item">
  83.                                 <div class="testimony-wrap p-4">
  84.                                     <div class="text">
  85.                                         <div class="line">
  86.                                             <p class="mb-4 pb-1">Pas de news pur le moment</p>
  87.                                             <span class="quote d-flex align-items-center justify-content-center">
  88.                                                 <i class="fas fa-bullhorn"></i>
  89.                                            </span>
  90.                                         </div>
  91.                                     </div>
  92.                                 </div>
  93.                             </div>
  94.                         {% endfor %}
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.         </section>
  101. {% endblock %}