{% extends 'base.html' %}

{% load cms_tags %}

{% block bodyclass %}page-{{ request.current_page.get_slug }} two-cols{% endblock %}

{% block content %}

<div id = 'title'>
    <div class = 'row twelvecol'>
        <hr id = 'top-line'>
        {% placeholder page-title %}
        <hr id = 'bottom-line'>
    </div>
</div>


<div class = 'row'>
    <div class = 'sixcol' id = 'author-image-wrapper'>
        <img src = '{{ STATIC_URL }}img/about.jpg'>
        {% placeholder image-caption %}
    </div>

    <div class = 'sixcol last'>
        <div class = 'main-content'>
            <div class="about-content">
                {% placeholder right-column %}
            </div>
        </div>
    </div>
</div>
<br /><br />

{% comment %}
<div id = 'author-bottom-title'>
    <div class = 'row twelvecol'>
        <hr id = 'top-line'>
            {% placeholder second-page-title %}
    </div>
</div>
<br /><br />
{% endcomment %}

<div id = 'author-bottom-title'>
    <div class = 'row twelvecol'>
        <hr id = 'top-line'>
            {% placeholder third-page-title %}
        <hr id = 'bottom-line'>
    </div>
</div>
<br /><br />
<div class="clear"></div>

<div class = 'row' id = 'testimonial-row'>
    <div class = 'fourcol' >
        <div class = 'main-content'>
            <div class=' testimonial-content'>
            {% placeholder our-team-left %}
            </div>
        </div>
    </div>
    <div class = 'fourcol' >
        <div class = 'main-content'>
            <div class=' testimonial-content'>
            {% placeholder our-team-center %}
            </div>
        </div>
    </div>
    <div class = 'fourcol last' >
        <div class = 'main-content'>
            <div class=' testimonial-content'>
            {% placeholder our-team-right %}
            </div>
        </div>
    </div>
</div>


{% endblock %}