Custom ion list items


#1

I am new to Ionic framework, i am trying to create an ion-list like in the picture, but i can’t figure out how to use item-thumbnail-right and item-avatar in the one item with some stuff in the right corner and a pseudo footer like in the picture… I tried this code:

<ion-list>
  <a class="item item-thumbnail-right" ng-repeat="activeOffer in activeOffers"
         ng-href="#/app/offers/{{activeOffer.offer.id}}">
    <img ng-src="{{siteRoot}}/upload/assets/img/media-support/{{activeOffer.mediaSupport.fileName}}">
    <div class="item item-avatar">
        <img ng-src="{{siteRoot}}/upload/assets/img/localbusiness/{{activeOffer.localBusiness.logo}}">
        <h2>{{activeOffer.localBusiness.label}}</h2>
          <p>{{activeOffer.localBusiness.description}}</p>
        </div>
        <h2>{{activeOffer.offer.title}}</h2>
        <p>{{activeOffer.offer.description}}</p>
  </a>
</ion-list>

But, I’m getting something ugly

Picture of what i need: http://i.stack.imgur.com/CoyMJ.png