---
layout: base-guides
---

{% include titlebar.liquid active="guides" %}

<main class="wrapper-stuff">
  <!--Nav Bar -->
  <nav class="col-xs-3 bs-docs-sidebar" id="the-nav-bar">
    <ul id="sidebar" class="nav nav-stacked fixed">
      {% for item in site[page.collection] %}
      <li id="nav-{{ item.title_overide | default: item.title | slugify }}">
        <a href="#{{ item.title_overide | default: item.title | slugify }}"
          >{{ item.title_overide | default: item.title }}</a
        >
        <ul class="nav nav-stacked"></ul>
      </li>
      {% endfor %}
    </ul>
  </nav>

  <!--Main Content -->
  <article class="content markdown-body">
    {% for item in site[page.collection] %}
    <h1 id="{{ item.title_overide | default: item.title | slugify }}">
      {{ item.title_overide | default: item.title }}
    </h1>
    <section class="guide-section">{{ item.content }}</section>
    {% endfor %}
  </article>
</main>
