{% extends "3-columns-split-right-sidebar.html" %}

{% block sidebar %}

    {% block left_sidebar_top %}
        <div id="left_sidebar_top" class="span2 spanv5">
            {% block left_sidebar_top_inner %}
                <div id="left_sidebar_top_navbar" class="{{ navbar_class }}">
                    <div class="navbar-inner">
                        {% block left_sidebar_top_navbar %}
                            <button class="{{ btn_class }}" type="button">Button 1</button>
                            <button class="{{ btn_class }}" type="button">Button 2</button>
                        {% endblock %}
                    </div>
                </div>
                <div id="left_sidebar_top_content" class="span12 spanv10">
                    {% block left_sidebar_top_content %}
                        There are also <code>.spanv#</code> classes, from 1 to 10.</code>
                    {% endblock %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}

    {% block left_sidebar_bottom %}
        <div id="left_sidebar_bottom" class="span2 spanv5 alpha-vertical-left">
            {% block left_sidebar_bottom_inner %}
                <div id="left_sidebar_bottom_navbar" class="{{ navbar_class }}">
                    <div class="navbar-inner">
                        {% block left_sidebar_bottom_navbar %}
                            <button class="{{ btn_class }}" type="button">Button 1</button>
                            <button class="{{ btn_class }}" type="button">Button 2</button>
                        {% endblock %}
                    </div>
                </div>
                <div id="left_sidebar_bottom_content" class="span12 spanv10">
                    {% block left_sidebar_bottom_content %}
                        There are also <code>.spanv#</code> classes, from 1 to 10.</code>
                    {% endblock %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}

{% endblock %}
