<div class="main-menu-container">
<div class="row column medium-12">
<div class="navigation_offcanvas_bar hide-for-large row">
<div class="columns small-3">
<div class="burger">
<span class="b1"></span>
<span class="b2"></span>
<span class="b3"></span>
</div>
</div>
</div>
<nav class="navigation_container">
<div class="navigation_offcanvas_innerbar hide-for-large-up">
<div class="cross">
<span class="b1"></span>
<span class="b2"></span>
</div>
</div>
<ul class="row navigation no-style">
<div class="navigation_bg">
<li>
<h3><label for="nav0">University</label></h3>
<span class="form__element__bar"></span>
</li>
<li>
<h3><label for="nav1">Education</label></h3>
<span class="form__element__bar"></span>
</li>
<li>
<h3><label for="nav2">Research</label></h3>
<span class="form__element__bar"></span>
</li>
<li>
<h3><label for="nav3">News & Events</label></h3>
<span class="form__element__bar"></span>
</li>
</div>
</ul>
<div class="navigation-placeholder"></div>
<div class="navigation_submenues row">
<div>
<input type="radio" name="nav-lvl-1" id="nav0">
<div class="submenu_title">
<i class="back"></i>
University
</div>
<ul class="submenu">
<li>
<input type="radio" name="" id="nav-title_2_0">
<label for="nav-title_2_0">
title_2_0
<svg class="icon icon-drop-right" data-element="icon" data-category="general">
<use xlink:href="#drop-right"></use>
</svg>
<i class="arrow"><span class="b1"></span><span class="b2"></span><span class="b3"></span></i>
</label>
<ul class="submenu">
<li>
<a href="">title_3_0 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_1 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
</ul>
</li>
<li>
<a href="">title_2_1 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_2_2 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_2_3</a>
</li>
<li>
<a href="">title_2_4 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_2_5 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
</ul>
</div>
<div>
<input type="radio" name="nav-lvl-1" id="nav1">
<div class="submenu_title">
<i class="back"></i>
Education
</div>
<ul class="submenu">
<li>
<a href="">title_2_0 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_2_1 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_2_2 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_2_3 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<input type="radio" name="" id="nav-title_2_4">
<label for="nav-title_2_4">
title_2_4
<svg class="icon icon-drop-right" data-element="icon" data-category="general">
<use xlink:href="#drop-right"></use>
</svg>
<i class="arrow"><span class="b1"></span><span class="b2"></span><span class="b3"></span></i>
</label>
<ul class="submenu">
<li>
<a href="">title_3_0 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_1 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_2</a>
</li>
<li>
<a href="">title_3_3 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_4 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
</ul>
</li>
<li>
<input type="radio" name="" id="nav-title_2_5">
<label for="nav-title_2_5">
title_2_5
<svg class="icon icon-drop-right" data-element="icon" data-category="general">
<use xlink:href="#drop-right"></use>
</svg>
<i class="arrow"><span class="b1"></span><span class="b2"></span><span class="b3"></span></i>
</label>
<ul class="submenu">
<li>
<a href="">title_3_0</a>
</li>
</ul>
</li>
<li>
<input type="radio" name="" id="nav-title_2_6">
<label for="nav-title_2_6">
title_2_6
<svg class="icon icon-drop-right" data-element="icon" data-category="general">
<use xlink:href="#drop-right"></use>
</svg>
<i class="arrow"><span class="b1"></span><span class="b2"></span><span class="b3"></span></i>
</label>
<ul class="submenu">
<li>
<a href="">title_3_0</a>
</li>
</ul>
</li>
</ul>
</div>
<div>
<input type="radio" name="nav-lvl-1" id="nav2">
<div class="submenu_title">
<i class="back"></i>
Research
</div>
<ul class="submenu">
<li>
<input type="radio" name="" id="nav-title_2_0">
<label for="nav-title_2_0">
title_2_0
<svg class="icon icon-drop-right" data-element="icon" data-category="general">
<use xlink:href="#drop-right"></use>
</svg>
<i class="arrow"><span class="b1"></span><span class="b2"></span><span class="b3"></span></i>
</label>
<ul class="submenu">
<li>
<a href="">title_3_0 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
</ul>
</li>
<li>
<a href="">title_2_1 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_2_2</a>
</li>
<li>
<a href="">title_2_3 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<input type="radio" name="" id="nav-title_2_4">
<label for="nav-title_2_4">
title_2_4
<svg class="icon icon-drop-right" data-element="icon" data-category="general">
<use xlink:href="#drop-right"></use>
</svg>
<i class="arrow"><span class="b1"></span><span class="b2"></span><span class="b3"></span></i>
</label>
<ul class="submenu">
<li>
<a href="">title_3_0 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_1 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_2</a>
</li>
</ul>
</li>
</ul>
</div>
<div>
<input type="radio" name="nav-lvl-1" id="nav3">
<div class="submenu_title">
<i class="back"></i>
News & Events
</div>
<ul class="submenu">
<li>
<a href="">title_2_0 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_2_1 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<input type="radio" name="" id="nav-title_2_2">
<label for="nav-title_2_2">
title_2_2
<svg class="icon icon-drop-right" data-element="icon" data-category="general">
<use xlink:href="#drop-right"></use>
</svg>
<i class="arrow"><span class="b1"></span><span class="b2"></span><span class="b3"></span></i>
</label>
<ul class="submenu">
<li>
<a href="">title_3_0 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_1 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_2 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_3</a>
</li>
<li>
<a href="">title_3_4 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
<li>
<a href="">title_3_5 <svg class="icon icon-external-link" style="vertical-align: text-center" data-element="icon" data-category="general">
<use xlink:href="#external-link"></use>
</svg>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="navigation_submenues_placeholder"></div>
</nav>
<div class="shade"></div>
</div>
</div>
There are no notes for this item.