Default

Hello

Micheal White

LABELS

inboxInboxsendSenteditDraftsfavoriteFavorite

My Team

favoriteFavorite

<div class="gray-100 py-xl" style="width: 240px;">
  <div class="px-md mb-xxl d-flex flex-column align-items-center border-bottom">
    <img class="avatar-lg mb-lg" src="assets/images/faces/1.jpg" />
    <p class="m-0 text-muted">Hello</p>
    <p class="font-weight-semi mb-xl">Micheal White</p>
  </div>
  <div class="d-flex flex-column mb-xl">
    <h6 class="px-md heading-label">LABELS</h6>
    <a class="d-flex hover-gray align-items-center py-xxs px-sm" href="#"><i class="material-icons icon icon-sm">inbox</i><span class="text-body font-weight-semi">Inbox</span></a>
    <a class="d-flex hover-gray align-items-center py-xxs px-sm" href="#"><i class="material-icons icon icon-sm">send</i><span class="text-body font-weight-semi">Sent</span></a>
    <a class="d-flex hover-gray align-items-center py-xxs px-sm" href="#"><i class="material-icons icon icon-sm">edit</i><span class="text-body font-weight-semi">Drafts</span></a>
    <a class="d-flex hover-gray align-items-center py-xxs px-sm" href="#"><i class="material-icons icon icon-sm">favorite</i><span class="text-body font-weight-semi">Favorite</span></a>
  </div>
  <div class="d-flex-flex-column">
    <h6 class="px-md heading-label">My Team</h6>
    <a class="d-flex hover-gray align-items-center py-xxs px-sm" href="#"><i class="material-icons icon icon-sm">favorite</i><span class="text-body font-weight-semi">Favorite</span></a>
  </div>
</div>