There are no notes for this item.

<div class='c-site-navigation'>
    <nav id="site-navigation" class="c-site-navigation__nav js-has-toggler" role="navigation">
        <button class="js-toggle c-button--icon c-icon c-icon-menu c-site-navigation__js-toggle" aria-expanded="false" aria-controls="site-navigation-menu"><img src='../../graphic/noun_menu_933310.svg' alt='Menu' /></button>
        <ul id="site-navigation-menu" class="c-menu">

            <li class="c-menu__item   ">
                <a class="c-menu__item__link " href=''>Home</a>

            </li>

            <li class="c-menu__item    c-menu__item--parent ">
                <a class="c-menu__item__link " href=''>Competition</a>

                <ul class='c-menu__item__sub-menu'>

                    <li class='c-menu__item c-menu__item__sub-menu__item '><a class="c-menu__item__link c-menu__item__sub-menu__item__link " href=''>Jury</a></li>

                    <li class='c-menu__item c-menu__item__sub-menu__item  c-menu__item--current c-menu__item__sub-menu__item--current '><a class="c-menu__item__link c-menu__item__sub-menu__item__link  c-menu__item__sub-menu__item--current__link " href=''>Mentors</a></li>

                    <li class='c-menu__item c-menu__item__sub-menu__item '><a class="c-menu__item__link c-menu__item__sub-menu__item__link " href=''>Eligibility</a></li>

                </ul>

            </li>

            <li class="c-menu__item  c-menu__item--current   ">
                <a class="c-menu__item__link  c-menu__item--current__link " href=''>About SIA</a>

            </li>

            <li class="c-menu__item   ">
                <a class="c-menu__item__link " href=''>Partners</a>

            </li>

        </ul>

    </nav>
</div>
<div class='{{ get_component_class( 'site-navigation', display ) }}'>
    <nav id="site-navigation" class="c-site-navigation__nav js-has-toggler" role="navigation">
        <button class="js-toggle c-button--icon c-icon c-icon-menu c-site-navigation__js-toggle" aria-expanded="false" aria-controls="site-navigation-menu"><img src='{{ asset( 'noun_menu_933310.svg', 'graphic' ) }}' alt='{{ 'Menu'|t }}' /></button>
        {% include '@unit/menu/menu.twig' with menu %}
    </nav>
</div>
{
  "menu": {
    "id": "site-navigation-menu",
    "items": [
      {
        "title": "Home"
      },
      {
        "title": "Competition",
        "submenu": [
          {
            "title": "Jury"
          },
          {
            "title": "Mentors",
            "in_active_trail": true
          },
          {
            "title": "Eligibility"
          }
        ]
      },
      {
        "title": "About SIA",
        "in_active_trail": true
      },
      {
        "title": "Partners"
      }
    ]
  },
  "bodyclass": "t-theme--awareness"
}