{# Template : FAQ #}

{% extends 'chop/layouts.twig' %}

{% block content %}

<div class="pageWrap">

    {% include 'navigation/breadcrumbs.twig' %}

    {% include 'includes/elements/title_wrap.twig' %}

    <div class="contentPageWrap">

        <div class="contentSidebar js_contentSidebar">
            <h3>Subpages</h3>
            <nav>
                <ul>
                    <li><a href="#">Subpage title here</a></li>
                    <li><a href="#">Subpage title here</a></li>
                    <li><a href="#">Subpage title here</a></li>
                    <li><a href="#">Subpage title here</a></li>
                </ul>
            </nav>
        </div> <!-- .contentSidebar -->

        <div class="contentWrap">

            <h1>Frequently asked questions</h1>

            <div class="faqContent">
                <p>Ac cum cursus. Turpis tincidunt a tincidunt scelerisque tincidunt mattis etiam nunc magna? Nisi elementum? Ac scelerisque, porttitor enim mattis est mauris purus in odio nisi sed lorem et, dapibus magna, placerat ridiculus. Magna augue, dictumst habitasse risus massa. Ac enim magnis et non, placerat porta et tortor sagittis, platea! Cursus, enim elit?</p>
            </div>

            <div class="faqQuestionAnswerWrap">

                {% for i in 1..20 %}

                    <div class="faqQuestionAnswer">

                        <div class="faqQuestion">
                            Turpis vel Cras hac et cursus?
                        </div> <!-- .faqQuestion -->

                        <div class="faqAnswer">
                            Ac et, turpis sit mauris, lacus vut hac, auctor adipiscing auctor nunc. Sed hac, ut vut. Etiam tempor natoque sit? Lacus platea habitasse? Risus, nec porttitor? Dis a ultricies, pulvinar egestas aliquam! Proin ultrices tincidunt arcu integer cras. Dis mattis nunc a est habitasse diam porttitor duis nunc. Lacus nec, elementum scelerisque rhoncus ac? Nunc nascetur amet sagittis aenean platea ut magna ultricies habitasse, lectus massa tortor, ac pellentesque ultricies sit risus in odio? Scelerisque non nunc nec augue augue! Penatibus augue tempor et, in sociis tortor turpis dis elementum ac lorem et? Penatibus lundium, natoque cursus. Tempor augue arcu risus. Mus in amet.
                        </div> <!-- .faqAnswer -->

                    </div> <!-- .faqQuestionAnswer -->

                {% endfor %}

            </div> <!-- .faqQuestionAnswerWrap -->

        </div> <!-- .contentWrap -->

    </div> <!-- .contentPageWrap -->

</div> <!-- .pageWrap -->

{% endblock %}
