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

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

{% block content %}
    
    <a name = 'top'></a>
    <div id = 'main-text'>
        <h1>{% show_page_content 'Header' %}</h1>
        <h3>{% show_page_content 'Header description' %}</h3>
    </div>

    <div id = 'main-content'>
        
        <div class = 'sidebar'>
            <h5>Kategori</h5>
            <ul class = 'faq'>
                <li><a href = '#sponsor' class = 'scroll'>Sponsor Utama</a></li>
                <li><a href = '#pemerintah' class = 'scroll'>Pemerintah</a></li>
                <li><a href = '#mitra' class = 'scroll'>Mitra Pelatihan</a></li>
                <li><a href = '#donatur' class = 'scroll'>Donatur</a></li>
            </ul>
            <div class = 'cta-box higher_cta'>
                <h4>Menjadi Mitra Gerakan<br>ODP.<p class='faq_padding'>Kami membuka tangan bagi perusahaan <br>maupun individu yang ingin turut <br>mendukung Gerakan ODP.</p></h4>
                <div class = 'buttons'>
                    <a href='{% url 'website:contact' %}?subject=partnership' class = 'button pm cta_bottom cta-pm-button partner'>
                        <span class=' button_call'>Hubungi Kami</span>
                    </a>
                </div>
            </div>
        </div>
        <div class = 'faq-section'>
            <a name = 'sponsor'></a>
            <h4>Sponsor Utama</h4>
            <div class = 'question'>{% show_page_content 'sponsor' %}</div>
            <a href = '#top' class = 'back-to-top scroll'>Kembali ke atas</a>
        </div>

        <div class = 'faq-section'>
            <a name = 'pemerintah'></a>
            <h4>Pemerintah</h4>
            <div class = 'question'>{% show_page_content 'pemerintah' %}</div>
            <a href = '#top' class = 'back-to-top scroll'>Kembali ke atas</a>
        </div>

        <div class = 'faq-section'>
            <a name = 'mitra'></a>
            <h4>Mitra Pelatihan</h4>
            <div class = 'question'>{% show_page_content 'mitra' %}</div>
            <a href = '#top' class = 'back-to-top scroll'>Kembali ke atas</a>
        </div>

        <div class = 'faq-section'>
            <a name = 'donatur'></a>
            <h4>Donatur</h4>
            <div class = 'question'>{% show_page_content 'donatur' %}</div>
            <a href = '#top' class = 'back-to-top scroll'>Kembali ke atas</a>
        </div>

    </div>
    <hr class = 'shade'></hr>
    
{% endblock %}