{% extends "layout.html" %}

{% block content %}
<div class="row">
  <div class="col-xs-12">

    <h1><strong>Comités</strong></h1>
    <div style="height:20px;"></div>
    {% for comite in comites %}
      <h2>{{comite.titulo}}</h2>
      <ul class="comite">        
        {% for person in comite.integrantes %}
        <li>
          {% if person.web %}<a href="{{person.web}}" target="_blank" rel="noopener noreferrer">{% endif %}
            {{person.nombre}} ( {{person.afiliacion}} ){%if person.rol %}<b> - {{person.rol}}</b>{%endif%}
          {{ person.web ? '</a>':'' }}
        </li>
        {% endfor %}
      
      
      </ul>    
      <hr class="separador" style="margin-top:20px;">
      {% endfor %}
  </div>
</div>
 {% endblock %}