foundation off canvas nav

index.html

<!-- off canvas nav start -->
<div class="off-canvas-wrap">
	<div class="inner-wrap">
		<nav class="tab-bar">
			<section class="left-small">
				<a href="#" class="left-off-canvas-toggle menu-icon"><span></span></a>
			</section>
			<section class="middle tab-bar-section">
				<h1 class="title">title</h1>
			</section>
		</nav>
		<aside class="left-off-canvas-menu">
			<ul class="off-canvas-list">
				<li><label>nav label</label></li>
				<li><a href="#">nav item</a></li>
				<li><a href="#">nav item</a></li>
				<li><a href="#">nav item</a></li>
				<li><label>nav label</label></li>
				<li><a href="#">nav item</a></li>
				<li><a href="#">nav item</a></li>
				<li><a href="#">nav item</a></li>
			</ul>
		</aside>

		<!-- body content -->

		<a href="#" class="exit-off-canvas"></a>
	</div>
</div>
<!-- off canvas nav end -->