<div class="box box-full access--projects panel panel-default">
        <div class="panel-heading" id="projets">
            <h4 class="panel-title"><a data-toggle="collapse" data-parent="#access-menu" href="#projects-toggle">Grand projets<i class="fa fa-caret-square-o-down"></i></a></h4>
        </div>
        <div id="projects-toggle" class="panel-collapse collapse">
            <div class="panel-body">
                <ul>
                     {% for item in menu %}
                     <li><a href="{{ item.link }}">{{ item.title }}</a></li>
                     {% if item.sub_items %}
                         <ul>
                         {% for subitem in item.sub_items %}
                            <li><a href="{{ subitem.link }}">{{ subitem.title }}</a></li>
                         {% endfor %} 
                         </ul>
                     {% endif %}
                     {% endfor %}
                </ul>
            </div>
        </div>
    </div>
