{% extends 'bestpractices.html' %}

{% block bpTabs %}
      <div id="bpTabs">
        <ul>
          <li><a href="/itf/bestpractices">Intro</a></li>
          <li><a href="/itf/bestpractices/stories">Stories</a></li>
          <li><a href="/itf/bestpractices/guidelines">Guidelines</a></li>
          <li><a href="/itf/bestpractices/glossary">Glossary</a></li>
          <li class="bpCurrentTab">FAQ</li>
          <li><a href="/itf/bestpractices/download">Download</a></li>
        </ul>
      </div>
      <div style="clear:both;"></div>
{% endblock %}

{% block bpContent %}
  <style type="text/css">
    .faqItem {
      margin-bottom: 8px;
    }
  </style>
  <div class="bpContent">
    {% for f in faqs %}
    <div class="faqItem">
      <p class="question"><b>{{ f.question }}</b></p>
      <p class="answer">{{ f.answer }}</p>
    </div>

    {% endfor %}
  </div>
{% endblock %}