A example of markup of triple destaque

triple_destaque_example.html

<div id="multiple-slide-container" class="slides">
  <h2>Multiple slides example:</h2>
  <div class="triple-slides">
    <div class="item-triple triple-first-one">
      <a href="#">
        <div class="foreground-triple">
          <div class="overlay"></div>
          <div class="element icon"></div>
          <div class="element title">Michelle</div>
        </div>
      </a>
    </div>
    <!-- the same markup for other itens -->
  </div>
  <div class="triple-slides">
    <div class="item-triple triple-second-one">
      <a href="#">
        <div class="foreground-triple">
          <div class="overlay"></div>
          <div class="element icon"></div>
          <div class="element title">Nicole</div>
        </div>
      </a>
    </div>
    <!-- the same markup for other itens -->
  </div>
  <div class="triple-slides">
    <div class="item-triple triple-third-one">
      <a href="#">
        <div class="foreground-triple">
          <div class="overlay"></div>
          <div class="element icon"></div>
          <div class="element title">Fabiana</div>
        </div>
      </a>
    </div>
    <!-- the same markup for other itens -->
  </div>
</div>
<ul id="slide-triple-pagination" class="pager">
  <li>
    <a rel="prev" href="#">&larr; Previous </a>
  </li>
  <li>
    <a rel="next" href="#">Next &rarr;</a>
  </li>
</ul>