anissah/user/themes/anissabensalah/templates/modular/features.html.twig

{% set grid_size = theme_var('grid-size') %}
{% set columns = page.header.class == 'small' ? 'col-3 col-md-4 col-sm-6' : 'col-4 col-md-6 col-sm-12'  %}
<section id="modular-features" class="section {{ page.header.class}}">
        <section class="container {{ grid_size }}">
            <div class="frame-box">

                {{ content }}

                <div class="columns">
                {% for feature in page.header.features %}
                   <div class="column {{ columns }}">
                       <div class="feature-icon">
                           <i class="fa fa-fw {{ feature.icon }}"></i>
                           {% if feature.header %}
                               <h6>{{ feature.header }}</h6>
                           {% endif %}
                       </div>
                       <div class="feature-content">
                           {% if feature.text %}
                            <p>{{ feature.text }}</p>
                           {% endif %}
                       </div>
                   </div>
                {% endfor %}
                </div>
            </div>
        </section>
</section>