<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-l-page-header amui-g-grid row">
<div class="amui-l-page-header__primary amui-g-grid__item col-xs-12 col-md-6">
<h2 class="amui-l-page-header__title">Title</h2>
</div> <!-- Primary page header -->
<div class="amui-l-page-header__secondary amui-g-grid__item is--push col-xs-12 col-md-6">
<ul>
<li>
<button type="button" class="amui-a-btn is--success is--default btn is--icon-left"><i class="material-icons md-24">add</i><span>BUTTON</span></button>
</li>
</ul>
</div> <!-- Secondary page header -->
</div> <!-- Page header -->
<div class="amui-g-grid row amui-l-page">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-m-panel">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio tempora ipsum iste beatae hic ad, temporibus aliquid ducimus, incidunt placeat dolor amet quo rem facere.</p>
</div>
<!-- Here your page content -->
</div>
</div> <!-- Page section -->
<div class="amui-g-grid row amui-l-page-bottom">
<div class="amui-g-grid__item col-xs-12">
<button type="button" class="amui-a-btn is--success btn">Success</button>
<button type="button" class="amui-a-btn is--disabled btn">Annuler</button>
</div>
</div>
</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 -->