Skip to main content

Sidebar

Sidebars for our website are easy to use and responsive.

Default sidebar​

Dashboard

<aside class="sidebar">
  <div class="sidebar-head">
    <h4>...</h4>
  </div>
  <hr class="sidebar-divider">
  <ul class="sidebar-nav">
    <li>
      <a href="#!" class="sidebar-item is-active">
        <span class="sidebar-icon"><icon/></span>
        ...
      </a>
    </li>
    <li>
      <a href="#!" class="sidebar-item">
        <span class="sidebar-icon"><icon/></span>
        ...
      </a>
    </li>
  </ul>
</aside>

Semi transparent sidebar​

Dashboard

Just add the class semi-transparent

<aside class="sidebar">
  <ul class="sidebar-nav semi-transparent">
    ...
  </ul>
</aside>