<div class="col-sm-16 col-md-16" id="events">
    <div class="events_single box box-full">
        <div class="box-title events_single--title clearfix">
            <div class="trapezoidal trapezoidal-sm">
                <h3 class="trapezoidal-title">
                    <i class="fa fa-calendar"></i> Agenda
                </h3>
            </div>
        </div>
        <div class="events_single--body">
            <div class="list-group">
              {% for item in menu %}
                <a href="{{ item.link }}" class="list-group-item">
                    <h4 class="list-group-item-heading">{{ item.title }}</h4>
                    <p class="list-group-item-text">{{ item.date }}</p>
                </a>
               {% endfor %}
                <a href="{{site_vincennes_url}}/Agenda" class="list-group-item see-all">
                    <p class="list-group-view-all color1">
                        <i class="fa fa-plus-circle"></i> Voir tout l'agenda
                    </p>
                </a>
            </div>
        </div>
    </div>

