summaryrefslogtreecommitdiffstats
path: root/templates/navigation.html
blob: d1f7f80bb4b15a38ae2135181c90a6e1fa66ce30 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 <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>