templates/blocks/block-picbkg-frame.html.twig line 1

Open in your IDE?
  1. <div class="{% if content.header_img is defined and content.header_img is not empty %}main-title{% else %}small-main-title{% endif %} br8 mt-40px mb-40px aic frame-overflow">
  2.     <div class="jcc dflex solution-container-print">
  3.         {% if block.frame_img is defined and block.frame_img is not empty %}
  4.             <img src="{{ block.frame_img.formats['1000x.webp'] }}" srcset="{{ block.frame_img.formats['300x.webp'] }} 300w, {{ block.frame_img.formats['600x.webp'] }} 600w, {{ block.frame_img.formats['1000x.webp'] }} 1000w" sizes="1000px" alt="{{ block.frame_img | copyright_or_description_or_title }}" class="br8 w100 frame-image" width="{{ block.frame_img.fileVersion.properties.width }}" height="{{ block.frame_img.fileVersion.properties.height }}">
  5.         {% endif %}
  6.         <div class="frame-flex-container w100 dflex jcse mt-2p5em mb-3p5em p-1em">
  7.             <div class="frame-pics p-2440 fdc aic br6">
  8.                 {% if block.frame1_title is defined and block.frame1_title is not empty %}
  9.                     <h2 class="frame-title corange wd100 lh28 fs20 fw500 dflex tac">{{ block.frame1_title }}</h2>
  10.                 {% endif %}
  11.                 {% if block.frame1_text is defined and block.frame1_text is not empty %}
  12.                     <div class="text-flex fw400 fs16 lh24 framed">{{ block.frame1_text | raw }}</div>
  13.                 {% endif %}
  14.             </div>
  15.             <div class="frame-pics p-2440 fdc aic br6">
  16.                 {% if block.frame2_title is defined and block.frame2_title %}
  17.                     <h2 class="frame-title corange wd100 lh28 fs20 fw500 dflex tac">{{ block.frame2_title }}</h2>
  18.                 {% endif %}
  19.                 {% if block.frame2_text is defined and block.frame2_text is not empty %}
  20.                     <div class="text-flex fw400 fs16 lh24 framed">{{ block.frame2_text | raw }}</div>
  21.                 {% endif %}
  22.             </div>
  23.         </div>
  24.     </div>
  25.     <div class="background-color-orange"></div>
  26. </div>