<div class="team-note">
  <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">
          Today
        </span>
      </div> 
    </div>
  </div>

  <div class="note-message">
    <p class="note-text">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Etiam dignissim diam quis enim lobortis scelerisque. Risus viverra adipiscing at in tellus.
    </p>
  </div>

  <div class="note-actions">
    <a class="btn-secondary" href="/" role="button">
      Delete
    </a>  
  </div>
</div>