<div class="amui-l-app-layout is--no-side-bar">
<nav class="amui-o-top-bar navbar">
<!-- Here your top bar navigation content -->
</nav> <!-- Organism : Top bar -->
<ul class="amui-o-top-menu">
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item">
<a href="#">Label</a>
</li>
<li class="amui-o-top-menu__list-item is--active">
<a href="#">Label</a>
<span></span>
</li>
</ul> <!-- Organism : Top menu -->
<div id="navbar-collapse" class="amui-l-app-layout__wrapper">
<main role="main" class="amui-l-app-layout__main">
<div class="container-fluid">
<div class="amui-l-page-header amui-g-grid row">
<div class="amui-g-grid__item">
<!-- Here your page header content -->
</div>
</div>
<div class="amui-g-grid row amui-l-page">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-sm-12">
<!-- Here your page content -->
</div>
</div>
</div>
</div> <!-- Page section -->
</div> <!-- Fluid container -->
</main> <!-- Main container -->
</div> <!-- Main container -->
<footer role="contentinfo" class="amui-m-footer amui-l-app-layout__footer panel-default">
<!-- Here your footer content -->
</footer> <!-- Footer -->
</div> <!-- App layout -->