<nav class="secondary_nav secondary_nav_demo" aria-labelledby="basic_nav_title-12">
<div class="secondary_nav_header">
<h2 class="secondary_nav_title" id="basic_nav_title-12">Basic</h2>
</div>
<ul class="secondary_nav_list" aria-labelledby="basic_nav_title-12">
<li class="secondary_nav_item has_children">
<a class="secondary_nav_link" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">Info Sessions</span>
</div>
</a>
<ul class="secondary_nav_children" aria-label="Info Sessions">
<li class="secondary_nav_child_item">
<a class="secondary_nav_child_link" href="#" aria-label="Medicine Info Sessions">
<div class="secondary_nav_child_link_inner">
<span class="secondary_nav_child_link_label">Medicine</span>
</div>
</a>
</li>
<li class="secondary_nav_child_item">
<a class="secondary_nav_child_link" href="#" aria-label="Veterinary Info Sessions">
<div class="secondary_nav_child_link_inner">
<span class="secondary_nav_child_link_label">Veterinary</span>
</div>
</a>
</li>
<li class="secondary_nav_child_item">
<a class="secondary_nav_child_link" href="#" aria-label="Undergraduate School Info Sessions">
<div class="secondary_nav_child_link_inner">
<span class="secondary_nav_child_link_label">Undergraduate School</span>
</div>
</a>
</li>
<li class="secondary_nav_child_item">
<a class="secondary_nav_child_link" href="#" aria-label="Graduate School Info Sessions">
<div class="secondary_nav_child_link_inner">
<span class="secondary_nav_child_link_label">Graduate School</span>
</div>
</a>
</li>
</ul>
</li>
<li class="secondary_nav_item">
<a class="secondary_nav_link" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">Request Info</span>
</div>
</a>
</li>
<li class="featured secondary_nav_item has_children">
<a class="secondary_nav_link" href="#">
<div class="secondary_nav_link_inner">
<span class="secondary_nav_link_label">Apply</span>
</div>
</a>
<ul class="secondary_nav_children" aria-label="Apply">
<li class="secondary_nav_child_item">
<a class="secondary_nav_child_link" href="#" aria-label="Apply to Medicine">
<div class="secondary_nav_child_link_inner">
<span class="secondary_nav_child_link_label">Medicine</span>
</div>
</a>
</li>
<li class="secondary_nav_child_item">
<a class="secondary_nav_child_link" href="#" aria-label="Apply to Veterinary">
<div class="secondary_nav_child_link_inner">
<span class="secondary_nav_child_link_label">Veterinary</span>
</div>
</a>
</li>
<li class="secondary_nav_child_item">
<a class="secondary_nav_child_link" href="#" aria-label="Apply to Undergraduate School">
<div class="secondary_nav_child_link_inner">
<span class="secondary_nav_child_link_label">Undergraduate School</span>
</div>
</a>
</li>
<li class="secondary_nav_child_item">
<a class="secondary_nav_child_link" href="#" aria-label="Apply to Graduate School">
<div class="secondary_nav_child_link_inner">
<span class="secondary_nav_child_link_label">Graduate School</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</nav>
{#
{% include '@navigation-basic' with {
class: 'class',
modifier: 'modifier',
title: 'Title',
active_index: '',
links: [{ 'title': 'Page Title', 'url': '#', 'children': [] }],
icon: 'icon_item',
child_icon: 'icon_child'
} %}
#}
{% set id = uniqid('basic_nav_title') %}
<nav class="{{ class }}_nav{% if modifier %} {{ class }}_nav_{{ modifier }}{% endif %}" aria-labelledby="{{ id }}">
<div class="{{ class }}_nav_header">
<h2 class="{{ class }}_nav_title" id="{{ id }}">{{ title }}</h2>
</div>
<ul class="{{ class }}_nav_list" aria-labelledby="{{ id }}">
{% for link in links %}
<li class="{% if link.class %}{{ link.class }} {% endif %}{{ class }}_nav_item{% if link.children %} has_children{% endif %}{% if loop.index == active_index %} active{% endif %}">
<a class="{{ class }}_nav_link{% if loop.index == active_index %} active{% endif %}" href="{{ link.url ?: '#' }}"{% if loop.index == active_index %} aria-current="page"{% endif %}{% if link.aria %} aria-label="{{ link.aria }}"{% endif %}>
<div class="{{ class }}_nav_link_inner">
{% if link.icon %}
<span class="{{ class }}_nav_link_icon" aria-hidden="true">{{ icon(link.icon) }}</span>
{% endif %}
<span class="{{ class }}_nav_link_label">{{ link.title ?: link }}</span>
</div>
</a>
{% if link.children %}
<ul class="{{ class }}_nav_children" aria-label="{{ link.title ?: link }}">
{% for child in link.children %}
<li class="{% if child.class %}{{ child.class }} {% endif %}{{ class }}_nav_child_item">
<a class="{{ class }}_nav_child_link" href="{{ child.url ?: '#' }}"{% if child.aria %} aria-label="{{ child.aria }}"{% endif %}>
<div class="{{ class }}_nav_child_link_inner">
{% if child_icon %}
<span class="{{ class }}_nav_child_link_icon" aria-hidden="true">{{ icon(child_icon) }}</span>
{% endif %}
<span class="{{ class }}_nav_child_link_label">{{ child.title ?: child }}</span>
</div>
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</nav>
No notes defined.