{% extends 'website/base.html' %}
{% load url from future %}
{% load fiber_tags %}

{% block bodyclass %}static-page{% endblock %}

{% block content %}

    <div id = 'main-text'>
        <h1>{% show_page_content 'Header' %}</h1>
        <h3>{% show_page_content 'Header description' %}</h3>
    </div>

    <div id = 'main-content'>

        {% comment %}
        <div class = 'cta-box'>
            <h4>14 Hari lagi</h4>
            <p>Sampai penutupan pendaftaran angkatan III</p>
            <a href = '#' class = 'button teach cta'><span>Daftar menjadi ODP<span class = 'arrow'></span></span></a>
        </div>
        {% endcomment %}

        <div class = 'cta-box'>
            <h4>Bagaimana Kamu <br>Bisa Ikut Serta?</h4>
            <div class = 'buttons'>
                <a href = '/dukung-indonesia-mengajar/jadi-pengajar-muda/' class = 'button orange-button cta'>
                    <span>Dukung dengan mengajar</span>
                </a>
                <a href = '/dukung-indonesia-mengajar/jadi-penyala/' class = 'button green-button cta'>
                    <span>Dukung melalui buku</span>
                </a>
                <a href = '/dukung-indonesia-mengajar/jadi-mitra/' class = 'button brown-button cta'>
                    <span>Dukung sebagai mitra</span>
                </a>
            </div>
        </div>

        <div class = 'section'>{% show_page_content 'Section' %}</div>

        <div id = 'social-bar'>
            <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Ind_Mengajar">Tweet</a>
            <div id="fb-root"><fb:like href="" send="false" layout="button_count" width="260" show_faces="false" font=""></fb:like></div>
        </div>
    </div>

    <div class = 'bottom-buttons'>
        <a href = '/dukung-indonesia-mengajar/jadi-pengajar-muda/' class = 'button teach cta'>
            <span>Dukung dengan mengajar<span class = 'arrow'></span></span>
        </a>
        <a href = '{% url 'website:volunteer' %}' class = 'button partner cta'>
            <span>Dukung menjadi volunteer<span class = 'arrow'></span></span>
        </a>
        <a href = '{% url 'website:donations:index' %}' class = 'button books cta'>
            <span>Dukung melalui donasi<span class = 'arrow'></span></span>
        </a>
    </div>

{% endblock %}

{% block extra_script %}
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script>
{% endblock %}