<div class="amui-l-app-layout">
<nav class="amui-o-top-bar navbar">
<!-- Here your top bar navigation content -->
</nav> <!-- Organism : Top bar -->
<div id="navbar-collapse" class="amui-l-app-layout__wrapper">
<ul class="amui-o-sidebar-nav">
<!-- Here your sidebar navigation content -->
</ul> <!-- Organism : Sidebar navigation -->
<main role="main" class="amui-l-app-layout__main">
<div class="container-fluid">
<div class="amui-g-grid row amui-l-page-splitted">
<aside class="amui-l-page-splitted__aside amui-g-grid__item col-xs-12 col-sm-4 col-lg-3">
<!-- Here your page splitted aside -->
</aside> <!-- Splitted aside section -->
<section class="amui-l-page-splitted__content amui-g-grid__item col-xs-12 col-sm-8 col-lg-9">
<!-- Here your page splitted content -->
</section> <!-- Splitted content section -->
</div> <!-- Page section -->
</div> <!-- Fluid container -->
</main> <!-- Main container -->
</div> <!-- App layout wrapper -->
<footer role="contentinfo" class="amui-m-footer amui-l-app-layout__footer panel-default">
<!-- Here your footer content -->
</footer> <!-- Footer -->
</div> <!-- App layout -->