{% extends 'base.html' %}

{% load cms_tags %}

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

{% load url from future %}

{% block content %}

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


<div id = 'press' class = 'row media_content'>
    <div class = 'fourcol'>
        {% placeholder media-left %}
    </div>

    <div class = 'fourcol'>
        <div class="media-center">
            {% placeholder media-center %}
        </div>

        <div id = 'psp-book'>
        <div class="clear-background">
            <a href = '{% url "ebook" %}' target = '_blank'>
                <img src="{{ STATIC_URL }}img/bookcover.png" />
            </a>
        </div>
        <br/>
        <a href = "{% url "ebook" %}" target = '_blank' class = 'button book'>
            <span>FREE E-BOOK DOWNLOAD</span>
        </a>
        <br/>
        <em>72-page PDF file, bahasa Indonesia</em>
        <br/><br/>
        </div>
    </div>

    <div class = 'fourcol last'>
        {% placeholder media-right %}
    </div>
    <div class="clear"></div>
    <hr id="bottom-line">
</div>



<div class = 'row'>
    <div class = 'ninecol'>
        <div class = 'pillar-book'>
                <a href = "{{ STATIC_URL }}files/pilar_psp_a4.pdf" target = '_blank' class = 'button book'>
                    <span>FREE DIY PILLAR CUT-OUT</span>
                </a>
                <br/>
                    <em>Printable PDF File</em>
                <br/>
                <a href = "{{ STATIC_URL }}files/pilar_psp_a4.pdf" target = '_blank'>
                    <img src="{{ STATIC_URL }}img/cutout.jpg" />
                </a>
                <p>
                    For illustrations, please go to this <a href="http://www.facebook.com/media/set/?set=a.122465064489786.19538.103970576339235&type=3" target = '_blank'>photo-spread page</a>
                </p>
        </div>
    </div>
    <div class = 'threecol last'>
        <div class = 'pillar-book'>

            <div class="download-walpaper">
                <a href="https://itunes.apple.com/id/app/my-personal-pillar/id507386420?mt=8" target="_blank" class="button book"><span>Available on the iPad App Store</span></a>
                <br/>
                    <em>"My Personal Pillar"
                    <br />workbook app (personal balance diary) on iTunes.</em>
                <br/>
            </div>
        </div>
    </div>
</div>

{% endblock %}