tabbox.html

<div class="bl-tabbox">
  <ul aria-hidden="true" class="tabs">
    <li><a href="#tab1">Tab 1</a></li>
    <li><a href="#tab2">Tab 2</a></li>
    <li><a href="#tab3">Tab 3</a></li>
    <li><a href="#tab4">Tab 4</a></li>
    <li><a href="#tab5">Tab 5</a></li>
  </ul>
  <ul class="sec-tabcontent">
    <li id="tab1">
      ...content goes here.
    </li>
    <li id="tab2">
      ...content goes here.
    </li>
    <li id="tab3">
      ...content goes here.
    </li>
    <li id="tab4">
      ...content goes here.
    </li>
    <li id="tab5">
      ...content goes here.
    </li>
  </ul>
</div>

tabboxalternate.html

<div class="bl-tabbox">
  <ul class="sec-tabcontent">
    <li id="tab1">
      <h2 class="title-tab">Tab 1</h2>
      <div class="sec-tab">
        ...content goes here.
      </div>
    </li>
    <li id="tab2">
      <h2 class="title-tab">Tab 2</h2>
      <div class="sec-tab">
        ...content goes here.
      </div>
    </li>
    <li id="tab3">
      <h2 class="title-tab">Tab 3</h2>
      <div class="sec-tab">
        ...content goes here.
      </div>
    </li>
    <li id="tab4">
      <h2 class="title-tab">Tab 4</h2>
      <div class="sec-tab">
        ...content goes here.
      </div>
    </li>
    <li id="tab5">
      <h2 class="title-tab">Tab 5</h2>
      <div class="sec-tab">
        ...content goes here.
      </div>
    </li>
  </ul>
</div>