templates/blocks/preview-content-simple.html.twig line 1

Open in your IDE?
  1. <section class="preview-thematique simple ptb-80px">
  2.     <div class="preview-thematique-header br8 p-{% if block.title_position is defined and block.title_position is not empty %}{{ block.title_position }}{% endif %}">
  3.         <div class="magic-margin"></div>
  4.         <div class="preview-thematique-title shadow-standard w100 cwhite br8 dflex fdc jcc" {% if block.bg_color %} style="background: {{ block.bg_color }}" {% endif %}>
  5.             <div>
  6.                 {% if block.title is defined and block.title is not empty %}
  7.                     <h2>{{ block.title }}</h2>
  8.                 {% endif %}
  9.                 {% if block.chapo is defined and block.chapo is not empty %}
  10.                     <p class="lh24">{{ block.chapo }}</p>
  11.                 {% endif %}
  12.                 {% if block.link is defined and block.link is not empty %}
  13.                     <a href="{{ block.link }}" class="CTA diblock nodeco lh28 ma">{{ block.link_text }}</a>
  14.                 {% endif %}
  15.             </div>
  16.         </div>
  17.         <div class="preview-thematique-image shadow-standard w100">
  18.             {% if block.bg_image is defined and block.bg_image is not empty %}
  19.                 <img src="{{ block.bg_image.formats['600x.webp'] }}" srcset="{{ block.bg_image.formats['300x.webp'] }} 300w, {{ block.bg_image.formats['600x.webp'] }} 600w, {{ block.bg_image.formats['1000x.webp'] }} 1000w" sizes="646px"  alt="{{ block.bg_image | copyright_or_description_or_title }}" class="br8" loading="lazy" width="{{ block.bg_image.fileVersion.properties.width }}" height="{{ block.bg_image.fileVersion.properties.height }}">
  20.             {% endif %}
  21.         </div>
  22.     </div>
  23. </section>