{# for dans fichier parent #} <section class="row" {% if row.backgroundColor is not empty and row.backgroundCover %} style="background-color: {{ row.backgroundColor }}; " {% endif %} > {% if row.backgroundImage is not empty and row.backgroundCover == true %} <div class="col-12 p-0"> <img src="{{ urlImageRow ~ row.backgroundImage }}" alt="Image {{ page.titre }}" style="width: 100%; height :auto;"> </div> {% elseif row.backgroundImage is not empty %} <div class="col-12"> <div class="container"> <div class="row"> <div class="col-12 p-0"> <img src="{{ urlImageRow ~ row.backgroundImage }}" alt="Image {{ page.titre }}" style="width: 100%; height :auto;"> </div> </div> </div> </div> {% elseif row.backgroundCover == true %} <div class="col-12"> <div class="row mt-5"> {% if row.entete %} <div class="col-12"> {{ row.entete|raw}} </div> {% endif %} </div> {% if row.containerColonne == true %}<div class="container">{% endif %} {% if row.cols is not empty %} <div class="row mb-5 {% if row.inverserColonne == true %} d-flex flex-column-reverse flex-lg-row {% endif %}"> {% for col in row.cols %} <div class="col-12 col-lg-{{ col.largeur }}"> {{ col.contenu|raw}} </div> {% endfor %} </div> {% endif %} {% if row.containerColonne == true %}</div>{% endif %} </div> {% else %} <div class="col-12"> <div class="container" {% if row.backgroundColor is not empty and row.backgroundCover == false %} style="background-color: {{ row.backgroundColor }}; " {% endif %}> <div class="row mt-5"> <div class="col-12"> {{ row.entete|raw}} </div> </div> {% if row.cols is not empty %} <div class="row mb-5 {% if row.inverserColonne == true %} d-flex flex-column-reverse flex-lg-row {% endif %}"> {% for col in row.cols %} <div class="col-12 col-lg-{{ col.largeur }}"> {{ col.contenu|raw}} </div> {% endfor %} </div> {% endif %} </div> </div> {% endif %} </section>{# endfor #}