zurb-foundation-5
Version:
Foundation 5 for npm (no code modification from original repo)
77 lines (69 loc) • 2.25 kB
HTML
{{#markdown}}
```html
<div class="off-canvas-wrap" data-offcanvas>
<div class="inner-wrap">
<nav class="tab-bar">
<section class="left-small">
<a class="left-off-canvas-toggle menu-icon" ><span></span></a>
</section>
<section class="middle tab-bar-section">
<h1 class="title">Foundation</h1>
</section>
<section class="right-small">
<a class="right-off-canvas-toggle menu-icon" ><span></span></a>
</section>
</nav>
<aside class="left-off-canvas-menu">
<ul class="off-canvas-list">
<li><label>Foundation</label></li>
<li class="has-submenu"><a href="#">The Psychohistorians</a>
<ul class="left-submenu">
<li class="back"><a href="#">Back</a></li>
<li><label>Level 1</label></li>
<li><a href="#">Link 1</a></li>
<li class="has-submenu"><a href="#">Link 2 w/ submenu</a>
<ul class="left-submenu">
<li class="back"><a href="#">Back</a></li>
<li><label>Level 2</label></li>
<li><a href="#">...</a></li>
</ul>
</li>
<li><a href="#">...</a></li>
</ul>
</li>
<li><a href="#">The Encyclopedists</a></li>
<li><a href="#">The Mayors</a></li>
<li><a href="#">The Traders</a></li>
<li><a href="#">The Merchant Princes</a></li>
</ul>
</aside>
<aside class="right-off-canvas-menu">
<ul class="off-canvas-list">
<li><label>Users</label></li>
<li><a href="#">Hari Seldon</a></li>
<li class="has-submenu"><a href="#">R. Giskard Reventlov</a>
<ul class="right-submenu">
<li class="back"><a href="#">Back</a></li>
<li><label>Level 1</label></li>
<li><a href="#">Link 1</a></li>
<li class="has-submenu"><a href="#">Link 2 w/ submenu</a>
<ul class="right-submenu">
<li class="back"><a href="#">Back</a></li>
<li><label>Level 2</label></li>
<li><a href="#">...</a></li>
</ul>
</li>
<li><a href="#">...</a></li>
</ul>
</li>
<li><a href="#">...</a></li>
</ul>
</aside>
<section class="main-section">
<!-- content goes here -->
</section>
<a class="exit-off-canvas"></a>
</div>
</div>
```
{{/markdown}}