{% macro header(
  title='',
  home='/',
  menu=[]
  ) %}
<header role="banner">
  <div class="font-ui wrapper-header">
    <div class="header-logo">
      {% include "../../assets/images/ho-logo.svg" %}
    </div>
    <div class="header-title">
      <a href="{{home}}" class="header-name">{{title}}</a>
    </div>
    {% if menu.length %}
      <div class="header-menu">
        <ul>
        {% for item in menu %}
          <li>
          {% if item.href %}
            <a href="{{item.href}}">{{item.text}}</a>
          {% elif item.text %}
            {{item.text}}
          {% else %}
            {{item}}
          {% endif %}
          </li>
        {% endfor %}
        </ul>
      </div>
    {% endif %}
  </div>
</header>
{% endmacro %}