Ngorei NexaUI

<ul class="nx-thumbnav">
  <li>
    <a href="#">
      <img src="https://picsum.photos/id/10/80/80" alt="Thumbnail 1">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="https://picsum.photos/id/11/80/80" alt="Thumbnail 2">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="https://picsum.photos/id/12/80/80" alt="Thumbnail 3">
    </a>
  </li>
</ul>

<ul class="nx-thumbnav nx-thumbnav-vertical">
  <li>
    <a href="#">
      <img src="https://picsum.photos/id/13/80/80" alt="Thumbnail 1">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="https://picsum.photos/id/14/80/80" alt="Thumbnail 2">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="https://picsum.photos/id/15/80/80" alt="Thumbnail 3">
    </a>
  </li>
</ul>

<ul class="nx-thumbnav">
  <li>
    <a href="#" class="nx-thumbnav-item">
      <img src="https://picsum.photos/id/16/80/80" alt="Thumbnail 1">
      <span class="nx-thumbnav-caption">Gambar 1</span>
    </a>
  </li>
  <li>
    <a href="#" class="nx-thumbnav-item">
      <img src="https://picsum.photos/id/17/80/80" alt="Thumbnail 2">
      <span class="nx-thumbnav-caption">Gambar 2</span>
    </a>
  </li>
  <li>
    <a href="#" class="nx-thumbnav-item">
      <img src="https://picsum.photos/id/18/80/80" alt="Thumbnail 3">
      <span class="nx-thumbnav-caption">Gambar 3</span>
    </a>
  </li>
</ul>

<ul class="nx-thumbnav">
  <li>
    <a href="#" class="nx-active">
      <img src="https://picsum.photos/id/19/80/80" alt="Thumbnail 1">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="https://picsum.photos/id/20/80/80" alt="Thumbnail 2">
    </a>
  </li>
  <li>
    <a href="#">
      <img src="https://picsum.photos/id/21/80/80" alt="Thumbnail 3">
    </a>
  </li>
</ul>

<!-- Small Thumbnav -->
<ul class="nx-thumbnav nx-thumbnav-small">...</ul>

<!-- Large Thumbnav -->
<ul class="nx-thumbnav nx-thumbnav-large">...</ul>