topo_ciclos.html

<header class="app-header">
  <div class="container_16">
    <h1 class="clearfix"><a href="#" class="sprite sprite4 sprite-ciclos">E-Concurseiro</a></h1>
    <div class="usuario p75 clearfix small" style="position: absolute; top: -56px; left: 34px;">
        <div class="usr-alert">10</div>
        <div class="quarter-circle" style="background-color: transparent"></div>
        <span class="usr-img border-blue" style="background-image: url('img/user.png');"><span class="alterar-foto">atualizar foto</span></span>
    </div>
    <div class="user-details peq">
      <h3 class="usr-name">George Firmino</h3>
      <ul class="clearfix">
        <li>
          <a href="#" class="sprite sprite5 sprite-user_icon_pq">Perfil</a>
        </li>
        <li>
          <a href="#" class="sprite sprite5 sprite-lib_icon_pq">Perfil</a>
        </li>
        <li>
          <a href="#" class="perfil-porcentagem">75%</a>
        </li>
        <li>
          <a href="#" class="sprite sprite5 sprite-medal_icon_pq">Perfil</a>
        </li>
      </ul>
    </div>
    <nav class="menu-topo right">
      <ul>
        <li>
          <a href="#" class="sprite sprite-power">sair</a>
        </li>
        <li class="no-margin-left">
          <a href="#" class="sprite sprite-about">sobre</a>
        </li>
      </ul>
    </nav>
  </div>
</header>