6.30.3 Current students sidebar style View in a new window
A sidebar style content menu that uses a background image.
Twig: components/content-menu/content-menu-bg.twig
Example
Markup
<nav class="content-menu content-menu--full content-menu--light">
<div class="content-menu__image">
<svg width="441" height="640" viewBox="0 0 441 640" preserveAspectRatio="xMinYMin slice" xmlns="http://www.w3.org/2000/svg"><title>current-students-sidebar-background</title><g fill="none" fill-rule="evenodd"><path fill="#ECECEC" d="M1 0h440v640H1z"/><path fill="#000" d="M399.114 545.076H440v40.847h-40.886z"/><path fill="#0F4BEB" d="M399.114 505H440v40.847h-40.886z"/><path fill="#FFF" d="M358 505h40.886v40.847H358zM.114 40.076H41v40.847H.114zM361 134h40.886v40.847H361z"/><path fill="#000" d="M321 134h40.886v40.847H321z"/><path fill="#0F4BEB" d="M280 0h40.886v40.847H280z"/></g></svg> </div>
<div class="content-menu__menu">
<h3 class="content-menu__title">Faculty Specific Information</h3>
<ul>
<li><a href="#">Business</a></li>
<li><a href="#">Communication</a></li>
<li><a href="#">Design, Architecture and Building</a></li>
<li><a href="#">Education</a></li>
<li><a href="#">Engineering and IT</a></li>
<li><a href="#">Graduate School of Health</a></li>
<li><a href="#">Design, Architecture and Building</a></li>
<li><a href="#">Education</a></li>
<li><a href="#">Engineering and IT</a></li>
<li><a href="#">Graduate School of Health</a></li>
</ul>
</div>
</nav>