<div class="leaderboard-container">
    
   <div class="tile-user-info">
   
      <div class='tile-img-container'>
         <img src="{{ img_home_path_prefix + 'user' + img_path_suffix }}" height="50" width="50">
      </div>
      
      <div class='tile-details-container'>
         <h3>Abagael Maddy</h3>
         <h4>Software Engineer</h4>
      </div>

   </div>
   <div class="tile-courses-info text-color-darkgrey">
      <div class="tile-course-element">
         <div class="metric-title">
            <p>Course</p>
            <p>Completed</p>
         </div>
         <div class="metric-score">
            12
         </div>
      </div>
      <div class="tile-course-element">   
         <div class="metric-title">
            <p>Average</p>
            <p>Score</p>
         </div>
         <div class="metric-score">
            90
         </div>
      </div>
   </div>
</div>