 <div id="navigation" class="navigation">
           <nav class="navigation--body navbar yamm" role="navigation">
    <div class="navigation--collapse collapse navbar-collapse" id="navigation-toggle">
        <ul class="nav nav-justified" style="">
               {% for item in menu %}
                    <li class="theme-decouvrir-vincennes dropdown yamm-fw">
                        <a href="{{ item.link }}" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-circle fa-circle-number{{ forloop.counter|add:'-1' }}"></i>
                            {{ item.title }}
                        </a>
                        <div class="dropdown-menu">
                            <div class="yamm-content">
                                <div class="row"> 
                                     {% if item.sub_items %}
                                    <div class="col-md-10">
                                        <ul class="row">
                                         {% for subitem in item.sub_items %}
                                            <li class="col-md-8"><a href="{{ subitem.link }}" data-img="{{ forloop.counter }}">{{ subitem.title }}</a></li>
                                         {% endfor %} 
                                         </ul>
                                    </div>
                                    <div class="col-md-5 hidden-xs col-md-offset-1">
                                        <div class="change-img">
                                            {% for subitem in item.sub_items %}
                                            <img src="{{ subitem.image }}"  class="img-responsive img{{ forloop.counter }} lazy" width="100%" height="250">
                                            {% endfor %}
                                        </div>
                                    </div>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </li>
                    {% endfor %}                                                
                  </ul>
                </div>
            </nav>
         </div>
