Topbar

This page has a top bar created by adding shortcodes to a theme option: Chap Theme -> Code -> Before header content.

Shortcode
Topbar with lists
<segment basic vertical gradient="200deg, #1E73BE 0%, #8224E3 100%">
  <container>
    <list large horizontal marginless inverted link>
      <item url="#">About Us</item>
      <item url="#">Jobs</item>
    </list>
    <list right floated large horizontal marginless inverted link>
      <item disabled>© Company, Inc.</item>
      <item url="#">Terms</item>
      <item url="#">Privacy</item>
      <item url="#">Contact</item>
    </list>
  </container>
</segment>

Topbar could also contain a menu.

Shortcode
Topbar with secondary menu
<segment basic inverted black vertical>
  <container>
    <menu secondary inverted stackable>
      <item url="#">About Us</item>
      <item url="#">Jobs</item>
      <item right disabled>© Company, Inc.</item>
      <item right url="#">Terms</item>
      <item right url="#">Privacy</item>
      <item right url="#">Contact</item>
    </menu>
  </container>
</segment>