<main>
  <div class="cdt-container">
  <div class="cdt-row">
    <div class="col-6">
      <div class="cdt-list">
        <header>
          <h6>Profile list</h6>
        </header>
        <ul>
          <li>
            <div class="cdt-list-item">
              <span class="avatar">
                <img style="border-radius: 50%;
      overflow: hidden;
      width: 60px;
      height: 60px;" src="https://cdn3.vectorstock.com/i/1000x1000/30/97/flat-business-man-user-profile-avatar-icon-vector-4333097.jpg" alt="" />
              </span>
              <div class="item">
                <h6>User 1</h6>
                <p>User 1 information comes here.</p>
              </div>
            </div>
          </li>
          <li>
            <div class="cdt-list-item">
              <span class="avatar">
                <img style="border-radius: 50%;
      overflow: hidden;
      width: 60px;
      height: 60px;" src="https://cdn3.vectorstock.com/i/1000x1000/30/97/flat-business-man-user-profile-avatar-icon-vector-4333097.jpg" alt="" />
              </span>
              <div class="item">
                <h6>User 2</h6>
                <p>User 2 information comes here.</p>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
</main>