<div class="ss-bar ss-bg-light-gray">
  <a href="#" class="ss-bar-item ss-button">Home</a>
  <a href="#" class="ss-bar-item ss-button">Link 1</a>
  <div class="ss-dropdown-hvr">
    <button class="ss-button">Dropdown</button>
    <div class="ss-dropdown-content ss-bar-block ss-card">
      <a href="#" class="ss-bar-item ss-button">Link 1</a>
      <a href="#" class="ss-bar-item ss-button">Link 2</a>
      <a href="#" class="ss-bar-item ss-button">Link 3</a>
    </div>
  </div>
</div>
Run Pen

External CSS

  1. https://cdn.jsdelivr.net/gh/shoaiyb/css@master/sysa.css

External JavaScript

This Pen doesn't use any external JavaScript resources.