contacts_list_adaptTo_2.jsp

<sling:adaptTo adaptable="${slingRequest}" adaptTo="com.xicojunior.contacts.models.ContactList" var="contactList" />
<ul class="list-group" id="contact-list">
<c:set var="contacts" value="${contactList.contacts}" />
<c:forEach var="contact" items="${contacts}" >
	<li class="list-group-item">
        <div class="col-xs-12 col-sm-3">
        <c:if test="${not empty contact.contactImage }">
            <img src="${contact.contactImage}" alt="${contact.name}" class="img-responsive img-circle">
        </c:if>
        </div>
        <div class="col-xs-12 col-sm-9">
            <span class="name">${contact.name}</span><br>
            <span class="glyphicon glyphicon-map-marker text-muted c-info" data-toggle="tooltip" title="" data-original-title="${contact.address}"></span>
            <span class="visible-xs"> <span class="text-muted">${contact.address}</span><br></span>
            <span class="glyphicon glyphicon-earphone text-muted c-info" data-toggle="tooltip" title="" data-original-title="${contact.phone}"></span>
            <span class="visible-xs"> <span class="text-muted">${contact.phone}</span><br></span>
            <span class="fa fa-comments text-muted c-info" data-toggle="tooltip" title="" data-original-title="${contact.email}"></span>
            <span class="visible-xs"> <span class="text-muted">${contact.email}</span><br></span>
        </div>
        <div class="clearfix"></div>
    </li>
</c:forEach>
</ul>