{% 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 class="bpCurrentTab">Guidelines</li>
          <li><a href="/itf/bestpractices/glossary">Glossary</a></li>
          <li><a href="/itf/bestpractices/faq">FAQ</a></li>
          <li><a href="/itf/bestpractices/download">Download</a></li>
        </ul>
      </div>
      <div style="clear:both;"></div>
{% endblock %}

{% block bpContent %}
  <div class="bpContent">
    {% for g in guidelines %}
    <div class="bpItem" data-id="{{g.id}}">
      <a href="/itf/bestpractices/guideline/{{g.id}}">{{g.title}}</a>
    </div>
    {% endfor %}    
  </div>
{% endblock %}