<body>
<nav class="navbar navbar-expand-sm bg-blue navbar-dark">
<i class="drawer-toggle material-icons text-white"></i>
<a class="navbar-brand" href="javascript:">
Brand
</a>
</nav>
<section class="m-root">
<aside class="drawer bg-light raised-4dp">
<div class="drawer-header bg-dark text-light">
<a class="drawer-brand text-light" href="javascript:">
Brand
</a>
<i class="drawer-close-btn material-icons"></i>
</div>
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Link
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Link
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark sub-menu-link" href="javascript:">
Menu A <i class="material-icons">keyboard_arrow_down</i>
</a>
</li>
<li class="nav-item sub-menu-container">
<ul class=" nav flex-column sub-menu" data-ic-class="sub-menu">
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link text-dark sub-menu-link" href="javascript:">
Menu B <i class="material-icons">keyboard_arrow_down</i>
</a>
</li>
<li class="nav-item sub-menu-container">
<ul class=" nav flex-column sub-menu" data-ic-class="sub-menu">
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
</ul>
</li>
</ul>
</aside>
<div class="m-container">
<label class="sample bg-blue">
S<br>O<br>M<br>E<br><br>
I<br>N<br>T<br>E<br>R<br>E<br>S<br>T<br>I<br>N<br>G<br><br>
S<br>T<br>U<br>F<br>F
</label>
</div>
</section>
<footer class="bg-dark text-white">
Footer
</footer>
</body><body>
<nav class="navbar navbar-expand-sm bg-blue navbar-dark">
<i class="drawer-toggle material-icons text-white"></i>
<a class="navbar-brand" href="javascript:">
Brand
</a>
</nav>
<section class="m-root">
<aside class="drawer drawer-visible bg-light raised-4dp">
<div class="drawer-header bg-dark text-light">
<a class="drawer-brand text-light" href="javascript:">
Brand
</a>
<i class="drawer-close-btn material-icons"></i>
</div>
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Link
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Link
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark sub-menu-link" href="javascript:">
Menu A <i class="material-icons">keyboard_arrow_down</i>
</a>
</li>
<li class="nav-item sub-menu-container">
<ul class=" nav flex-column sub-menu" data-ic-class="sub-menu">
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link text-dark sub-menu-link" href="javascript:">
Menu B <i class="material-icons">keyboard_arrow_down</i>
</a>
</li>
<li class="nav-item sub-menu-container">
<ul class=" nav flex-column sub-menu" data-ic-class="sub-menu">
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
</ul>
</li>
</ul>
</aside>
<div class="m-container">
<label class="sample bg-blue">
S<br>O<br>M<br>E<br><br>
I<br>N<br>T<br>E<br>R<br>E<br>S<br>T<br>I<br>N<br>G<br><br>
S<br>T<br>U<br>F<br>F
</label>
</div>
</section>
<footer class="bg-dark text-white">
Footer
</footer>
</body><body>
<nav class="navbar navbar-expand-sm bg-blue navbar-dark">
<i class="drawer-toggle material-icons text-white"></i>
<a class="navbar-brand" href="javascript:">
Brand
</a>
</nav>
<section class="m-root">
<aside class="drawer drawer-visible drawer-fixed bg-light raised-4dp">
<div class="drawer-header bg-dark text-light">
<a class="drawer-brand text-light" href="javascript:">
Brand
</a>
<i class="drawer-close-btn material-icons"></i>
</div>
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Link
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Link
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark sub-menu-link" href="javascript:">
Menu A <i class="material-icons">keyboard_arrow_down</i>
</a>
</li>
<li class="nav-item sub-menu-container">
<ul class=" nav flex-column sub-menu" data-ic-class="sub-menu">
<li class="nav-item">
<a class="nav-link text-dark active" href="javascript:">
Menu Item
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link text-dark sub-menu-link" href="javascript:">
Menu B <i class="material-icons">keyboard_arrow_down</i>
</a>
</li>
<li class="nav-item sub-menu-container">
<ul class=" nav flex-column sub-menu" data-ic-class="sub-menu">
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="javascript:">
Menu Item
</a>
</li>
</ul>
</li>
</ul>
</aside>
<div class="m-container">
<label class="sample bg-blue">
S<br>O<br>M<br>E<br><br>
I<br>N<br>T<br>E<br>R<br>E<br>S<br>T<br>I<br>N<br>G<br><br>
S<br>T<br>U<br>F<br>F
</label>
</div>
</section>
<footer class="bg-dark text-white">
Footer
</footer>
</body>