catan-client/app/scss/picnic/plugins/tabs/description.html

Settlers of Catan Client Implementation

<div class="tabs three" style="text-align: center;">
  <input id='tab-1' type='radio' name='tabgroup' checked />
  <label class="pseudo button toggle" for="tab-1">1</label>
  <span> / </span>
  <input id='tab-2' type='radio' name='tabgroup'>
  <label class="pseudo button toggle" for="tab-2">2</label>
  <span> / </span>
  <input id='tab-3' type='radio' name='tabgroup'>
  <label class="pseudo button toggle" for="tab-3">3</label>
  <div class="row">
    <div class="tab">
      <div class='card' style="margin: 10px;">
        <header>
          <h2>First tab</h2>
        </header>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </div>
    </div>

    <div class="tab">
      <div class='card' style="margin: 10px;">
        <header>
          <h2>Second tab</h2>
        </header>
        <p>
          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        </p>
      </div>
    </div>

    <div class="tab">
      <div class='card' style="margin: 10px;">
        <header>
          <h2>Third tab</h2>
        </header>
        <p>
          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
      </div>
    </div>
  </div>
</div>