---
layout: base
---

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

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

		<div class="d-flex flex-fill">
			{% comment %}{% include layout/sidebar.html %}{% endcomment %}

			<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>