No notes defined.

<ul id="menu-id" class="c-menu c-menu--toc">
    <li class="
            c-menu__item 
             
             
            "><a class="
                c-menu__item__link 
                                " href=''>Home</a> </li>
    <li class="
            c-menu__item 
             
                c-menu__item--current 
             
             
             
                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__link--current 
                                    c-menu__item__sub-menu__item__link--current  
                                                                " 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 
             
             
            "><a class="
                c-menu__item__link 
                                " href=''>About SIA</a> </li>
    <li class="
            c-menu__item 
             
             
                c-menu__item--highlight
             
            "><a class="
                c-menu__item__link 
                                " href=''>Partners</a> </li>
</ul>
<ul {% if id %} id="{{ id }}" {% endif %} class="{{ get_component_class( 'menu', display ) }}">
    {% for item in items %}
        <li class="
            c-menu__item 
            {% if item.in_active_trail %} 
                c-menu__item--current 
            {% endif %} 
            {% if item.highlight %} 
                c-menu__item--highlight
            {% endif %} 
            {% if item.submenu %} 
                c-menu__item--parent 
            {% endif %}"
            {% if item.id %} 
                id="{{ id ~ '-' ~ item.id }}"
            {% endif %} 
            ><a class="
                c-menu__item__link 
                {% if item.in_active_trail and item.active %} 
                    c-menu__item__link--current 
                {% endif %}
                " href='{{ item.url }}'>{{ item.title }}</a>{% if item.submenu %}
                <ul class='c-menu__item__sub-menu'>
                    {% for subitem in item.submenu %}
                        <li class='c-menu__item 
                            c-menu__item__sub-menu__item 
                            {% if subitem.in_active_trail %} 
                                c-menu__item--current c-menu__item__sub-menu__item--current 
                            {% endif %}
                            '
                            {% if subitem.id %} 
                                id="{{ id ~ '-' ~ subitem.id }}"
                            {% endif %}><a class="
                                c-menu__item__link 
                                c-menu__item__sub-menu__item__link 
                                {% if subitem.in_active_trail and subitem.active %} 
                                    c-menu__item__link--current 
                                    c-menu__item__sub-menu__item__link--current  
                                {% endif %}
                                " href='{{ subitem.url }}'>{{ subitem.title }}</a></li>
                    {% endfor %}
                </ul>
            {% endif %}
        </li>
    {% endfor %}
</ul>
{
  "id": "menu-id",
  "items": [
    {
      "title": "Home"
    },
    {
      "title": "Competition",
      "in_active_trail": true,
      "submenu": [
        {
          "title": "Jury"
        },
        {
          "title": "Mentors",
          "in_active_trail": true,
          "active": true
        },
        {
          "title": "Eligibility"
        }
      ]
    },
    {
      "title": "About SIA"
    },
    {
      "title": "Partners",
      "highlight": true
    }
  ],
  "wrapperClass": "t-background--complementary",
  "theme": "education",
  "display": {
    "modifiers": [
      "toc"
    ]
  }
}