{#
/**
 * @file
 * Default theme implementation to display a menu.
 *
 * Available variables:
 * - classes: A list of classes to apply to the top level <ul> element.
 * - dropdown_classes: A list of classes to apply to the dropdown <ul> element.
 * - menu_name: The machine name of the menu.
 * - items: A nested list of menu items. Each menu item contains:
 *   - attributes: HTML attributes for the menu item.
 *   - below: The menu item child items.
 *   - title: The menu link title.
 *   - url: The menu link url, instance of \Drupal\Core\Url
 *   - localized_options: Menu link localized options.
 *
 * @ingroup templates
 *
 * Define a custom macro that will render all menu trees.
 */
#}
{% macro menu_links(items) %}
  {% if items %}
<div class="footer--menu d-flex flex-column flex-sm-row">
    {% for item in items %}
    <ul class= "nav navbar-nav flex-column col-sm-4">
<li class="nav-item"><a href= "{{item.url}}" class="nav-link">{{item.title}}</a></li>
{% for concrete_item in item.below %}
<li class="nav-item"><a href= "{{concrete_item.url}}" class="nav-link">{{concrete_item.title}}</a></li>
{% endfor %}
</ul>
{% endfor %}
</div>
  {% endif %}
{% endmacro %}
{#
  Invoke the custom macro defined above. If classes were provided, use them.
  This allows the template to be extended without having to also duplicate the
  code above. @see http://twig.sensiolabs.org/doc/tags/macro.html
#}
{{ _self.menu_links(items) }}
