<div class="tabs">
  <div class="tab-headers">
    {% for tab in tabs %}
      <button class="tab-header" data-tab-target="#{{ tab.id }}">{{ tab.title }}</button>
    {% endfor %}
  </div>
  <div class="tab-contents">
    {% for tab in tabs %}
      <div id="{{ tab.id }}" class="tab-content">
        <p>{{ tab.content }}</p>
      </div>
    {% endfor %}
  </div>
</div>
