{% extends 'website/base.html' %}
{% 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 = '#about' class = 'scroll'>Tentang ODP</a></li>
                <li><a href = '#registration' class = 'scroll'>Persyaratan & pendaftaran</a></li>
                <li><a href = '#training' class = 'scroll'>Pelatihan & dukungan lain</a></li>
                <li><a href = '#placement' class = 'scroll'>Penugasan & penempatan</a></li>
                <li><a href = '#after' class = 'scroll'>Pasca penugasan</a></li>
            </ul>

            <p>Tidak menemukan jawaban yang kamu cari?</p>
            <a href = '/hubungi-kami/' class = 'button cta books'><span>Hubungi Kami</span></a>
        </div>

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

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

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

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

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

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