Bukabantuan Tab HTML Markup

markup-tab.html

<div class="c-tab js-tab">
  <ul class="c-tab__nav js-tab__nav">
    <li class="c-tab__list js-tab__list is-active">
      <a class="c-tab__link js-tab__link" href="#section1">Desktop</a>
    </li>
    <li class="c-tab__list js-tab__list">
      <a class="c-tab__link js-tab__link" href="#section2">Mobile</a>
    </li>
    <li class="c-tab__list js-tab__list">
      <a class="c-tab__link js-tab__link" href="#section3">Android</a>
    </li>
    <li class="c-tab__list js-tab__list">
      <a class="c-tab__link js-tab__link" href="#section4">iOS</a>
    </li>
  </ul>
  <div class="c-tab__content js-tab__content is-active" id="section1">
    Tab 1 content
  </div>
  <div class="c-tab__content js-tab__content" id="section2">
    Tab 2 content
  </div>
  <div class="c-tab__content js-tab__content" id="section3">
    Tab 3 content
  </div>
  <div class="c-tab__content js-tab__content" id="section4">
    <div class="c-tab__content__body">
      Tab 4 content
    </div>
  </div>
</div>