---
layout: base
---

<div class="d-flex h-auto min-h-screen">
   {% include_cached layout/sidenav.html %}

   <div class="flex-fill d-flex flex-column mw-100">
      {% include_cached layout/header.html %}

      <div class="d-flex flex-fill">

         <div class="flex-fill px-lg-2 mw-100">
            <div class="container{% if page.container-size %} container-{{ page.container-size }}{% endif %}{% if page.fluid %}-fluid{% endif %} my-4">
               {% include layout/page-title.html %}

               {{ content }}
            </div>
         </div>
      </div>

      <footer class="footer">
         <div class="container">
            <div class="row align-items-center flex-row-reverse">
               <div class="col-auto ml-lg-auto">
                  <div class="row align-items-center">
                     <div class="col-auto">
                        <ul class="list-inline list-inline-dots mb-0">
                           <li class="list-inline-item"><a href="./docs/index.html">Documentation</a></li>
                           <li class="list-inline-item"><a href="./faq.html">FAQ</a></li>
                        </ul>
                     </div>
                     <div class="col-auto">
                        <a href="https://github.com/tabler/tabler" class="btn btn-outline-primary btn-sm">Source
                           code</a>
                     </div>
                  </div>
               </div>
               <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
                  Copyright © 2018 <a href=".">Tabler</a>. Theme by <a href="https://codecalm.net" target="_blank">codecalm.net</a>
                  All rights reserved.
               </div>
            </div>
         </div>
      </footer>
   </div>
</div>