{% 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>

        <div class = 'cta-box'>
            <h4>
                Hubungi kami untuk<br>
                informasi lebih lanjut<br>
                mengenai program ini.
                <p class='penyala_cta'>
                    Contact Person:<br>
                    <strong>Abdul Rizki</strong> - 0812 6946 1077<br><br>
                    Info Donasi:<br>
                    <strong>Nadhira</strong> - 0815 8840 161<br><br>
                    Social Media Indonesia Menyala:<br>
                    <a target="_blank" href="http://www.facebook.com/pages/Indonesia-Mengajar/124834754208909?sk=app_201143516562748">
                        <img src='{{ STATIC_URL }}website/img/fb_penyala.png'>
                    </a>
                    <a target="_blank" href="http://twitter.com/Ind_Mengajar">
                        <img src='{{ STATIC_URL }}website/img/tw_penyala.png'>
                    </a>
                </p>
            </h4>
            <div class = 'buttons'>
                <a href='{% url 'website:contact' %}?subject=penyala' class = 'button pm cta cta-pm-button partner'><span class=' button_call'>Hubungi Kami</span></a>
            </div>
        </div>
        {% endcomment %}

        <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 %}