<div class="drop-down">
  <button class='cdt-btn cdt-btn-primary drop-toggle'>Dropddown button <span class="icon icon-arrow-down"></span></button>
  <ul class="cdt-drop-menu rounded">
    <li class='cdt-menu-item'>
      <div class="avatar">
        <i class="fa fa-github"></i>
      </div>
      <div class="item">
        <div>Github</div>
        <div>Where we have our repo</div>
      </div>
      <span class="extra">
        <i class="fa fa-angle-right"></i>
      </span>
    </li>
    <li class='cdt-menu-item'>
      <div class="avatar">
        <i class="fa fa-apple"></i>
      </div>
      <div class="item">
        <div>Apple</div>
        <div>Good at UI and UX</div>
      </div>
      <span class="extra">
        <i class="fa fa-angle-right"></i>
      </span>
    </li>
  </ul>  
</div>
body {
  margin: 20px;
}
a {
  text-decoration: none;
}

.drop-down {
  position: absolute;
}
.avatar i {
  font-size: 30px !important;
  color: #555;
}
.extra i {
  font-size: 30px !important;
  color: #999;
}