{% extends 'base.html' %}

{% block primary_content %}
<div id="content" class="col-sm-9 col-sm-push-3" role="main">
    {% block center_column_content %}
    <h1>Layout Example <small>Two-Column with Left Sidebar</small></h1>
    <article id="lorem">
        <h2>Article 1</h2>
        {% lorem 3 p %}
    </article>
    <article id="ipsum">
        <h2>Article 2</h2>
        {% lorem 4 p %}
    </article>
    {% endblock %}
</div>
<aside id="sidebar" class="sidebar col-sm-3 col-sm-pull-9">
    {% block left_column_content %}
    <h2>Left Sidebar</h2>
    <nav>
        <ul class="nav"> 
            <li><a href="#">Standard</a></li>
            <li><a href="#">Masthead Links</a></li>
            <li><a href="#">Second Level Hero</a></li>
            <li><a href="#">3-Column Footer</a></li>
            <li><a href="#">Grey Footer</a></li>
        </ul>
    </nav>
    {% endblock %}
</aside>

{% endblock %}