{% extends 'base.html' %}

{% load cms_tags %}

{% block bodyclass %}page-{{ request.current_page.get_slug }}{% 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' id = 'testimonial-row'>
    <div class = 'fourcol' id = 'testimonials'>
        <div class="age-group">
            <span>17-20 years old</span>
            <hr />
        </div>
        <ul class = 'testimonials'>
            {% placeholder age-17-20 %}
        </ul>
        <div class="age-group">
            <span>21-25 years old</span>
            <hr />
        </div>
        <ul class = 'testimonials'>
            {% placeholder age-21-25 %}
        </ul>
        <div class="age-group">
            <span>26-30 years old</span>
            <hr />
        </div>
        <ul class = 'testimonials'>
            {% placeholder age-26-30 %}
        </ul>
        <div class="age-group">
            <span>31-35 years old</span>
            <hr />
        </div>
        <ul class = 'testimonials'>
            {% placeholder age-31-35 %}
        </ul>
    </div>

    <div class = 'eightcol last' >
        <div class = 'main-content'>
            <div class=' testimonial-content'>
	        {% placeholder quiz-testimonials %}
	            <div class="test-pbt">
	                <p>
                        To Test Your Balance
                    </p>
                    <div class="test-button">
                        <a href="{% page_url "test" %}" class="button">
                            <span>TAKE THE BALPIL™ TEST</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</div>


{% endblock %}