Skip to main content

App Header

Result
Loading...
Live Editor
<div class="fds-app-header">
  <nav role="navigation" aria-label="breadcrumb">
    <ol class="fds-breadcrumb">
      <li class="fds-breadcrumb__item">
        <a href="#" class="fds-breadcrumb__link">Breadcrumb 1</a>
      </li>
      <li class="fds-breadcrumb__item">
        <a href="#" class="fds-breadcrumb__link">Breadcrumb 2</a>
      </li>
      <li class="fds-breadcrumb__item">
        <a href="#" class="fds-breadcrumb__link fds-breadcrumb__link--current">Breadcrumb 3</a>
      </li>
    </ol>
  </nav>
  <div class="fds-user-profile">
    <div class="fds-user-credentials">
      <p class="fds-user-name">Onur Şabanoğlu</p>
      <p class="fds-user-company">ABC Yazılım Teknolojileri A.Ş.</p>
    </div>
    <div class="fds-badge fds-badge--circle">
      <span class="fds-badge__letter"></span>
    </div>
  </div>
</div>