<div class="col-md-4">
  <section class="card card-brown" style="margin-bottom:2em;">
    <div class="card-header">
      <i class="fa fa-fw fa-book"></i>&nbsp; Rulebook
    </div>
  <div class="list-group list-group-flush">
    <a href="core/" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
      Règle de bases
    </a>
    <a href="extensions/" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
      Extensions
    </a>
  </div>
  </section>

  <a class="btn btn-dark btn-block" href="fiches.html">Fiches de personnages</a>
</div>