{% extends "base.njk" %}

     {% block content %}
{{content | safe}}
       <section class="leadershipteam">    
      
                    <header class="{{team.management.cardWidth}}">
                        <h2>{{team.management.title}}</h2>
                        <!-- <h2>{{team.management.presentation}}</h2> -->
                    </header>
            {% for item in team.management.folks %}
                <div class="grid-item {{item.cardWidth}}">
                        <figure><img src="{{item.portrait}}" alt=""></figure>
                        <h3>{{item.name}}</h3>
                        <h4>{{item.fonction}}</h4>
                        <p>{{item.description | markdownify | safe}}</p>
                </div>
            {% endfor %}
 </section>
    
<section class="board">
          <header>
                        <h2>{{team.board.title}}</h2>
                        <h3>{{team.board.presentation}}</h3>
                    </header>

        <div class="grid">
                                 {% for item in team.board.folks %}
                    <div class="grid-item {{item.cardWidth}}">
                        <figure><img src="{{item.portrait}}" alt=""></figure>
                        <h3>{{item.name}}</h3>
                        <h4>{{item.fonction}}</h4>
                        <p>{{item.description | markdownify | safe}}</p>
                    </div>
                {% endfor %}
                </section>

                <section class="specialists">        
                <header>

                        <h2>{{team.specialists.title}}</h2>
                        <h3>{{team.specialists.presentation}}</h3>
                    </header>
        <div class="grid specialists">
            {% for item in team.specialists.folks %}
                <div class="grid-item {{item.cardWidth}}">
                        <figure><img src="{{item.portrait}}" alt=""></figure>
                        <h3>{{item.name}}</h3>
                        <h4>{{item.fonction}}</h4>
                        <p>{{item.description | markdownify | safe}}</p>
                </div>
            {% endfor %}
          </div>
      </section>

  </section>
          

     {% endblock %}