{% extends 'base.html' %}

{% load cms_tags %}

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

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

<div class = 'row video' id = 'testimonial-row'>
    <div class = 'fourcol' id = 'testimonials'>
        {% if request.toolbar.edit_mode %}
            {% placeholder video-url %}
        {% else %}
            <iframe width="330" height="250" src='{% placeholder video-url %}' frameborder="0" allowfullscreen=""></iframe>
        {% endif %}
    </div>

    <div class = 'eightcol last' >
        <div class = 'main-content'>
            {% placeholder video-content %}
        </div>
    </div>
</div>

<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'>
        <ul class = 'testimonials'>
            {% placeholder testimonials %}
        </ul>
    </div>

    <div class = 'eightcol last' >
        <div class = 'main-content'>
            <div class=' testimonial-content'>
                <div class = 'align-right'>
                    <img src = '{{ STATIC_URL }}img/rama.jpg'>
                </div>
                {% placeholder main-content %}
                <hr class = 'bottom-separator'>
                {% placeholder bottom-content %}
                <hr class = 'bottom-separator'>
                {% placeholder bottom1-content %}
            </div>
        </div>
    </div>
</div>
{% endblock %}