{% extends "layout.html" %} {% block page_title %} Navigation {% endblock %} {% block content %}
<div class="container">
  <div class="breadcrumbs">
    <ol>
      <li><a href="/">DVLA internal elements</a></li>
      <li>Navigation</li>
    </ol>
  </div>
  <div class="row">
    <div class="col-12">
      <ol class="numbered-list">
        <li><a href="#breadcrumbs">Breadcrumbs</a></li>
        <li><a href="#tabs">Tabs</a></li>
        <li><a href="#sidebar">Sidebar</a></li>
      </ol>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <h1>Navigation</h1>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <h2>Breadcrumbs</h2>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <div id="breadcrumbs" class="example-demo">
        {% include './includes/navigation/breadcrumbs.html' %}
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <pre><code class="language-markup"><xmp>{% include './includes/navigation/breadcrumbs.html' %}</xmp></code></pre>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <h2>Tabs</h2>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <div id="tabs" class="example-demo">
        {% include './includes/navigation/tabs.html' %}
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <pre><code class="language-markup"><xmp>{% include './includes/navigation/tabs.html' %}</xmp></code></pre>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <h2>Tabs</h2>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <div id="sidebar" class="example-demo">
        {% include './includes/navigation/sidebar.html' %}
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <pre><code class="language-markup"><xmp>{% include './includes/navigation/sidebar.html' %}</xmp></code></pre>
    </div>
  </div>
</div>
{% endblock %}