G-Loot DS — steps label bottom

by Augustin Hiebel

HTML

<ul className="step step-label-bottom is-inactive">
  <li className="is-active">
    <div>
      <i>1</i>
      <div class="text-sm">First you need to subscribe to G-Loot.</div>
      <span></span>
    </div>
  </li>
  <li>
    <div>
      <i>2</i>
      <div className="text-sm">Then you have to win a ticket by playing missions and competing in Brawls.</div>
      <span></span>
    </div>
  </li>
  <li>
    <div>
      <i>3</i>
      <div className="text-sm">Now you can join the tournament Make sure to check out how to play.</div>
      <span></span>
    </div>
  </li>
</ul>