examples/slideMenuLeft.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>SlideMenu</title>
<link rel="stylesheet" href="../less/bootstrap.css"/>
</head>
<body>
<header class="slider-left">
<button class="btn-flat-other slide-menu-expand"><i class="mic-dehaze"></i></button>
</header>
<div class="slide-menu slide-menu-left">
<div class="logo">SlideMenu</div>
<nav>
<dl>
<dt>
Item One with very long name very very long
</dt>
<dt>
Item two
</dt>
<dt>
Item Three with very long name very very long
</dt>
<dt>
Item Four
</dt>
<dt>
Item Five
</dt>
</dl>
<dl>
<dt>
<span class="mic-looks-one"></span>
Item One
</dt>
<dt>
<span class="mic-looks-two"></span>
Item two
</dt>
<dt>
<span class="mic-looks-3"></span>
Item Three
</dt>
<dt>
<span class="mic-looks-4"></span>
Item Four
</dt>
<dt>
<span class="mic-looks-5"></span>
Item Five
</dt>
</dl>
</nav>
</div>
<div class="m-container slider-left">
</div>
</body>
</html>