Navigation

Local Navigation Tabs

Local Navigation

Example
<ul class="navlinks">

    <li><a href="" class="dropdown">Dropdown</a></li>
    <li><a href="">Pricing</a></li>
    <li><a href="">Bootcamp</a></li>
    <li><a href="">Scoreboard</a></li>
    <li><a href="">Forum</a></li>

</ul>
Note

Consider using other select forms before introducing multi select as these should be used sparingly. It is not the most effective way to display large amounts of data.

You can find the style on line 391 - 404

Tabs

Examples
<div class="tab_parent">
  <div class="tab__group">

  TAB1
    <div class="tab">
      <input
        class="tab__radio"
        type="radio"
        id="tab-1"
        name="tab-group-1"
        checked
      />
      <label class="tab__label" for="tab-1">Tab One </label>

      <div class="tab__content"
        Your Content here
      </div>
    </div>

    TAB2
    <div class="tab">
      <input
        class="tab__radio"
        type="radio"
        id="tab-2"
        name="tab-group-1"
        checked
      />
      <label class="tab__label" for="tab-2">Tab Two </label>

      <div class="tab__content"
        Your Content here 2
      </div>
    </div>

    TAB3
    <div class="tab">
      <input
        class="tab__radio"
        type="radio"
        id="tab-3"
        name="tab-group-1"
        checked
      />
      <label class="tab__label" for="tab-3">Tab Three </label>

      <div class="tab__content"
        Your Content here
      </div>
    </div>
  </div>
</div>
Note

Consider using other select forms before introducing multi select as these should be used sparingly. It is not the most effective way to display large amounts of data.

You can find the style from line 406 - 470

stuff 2
stuff 3