<input class="menu-icon" type="checkbox" id="menu-icon" name="menu-icon"/>
<label for="menu-icon"></label>
<nav class="menu-bulle">
<ul class="pt-5">
<!-- Menu -->
{% for item in menu.keys() %}
  {% if menu[item] is mapping %}
  <li class="nav-item">
    <h3> {{ item }} </h3>
    <ul class="pt-5">
    {% for subitem in menu[item].keys() %}
      <li class="nav-item "><a class="nav-link" href="{{menu[item][subitem]}}">{{ subitem }}</a></li>
    {% endfor %}
    </ul>
  </li>
  {% else %}
  <li class="nav-item">
    <a class="nav-link" href="{{ menu[item] }}"> {{ item }} </a>
  </li>	
  {% endif %}
{% endfor %}
</ul>
</nav>
