choosealicense.com/_includes/license-overview.html

<div class="license-family cf">
  <div class="license-family-heading">
    <h3 class="license-family-name"><a href="{{ page.permalink }}">{% if page.category %}{{ page.category }}{% else %}{{ page.title }}{% endif %}</a></h3>

    <p class="license-family-description">{{ page.description }}</p>
  </div>

  <div class="license-details">
    <div class="license-variations js-license-variations">
      <!-- always show this div, even w/o variations, for proper spacing -->
      <ul class="nav-pills js-nav-pills">
        {% for variation in site.pages %}
          {% if variation.category and variation.category == page.category %}
        <li{% if page.slug == variation.slug %} class="active"{% endif %}><a href="#{{ variation.slug }}" data-selected-tab="variation-{{ variation.slug }}">{{ variation.title }}</a></li>
          {% endif %}
        {% endfor %}
      </ul>
    </div>
    {% for variation in site.pages %}
      {% if variation.category and variation.category == page.category %}
    <div class="variation-tab variation-{{ variation.slug }} js-variation-tab{% if page.slug == variation.slug %} active{% endif %}">
      <table class='license-rules'>
        <tr>
        {% assign types = "required|permitted|forbidden" | split: "|" %}
        {% for type in types %}
          <th class="label">{{ type | capitalize }}</th>
        {% endfor %}
        </tr>
        <tr>
        {% for type in types %}
          <td>
            <ul class="license-{{ type }}">
              {% for req in variation[type] %}
                <li class="{{ req }}">{{ site.rules[type][req].label }}</li>
              {% endfor %}
            </ul>
          </td>
        {% endfor %}
        </tr>
      </table>
      <p class="small"><a href="{{ variation.permalink }}">View full {{ variation.title }} license »</a></p>
    </div>
        {% endif %}
    {% endfor %}
  </div>
</div>