lecampus.valdedrome.com/user/themes/lecampus/templates/modular/section-packs.html.twig

{{content}}

{% for item in module.header.list_packs %}
  {# img thumb #}
  {% set image_parts = pathinfo(item.img_thumb) %}
  {% set image_basename_thumb = image_parts.basename %}
  {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}

  {# img more #}
  {% set image_parts = pathinfo(item.imb_background) %}
  {% set image_basename_imgB = image_parts.basename %}
  {% set image_page_imgB = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}

  {# dl Brochure #}
  {% set image_parts = pathinfo(item.btn_url) %}
  {% set image_basename_dl = image_parts.basename %}
  {% set image_page_dl = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}


  <div class="pack">
    <div class="__title-pack">
      <p>{{item.title}}</p>
    </div>
    <div class="__thumb">
      <div class="__images __hover">
        {{ image_page_thumb.media[image_basename_thumb].html() }}
      </div>
      <div class="__sub-title">
        <h6>{{item.sous_title}}</h6>
      </div>
    </div>

    <div class=" __more __color">
      <div class="__btn">
        <a href="#">En savoir plus</a>
      </div>
      <div class="__details __color">
        <div class="__image-background">
          {{ image_page_imgB.media[image_basename_imgB].html() }}
        </div>
        <div class="__content">
          <div class="__title">
            {{item.titre}}
          </div>
          <div class="__txt-color">
            {{item.txt_color}}
          </div>
          <div class="__txt-black">
            {{item.txt_black}}
          </div>
          <div>
            <div class="__btn __devis">
              <a target="_blank" href="/demande-de-devis">Faire une demande de devis</a>
            </div>
            <div class="__btn __dl">
              <a href="{{ image_page_imgB.media[image_basename_imgB].url() }}" download>
                {{item.btn_txt}}
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endfor %}