<div class="list-stacked">
    <ul class="flex-col list-style-none zero-ul-left-padding">
        <li class="flex list-items border-bottom">
            <img  class="avatar-md rounded-avatar" src="https://i.pravatar.cc/200?img=4"  					alt="small-avatar"> 
            <div class="list-body">
                <h4 class="light-text">John</h4>
                <p class="grey-text">johnt@gmail.com</p>                   
            </div>   
        </li>
        <li class="flex list-items border-bottom">
            <img  class="avatar-md rounded-avatar" src="https://i.pravatar.cc/200?img=4"  						alt="small-avatar"> 
            <div class="list-body">
                <h4 class="light-text">Tom John</h4>
                <p class="grey-text">tomjohn@gmail.com</p>                   
            </div>   
        </li>
        <li class="flex list-items border-bottom">
            <img  class="avatar-md rounded-avatar" src="https://i.pravatar.cc/200?img=4"  						alt="small-avatar"> 
            <div class="list-body">
                <h4 class="light-text">John Tom</h4>
                <p class="grey-text">johntom@gmail.com</p>                   
            </div>   
        </li>
    </ul>
</div>