<div class="dropdown-menu-user">
  <div class="preview-user-detail">
    <a class="user-overlay" href="/"></a> 
    <div class="user-content">
      <div class="user-avatar user-rating-1">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
      </div> 

      <div class="user-text">
        <span class="user-name">
          Username
        </span>

        <span class="user-details">
          View profile
        </span>
      </div> 
    </div>
  </div>

  <ul class="dropdown-menu-list">
    <li class="dropdown-menu-item">
      <a class="dropdown-menu-link" href="/">
        Edit Profile
      </a>
    </li>

    <li class="dropdown-menu-item">
      <a class="dropdown-menu-link" href="/">
        Account Settings
      </a>
    </li>

    <hr class="dropdown-menu-divider">

    <li class="dropdown-menu-item">
      <a class="dropdown-menu-link" href="/">
        Log Out
      </a>
    </li>
  </ul>  
</div>