Typography Button Segment Menu Form
Dashboard Management Analytics
banyurachman
Settings Profile Logout
<div class="ui menu">
        <a href="#" class="header item">
          <img src="img/content.png">
        </a>
        <a href="#" class="active item">Dashboard</a>
        <a href="#" class="item">Management</a>
        <a href="#" class="item">Analytics</a>

        <div class="right menu">
          <div class="item">
            <div class="ui icon rounded input">
              <input type="text" placeholder="Search...">
              <i class="search icon"></i>
            </div>
          </div>
          <div class="ui dropdown item">
            <img class="ui avatar image" src="img/avatar.jpg">
            banyurachman <i class="dropdown icon"></i>
            <div class="menu">
              <a class="item"><i class="setting icon"></i>Settings</a>
              <a class="item"><i class="user icon"></i>Profile</a>
              <a class="item"><i class="log out icon"></i>Logout</a>
            </div>
          </div>
        </div>
      </div>
Dashboard Management Analytics
banyurachman
Settings Profile Logout
<div class="ui inverted menu">
        <a href="#" class="active item">Dashboard</a>
        <a href="#" class="item">Management</a>
        <a href="#" class="item">Analytics</a>

        <div class="right menu">
          <div class="item">
            <div class="ui icon rounded input">
              <input type="text" placeholder="Search...">
              <i class="search icon"></i>
            </div>
          </div>
          <div class="ui dropdown item">
            <img class="ui avatar image" src="img/avatar.jpg">
            banyurachman <i class="dropdown icon"></i>
            <div class="menu">
              <a class="item"><i class="setting icon"></i>Settings</a>
              <a class="item"><i class="user icon"></i>Profile</a>
              <a class="item"><i class="log out icon"></i>Logout</a>
            </div>
          </div>
        </div>
      </div>
Navigation A Navigation B Navigation C
<div class="ui secondary menu">
        <a href="#" class="active item">Navigation A</a>
        <a href="#" class="item">Navigation B</a>
        <a href="#" class="item">Navigation C</a>
      </div>
Navigation A Navigation B Navigation C
<div class="ui inverted segment">
        <div class="ui inverted secondary menu">
          <a href="#" class="active item">Navigation A</a>
          <a href="#" class="item">Navigation B</a>
          <a href="#" class="item">Navigation C</a>
        </div>
      </div>
Option A Option B Option C
Option A Option B Option C
Option A Option B Option C
Option A Option B Option C
<div class="ui grid">
        <div class="four columns row">
          <div class="column">
            <div class="ui vertical menu">
              <a href="#" class="active item"><i class="setting icon"></i>Option A</a>
              <a href="#" class="item"><i class="setting icon"></i>Option B</a>
              <a href="#" class="item"><i class="setting icon"></i>Option C</a>
            </div>
          </div>
          <div class="column">
            <div class="ui inverted vertical menu">
              <a href="#" class="active item"><i class="setting icon"></i>Option A</a>
              <a href="#" class="item"><i class="setting icon"></i>Option B</a>
              <a href="#" class="item"><i class="setting icon"></i>Option C</a>
            </div>
          </div>
          <div class="column">
            <div class="ui secondary vertical menu">
              <a href="#" class="active item"><i class="setting icon"></i>Option A</a>
              <a href="#" class="item"><i class="setting icon"></i>Option B</a>
              <a href="#" class="item"><i class="setting icon"></i>Option C</a>
            </div>
          </div>
          <div class="column">
            <div class="ui inverted segment">
              <div class="ui secondary inverted vertical menu">
                <a href="#" class="active item"><i class="setting icon"></i>Option A</a>
                <a href="#" class="item"><i class="setting icon"></i>Option B</a>
                <a href="#" class="item"><i class="setting icon"></i>Option C</a>
              </div>
            </div>
          </div>
        </div>
      </div>